Sedikit trik,untuk mendapatkan pengunjung blog Indonesia dari Amerika dengan tidak mengganti IP addres Indonesia menjadi IP Amerika Tanpa Software.Caranya login ke akun facebook kamu.trus update status fb dengan mengganti lokasi status ke wilayah amerika.Setelah itu tautkan link blog kamu di status Facebook,kemudian klik link url blog kamu dari Facebook
Alhasil pengunjung blog menjadi seperti ss dibawah ini:
Hahahaa...
pengunjung amerika tersebut adalah kamu sendiri..wkwkwk!
» Read More...
Cara Membuat Recent Post dengan Thumbnail - Ca
ra/trik mudah menjadikan recent post tampil dengan thumbnail atau
cara membuat recent post/artikel terbaru muncul dengan gambar atau
cara gampang memunculkan recent post dengan thumbnail.
- Login ke blogger sobat
- Klik Tata Letak >> Tambah Gadget >> Pilih HTML/Java Script.
- Dan taruh script dibawah ini kedalamnya
<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image1.gif";
imgr[1] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image2.gif";
imgr[2] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image3.gif";
imgr[3] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image4.gif";
imgr[4] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image5.gif";
showRandomImg = true;
boxwidth = 230;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "transparent";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://amronbadriza.blogspot.com/";
</script>
<script src="http://amronbadriza.googlecode.com/files/recent_posts_thumbnail.js" type="text/javascript"></script>
- Ganti yang berwarna merah dengan alamat blog kamu lalu simpan.
Oke, sekian dulu postingan mengenai cara membuat recent post dengan thumbnail. Semoga bermanfaat.
Referensi: http://infonetmu.blogspot.com/2012/01/cara-membuat-recent-post-dengan.html
» Read More...
Cara Membuat Popup Window di Blog -
Cara/trik menciptakan popup window/jendela pop up/popup ads pada blog atau
cara bikin jendela baru di blog ketika link di klik atau
cara agar blog bisa tercipta jendela baru saat ada sebuah klik.
Beberapa waktu yang lalu, saya pernah membuat postingan mengenai
cara membuat iklan melayang di blog, maka di kesempatan kali ini saya akan posting artikel yang hampir serupa tapi lebih keren yaitu postingan mengenai
trik menciptakan jendela pop up di blog. Oke sobat, berikut ini ulasannya.
Window pop up merupakan suatu halaman yang muncul di belakang maupun di depan halaman utama yang muncul begitu saja dengan tiba-tiba walau tanpa kita klik sekalipun, bisa berjumlah 1 pop up,2 pop up,3 pop up bahkan bisa sebanyak mungkin yang di kehendaki. Halaman pop-up Biasanya di gunakan untuk beriklan dari suatu produk maupun jasa yang di tawarkan. Contoh konkrik iklan pop-up yang sering di pakai adalah situs ziddu, dimana setiap kali kita mendownload file yang ada di situs tersebut pasti akan keluar halaman window pop-up, betul tidak?
Pop up window terkadang membuat jengkel oleh para pengunjung blog, terkadang iklan pop up yang keluar tidak ada hubungannya dengan apa yang pengunjung cari, malahan kadang membuat loading blog menjadi lambat karena banyaknya iklan pop-up yang keluar, tapi terserah kamu semua,mau memasangnya atau tidak terserah kamu. Tapi bila memang tertarik ingin memasangnya, berikut ini trik bikin popup windows pada blog:
1. Login ke akun Blogger sobat.
2. Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).
3. Cari kode <body>
4. Dan letakkan kode berikut dibawah kode <body>
<script type='text/javascript'>
var popurls=new Array()
popurls[0]='http://amronbadriza.blogspot.com/'
popurls[1]='http://amronbadriza.blogspot.com/2012/07/pasang-iklan-murah.html'
popurls[2]='http://google.com/'
function openpopup(popurl) { var winpops=window.open(popurl,'','width=,height=,toolbar,location,status,scrollbars,menubar,resizable') }
openpopup(popurls[Math.floor(Math.random()* (popurls.length))])
</script>
5. Simpan template kamu.
Keterangan:
Jika kamu memasang script pop up diatas, maka akan muncul halaman-halaman lagi sesuai yang kamu targetkan, ganti yang berwarna merah dengan halaman pop up kamu sendiri.
Jika ingin menambahkan jumlah halaman pop up maka tinggal tambahkan kode berikut ke dalam script di atas popurls[nomer]='http://link-url-tujuan.com' atau jika ingin mengurangi tinggal buang salah satunya.
Demikianlah postingan mengenai cara membuat popup window di blog. Semoga bermanfaat buat semua.
Referensi: http://infonetmu.blogspot.com/2012/01/cara-membuat-popup-window-pada-blog.html
» Read More...
Setelah beberapa waktu lalu saya posting mengenai
cara merubah ukuran kotak komentar di blog, maka kali ini saya akan membahas artikel mengenai
trik mengubah kotak komentar blogspot menjadi seperti wordpress. Kebetulan trik ini saya dapatkan dari blog temen saya dengan url berikut (
http://infonetmu.blogspot.com/2012/01/modifikasi-komentar-blogspot-agar.html) semoga mudah dipahami oleh sobat semua. Oke berikut ulasannya..
Seperti yang kamu ketahui bahwa komentar pada blogspot atau blogger sangat mudah untuk di modifikasi, seperti merubah ukuran komentar maupun menambahkan komentar facebook di blog juga bisa, pertanyaan muncul lagi.. Lalu bagaimana agar tampilan kotak komentar blogspot bisa tampil sepeti wordpress?
- Silahkan daftar ke web ini http://intensedebate.com/
- Login ke akun sobat.
- Klik menu sites dan pilih add blog/site.
- Masukkan alamat lengkap blog sobat, kemudian Next.
- Pada pilihan pertama silahkan anda pilih widget.
- Sekarang anda masuk ke dashboard blogger sobat >> Setelan >> Poskan dan Komentar >> Lalu klik komentar dan pada Default Komentar untuk Entri, pilih Entri baru tidak memiliki komentar. Lalu Simpan.
- Kembali lagi ke halaman Install IntenseDebate, geser scroll ke bagian bawah dan klik add widget to my blog.
- Tekan Add Widget. Letakkan element Intense Debate Comments di bawah blog post anda, dengan cara menggesernya. Simpan dan lihat hasilnya.
Nah, demikianlah posting artikel mengenai cara modifikasi kotak komentar blogspot menjadi seperti wordpress. Semoga bermanfaat.
» Read More...
Cara Membuat Author Box di Bawah Postingan -
Cara/trik memberi kotak penulis/author box di bawah setiap postingan atau
cara menambah identitas penulis di bawah postingan atau
cara agar nama penulis bisa tercantum di bawah setiap posting blog.
Hallo sobat semua.. Bagaimana kabar kalian hari ini? Saya harap baik-baik saja :)
Pada kesempatan postingan kali ini, saya akan membahas artikel mengenai
trik membuat author box di bawah setiap postingan blog. Memang banyak sekali elemen-elemen yang bisa disisipkan di bawah postingan blog, selain untuk mempercantik tampilan blog, elemen-elemen yang disisipkan di bawah postingan juga bisa meningkatkan kredibilitas blog di mata pengunjung. Selain author box, banyak hal lain yang bisa disisipkan disini, misalnya saja iklan. Baca:
cara memasang iklan otomatis di bawah postingan. Oke, kembali ke permasalahan. Bagi siapa saja yang tertarik untuk memasang author box di bawah postingan blog, langsung saja berikut ini
cara memberi identitas penulis di bawah postingan:
1. Login ke akun Blogger sobat.
2. Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).
3. Cari kode ]]></b:skin> di template sobat.
4. Pastekan kode berikut tepat di atas kode nomor 3 tadi
.author-box {
background: #f0f0f0;
margin: 20px 0 40px 0;
padding: 10px;
overflow: auto;
color:#888;
font-family:verdana, sans-serif;
}
.author-box p {
margin: 0;
padding: 0;
}
.author-box a{
color:#666;
}
.author-box img {
background: #FFFFFF;
float: left;
margin: 0 10px 0 0;
padding: 4px;
}
5. Next cari kode <div class='post-footer-line post-footer-line-1'> dan pastekan kode di bawah ini tepat di bawah kode tersebut
<b:if cond='data:blog.pageType == "item"'>
<div class='author-box'>
<p><img alt='avatar' class='avatar avatar-70 photo' height='70' src='URL Foto/Avatar Sobat' width='70'/><b>About Author</b><br/>
Sekilas tentang diri sobat<br/></p>
</div>
</b:if>
Ket: Ganti tulisan berwarna
merah dengan URL foto/avatar yang sobat miliki dan ganti tulisan berwarna
ungu dengan tulisan singkat mengenai deskripsi singkat diri sobat.
6. Simpan template sobat.
Demikianlah posting artikel mengenai cara membuat author box di bawah postingan. Semoga bermanfaat buat semua.
» Read More...
Pada kesempatan kali ini saya akan posting artikel yang mengulas trik mengenai
mengubah background blog dengan gambar. Sebelumnya, saya juga pernah posting artikel yang terkait dengan tutorial kali ini, yaitu artikel berjudul
cara mengganti warna background blog. Silahkan dibaca bila tertarik. Oke lanjut..
Pada template blog, khususnya template blogger atau blogspot, warna background pada blog dapat kita ganti dengan sangat mudah sesui dengan gambar yang kita inginkan. nah bagaimana cara mengganti background blog dengan gambar? Ikuti tutorialnya di bawah ini!
Disini kita mengambil contoh pada background body di tamplate blog kita, cari kode body { Nah di sana terdapat kode background.
body{
background:#ded8c0;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}
Setiap blog rada berbeda sih Backgroundnya, nah untuk mengganti backborund misal dengan background / gambar ini
http://4.bp.blogspot.com/-dNS6cFsK2M4/TuwkW0K4RJI/AAAAAAAAAYk/hsaP92g98TI/s1600/wallpaper.jpg
Maka kalian cukup menambahkan url(http://4.bp.blogspot.com/-dNS6cFsK2M4/TuwkW0K4RJI/AAAAAAAAAYk/hsaP92g98TI/s1600/wallpaper.jpg) repeat-x; pada background tersebut.
Jadi :
body{
background:#ded8c0 url(http://4.bp.blogspot.com/-dNS6cFsK2M4/TuwkW0K4RJI/AAAAAAAAAYk/hsaP92g98TI/s1600/wallpaper.jpg) repeat-x;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}
Gambar Background kamu juga bisa tetap walaupun scroll mouse kamu gerakkan ke atas atau kebawah. Tinggal kamu ganti repeat-x; menjadi repeat-x top left fixed; atau yang paling saya suka adalah menggunakan gambar kecil namun bisa menjadi besar dan tetap. Yakni kamu cari dulu gambar kecil, setelah itu seperti biasa, tinggal kamu rubah repeat-x; menjadi repeat scroll 0 0;Nah demikian artikel mengenai cara mudah mengganti background blog dengan gambar. Semoga bermanfaat buat semua.
Referensi: http://infonetmu.blogspot.com/2012/01/cara-mengganti-background-blog-dengan.html
» Read More...
Hay sobat semua.. Setelah sebelumnya saya posting artikel mengenai
kode HTML simbol-simbol karakter, maka pada di postingan kali ini saya akan membahas mengenai
kode HTML untuk warna lengkap.
Nah bagi para blogger mungkin ingin tahu kode warna HTML dengan mudah, saya akan memberikan tools untuk mengetahui kode-kode warna HTML tersebut.
Demikianlah posting artikel mengenai
kode-kode HTML warna lengkap. Semoga bermanfaat buat semua.
Referensi: http://infonetmu.blogspot.com/2012/01/kode-warna-html-lengkap.html
» Read More...
Cara Merubah Ukuran Kotak Komentar di Blog -
Cara/trik mengubah size kotak komentar/comment box blogger atau
cara mengedit kotak komentar blog agar berubah ukurannya atau
cara mengubah lebar dan tinggi kotak komentar blog.
Pada postingan kali ini, saya akan membahas mengenai
trik mengubah ukuran lebar dan tinggi box comment di blog. Kebetulan trik ini saya dapatkan dari blog temen saya dengan url berikut (
http://infonetmu.blogspot.com/2012/01/cara-merubah-ukuran-kotak-komentar.html), karena saya merasa tertarik jadi saya share aja. Sebelumnya saya juga pernah posting artikel yang bagus yaitu
cara membuat kotak komentar facebook di blog. Silahkan dibaca bila tertarik. Oke, langsung saja berikut ini
cara mengubah ukuran kotak komentar di blogspot:
1. Login ke akun Blogger sobat.
2. Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).
3. Cari kode:
<iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='410' id='comment-editor' scrolling='auto' width='100%'/>
4. Jadikan yang berwarna biru sebagai patokan waktu kamu mencari kode diatas, karena setiap template berbeda, dan untuk merubah ukuran kotak komentarmu, silahkan ganti yang berwarna merah, sesuaikan dengan template kamu.
5. Simpan template kamu dan lihat hasilnya.
Nah, demikianlah postingan mengenai cara merubah ukuran kotak komentar di blog kali ini. Semoga bermanfaat buat semua..
» Read More...
Hay sobat.. Apa kabar kalian hari ini? Saya harap baik-baik aja :)
Setelah beberapa waktu lalu saya posting artikel mengenai
cara membuat efek salju di blog, maka di postingan kali ini saya akan membahas artikel mengenai
trik memberi daun berjatuhan di blogger.
Memberi daun berguguran di blog memang bisa mempercantik tampilan blog agar mempunyai nilai seni lebih tinggi, selain itu trik ini juga tidak terlalu memberatkan blog atau malah bisa dikatakan ringan. Oke, langsung saja berikut ini
cara memberi efek daun berjatuhan di blog kita:
1. Login ke akun Blogger sobat.
2. Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).
3. Cari kode </head> di template sobat.
4. Pastekan kode di bawah ini tepat di atas kode nomor 3 tadi
<script type="text/javascript" src="http://amronbadriza.googlecode.com/files/daun-berjatuhan-di-blog.js"></script>
5. Simpan template sobat.
Selesai deh. Gampang sekali kan?
Demikianlah postingan mengenai cara mudah membuat daun berjatuhan di blog. Semoga bermanfaat buat semua.
» Read More...
Cara Membuat Recent Post Berjalan di Blog -
Cara/trik mengatur/mensetting recent post bisa berjalan/bergerak atau
cara menjadikan artikel-artikel terbaru berjalan atau
cara agar recent post bisa berjalan pada/di blog.
Beberapa waktu yang lalu, saya pernah posting artikel mengenai
cara membuat/memberi recent post di blog, dimana artikel tersebut memang trik membuat recent post di blog, tapi recent post biasa. Nah, pada kesempatan ini saya akan berbagi artikel yang masih terkait dengan postingan tersebut yaitu
trik mensetting recent post bisa berjalan di blog.
Banyak cara untuk menampilkan recent post pada blog kita, sehingga blog kita bisa tampil lebih cantik. Selain dapat mempermudah pengunjung untuk lebih banyak membaca artikel kita yang lainya, sama halnya dengan artikel terkait atau related post, recent post juga bisa dengan tampilan thumbnail, nah kali ini saya akan memberi tutorial tentang cara membuat recent post berjalan yang pastinya sangat mudah untuk dilakukan.- Masuk ke dashbor blog sobat.
- Klik Tata Letak >> Tambah Gadget >> Pilih HTML/Java Script.
- Masukan kode berikut ke dalam box HTML/Java Script tadi
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript">
</script>
<style media="screen" type="text/css">
<!--
#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;
border:1px solid #ddd;
}
#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}
.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}
-->
</style>
<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 20;
home_page = "http://amronbadriza.blogspot.com/";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src="http://infonetmu.googlecode.com/files/recentpostthumbslideshow.js" type="text/javascript">
</script></div>
- Simpan.
Note :
- Url yang berwarna merah ganti dengan Url sobat
- Angka yang berwarna biru jumlah post yang ingin di tampilkan
Demikianlah postingan mengenai cara membuat recent post berjalan di blog. Semoga bermanfaat buat semua.
Referensi: http://infonetmu.blogspot.com/2012/01/cara-membuat-recent-post-berjalan.html
» Read More...
Cara Membuat Semua Link Terbuka di Tab Baru -
Cara/trik mengatur/setting semua link di di blog terbuka di tab baru atau
cara merubah/mengubah/menjadikan semua link terbuka di halaman baru atau
cara agar semua link di blog bisa open di tab baru.
Setelah sebelumnya saya posting artikel mengenai
cara membuat anti copy paste di blog, maka di postingan kali ini saya akan membahas artikel keren yaitu mengenai
trik menjadikan semua link terbuka di tab baru. Oke langsung berikut ulasannya..
Link pada suatu blog atau website sangat penting gunanya, yaitu agar pembaca tetap memiliki akses terhadap page referral dimana dia menemukan link baru untuk di-klik. Selain itu, bagi pemilik blog/website hal ini juga menguntungkan karena visitor tidak segera meninggalkan halaman blog/website karena adanya window baru/jendela baru yang harus dibuka.
Selain itu, link terbuka di tab baru pada artikel yang sedang dibaca juga tidak menghilang tergantikan oleh halaman baru dari link yg di-klik oleh visitor. Pembaca tetap dapat membaca artikel hingga selesai sambil melihat referensi link yg terdapat di dalam posting.
Nah, kali ini saya akan memberikan tips tentang bagaimana cara melakukan trik di atas, jadi jika kamu pasang script ini, kamu tidak perlu menambahkan embel-embel "target" pada link-link yang ada di blog kamu.
Berikut cara membuat semua link terbuka di tab baru secara otomatis: - Masuk ke dashbor blog sobat.
- Klik Tata Letak >> Tambah Gadget >> Pilih HTML/Java Script.
- Lalu copy ccript berikut ke dalam box HTML/Java Script tadi
<!-- code for turning all non-blog links to new page links -->
<script type="text/javascript" language="javascript">
var arr = document.getElementsByTagName("a"); //get all links inthe page
for(var i = 0; i < arr.length; i++)
{
if(arr[i].href.indexOf(" http://amronbadriza.blogspot.com/ ") < 0 //not links that are 'inside' blog
&& arr[i].href.indexOf("javascript:") < 0) //not javascript links
arr[i].target = "_blank";
}
</script>
- Ganti tulisan berwarna merah tersebut dengan URL blog kamu lalu simpan.
Nah, demikianlah sobat postingan mengenai cara membuat semua link terbuka di tab baru. Semoga bermanfaat buat semua.
Referensi: http://infonetmu.blogspot.com/2012/02/membuat-semua-link-terbuka-di-tab-baru.html
» Read More...
Cara Membuat Anti Copy Paste Di Blog -
Cara/trik mengatur blog menjadi anti copas/copy paste atau
cara mengubah/merubah blog menjadi anti copy paste atau
cara agar blog kita tidak bisa dicopas.
Membuat blog menjadi anti copy paste merupakan salah satu cara menjaga keamanan/privasi blog kita. Selain blog, kita juga bisa bisa memproteksi elemen-elemen atau widget-widget blog kita dari orang-orang jahil, misalnya memproteksi counter histats. Baca:
cara private counter histats. Nah, kali ini saya akan membahas mengenai
trik mengatur blog menjadi anti copy paste menggunakan sript. Oke, langsung saja..
Cara kerja script ini adalah menonaktifkan fungsi blok pada posting sehingga copy paste terhadap blog kita dapat diminimalisir. Tapi saya sarankan jika blog sobat bertema "blog tutorial" sebaiknya jangan menggunakan script ini, karena script/kode yang ada pada tutorial sobat tidak akan bisa di blok. Baik langsung berikut cara mengubah blog menjadi anti copy paste:
- Login ke akun Blogger sobat.
- Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).
- Cari kode </head> (gunakan ctrl+f).
- Copy paste script berikut tepat di bawah kode nomor 3 tadi
<SCRIPT type="text/javascript">
if (typeof document.onselectstart!="undefined") {
document.onselectstart=new Function ("return false");
}
else{
document.onmousedown=new Function ("return false");
document.onmouseup=new Function ("return true");
}
</SCRIPT>
- Simpan template dan lihatlah hasilnya.
Gunakan script ini jika konten blog sobat memang mengandung hak cipta atau bersifat pribadi yang tidak ingin di copy paste. Nah demikian
cara membuat anti copy paste di blog, semoga bermanfaat!
Referensi: http://infonetmu.blogspot.com/2012/02/membuat-anti-copy-paste-di-blog.html
» Read More...
Hay sobat.. Kali ini saya akan posting kembali artikel seputar trik-trik menghias blog yang pastinya seru untuk diikuti dan sayang untuk dilewatkan. hehe.. Setelah sebelumnya saya update artikel seputar menghias blog, yaitu artikel
cara memasang jam di wordpress, maka pada kesempatan posting kali ini saya akan membahas mengenai
cara membuat ucapan welcome di blog.
Sobat pastinya pernah kan menjumpai blog yang ketika dibuka muncul tulisan di tengah layar, misalnya "Selamat dataing di Blogku" atau "Welcome to my Blog" atau yang lainnya. Nah itu namanya ucapan selamat datang dan membuatnya sangat mudah sekali. Bagi yang tertarik memasang seperti itu, berikut ini
cara memasang ucapan selamat datang di blog kita:
1. Login ke akun Blogger sobat.
2. Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).
3. Cari kode </head> di template sobat
4. Pastekan kode di bawah ini tepat di atas kode nomor 3 tadi
<b:if cond='data:blog.Url == data:blog.homepageUrl'> <script language='javascript'>alert ("Pesan sobat disini"); </script> </b:if>
5. Simpan template sobat dan lihat hasilnya.
Ket:
Ganti tulisan berwarna merah dengan kata-kata/kalimat yang sobat inginkan. Bagaimana? Mudah sekali bukan? :)
Nah, itulah postingan mengenai cara membuat ucapan selamat datang di blog saat dikunjungi. Semoga bermanfaat buat sobat semua.
» Read More...
Setelah beberapa waktu lalu saya posting artikel mengenai
cara membuat like box facebook di blog, maka selanjutnya di kesempatan yang baik ini saya akan mengulas artikel mengenai
cara mengubah like box fb kita menjadi valid xhtml. Oke, langsung saja sobat..
Like box atau kotak suka terhadap suatu website telah banyak di pasang pada website dan blog-blog. Namun, apakah sobat udah mengecek kalau script FB tersebut valid XHTML? Sekedar info bahwa valid XHTML bagi sebuah website atau blog sangat diperlukan karena dapat meningkatkan dukungan website terhadap berbagai macam browser. Selain itu, dengan valid XHTML akan semakin disukai oleh crawler yang berasal dari google yahoo maupun bing,namun ada juga yang punya kepercayaan berbeda tentang hal ini, bahwa valid ato tidak sebuah web, tidak berkaitan dengan SEO, kamu percaya yang mana nih?
Daripada abu2 lebih baik dicoba aja yah, siapa tahu benar tidak ada salahnya juga kok. kembali ke bahasan. Script FB yang dibuat oleh developer facebook kenyataannya tidak valid dengan XHTML! Adakah cara untuk membuat valid script tersebut? Oh.. tentu ada sob! yuk kita bahas Sebenarnya membuat valid script FB like box tidaklah sulit karena bagian script tersebut yang tidak valid hanyalah karena penggunaan atribut-atribut yang tidak di dukung oleh XHTML. Nah.. Bagaimana cara menjadikan like box facebook menjadi valid XHTML?
Berikut Kodenya:
<div id="fb-root"></div>
<script type="text/javascript">
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js#xfbml=1';
document.getElementById('fb-root').appendChild(e);
}());
</script>
<div id="FbCont">
<script type="text/javascript">
<!--//--><![CDATA[//><!--
var fb = document.createElement('fb:like-box');
fb.setAttribute("href","Masukan alamat fan pages FB");
fb.setAttribute("show_faces","true");
fb.setAttribute("header","false");
fb.setAttribute("stream","false");
fb.setAttribute("width","200");
fb.setAttribute("font","segoe");
document.getElementById("FbCont").appendChild(fb);
//--><!]]>
</script>
</div>
Ganti yang di warnai merah dengan alamat fan pages FB punya sobat dan coba sobat cek website/blogkamu. Bagaimana? Mudah kan?
Nah, demikianlah postingan mengenai cara membuat like box facebook valid XHTML kali ini. Semoga bisa bermanfaat buat semua.
Referensi: http://infonetmu.blogspot.com/2012/05/cara-membuat-like-box-valid-xhtml.html
» Read More...
Cara Mudah Membuat Link Warna Warni di Blog -
Cara membuat/mengubah/merubah/menciptakan link warna-warni di blog atau
cara mendesain agar link menjadi warna-warni di blog atau
cara agar link menjadi warna-warni ketika disorot pointer mouse.
Apa kabar sobat? Di kesempatan yang baik ini, saya akan kembali posting sebuah artikel keren yang pastinya banyak dicari oleh blog mania, yaitu
cara mendesain link menjadi warna-warni di blog kita. Sebelumnya saya juga sudah posting artikel yang berkaitan dengan posting kali ini, yaitu artikel
cara membuat link bergoyang di blog. Silahkan dibaca bila tertarik. Oke, langsung saja sobat.. Berikut ini
cara menciptakan link warna warni di blog dengan mudah:
Cara I
1. Login ke akun Blogger sobat.
2. Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).
3. Search kode berikut </head> ( untuk mempermudah pencarian tekan Ctrl + F ).
4. Letakkan script berikut tepat di atas kode no.3 tadi
<script type='text/javascript'>
//<![CDATA[
var rate = 20;
if (document.getElementById)
window.onerror=new Function("return true")
var objActive; // The object which event occured in
var act = 0; // Flag during the action
var elmH = 0; // Hue
var elmS = 128; // Saturation
var elmV = 255; // Value
var clrOrg; // A color before the change
var TimerID; // Timer ID
if (document.all) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor;
}
else if (document.getElementById) {
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
document.onmouseover = Mozilla_doRainbowAnchor;
document.onmouseout = Mozilla_stopRainbowAnchor;
}
function doRainbow(obj)
{
if (act == 0) {
act = 1;
if (obj)
objActive = obj;
else
objActive = event.srcElement;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
function stopRainbow()
{
if (act) {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
function doRainbowAnchor()
{
if (act == 0) {
var obj = event.srcElement;
while (obj.tagName != 'A' && obj.tagName != 'BODY') {
obj = obj.parentElement;
if (obj.tagName == 'A' || obj.tagName == 'BODY')
break;
}
if (obj.tagName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}
function stopRainbowAnchor()
{
if (act) {
if (objActive.tagName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
function Mozilla_doRainbowAnchor(e)
{
if (act == 0) {
obj = e.target;
while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
obj = obj.parentNode;
if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
break;
}
if (obj.nodeName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}
function Mozilla_stopRainbowAnchor(e)
{
if (act) {
if (objActive.nodeName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
function ChangeColor()
{
objActive.style.color = makeColor();
}
function makeColor()
{
// Don't you think Color Gamut to look like Rainbow?
// HSVtoRGB
if (elmS == 0) {
elmR = elmV; elmG = elmV; elmB = elmV;
}
else {
t1 = elmV;
t2 = (255 - elmS) * elmV / 255;
t3 = elmH % 60;
t3 = (t1 - t2) * t3 / 60;
if (elmH < 60) {
elmR = t1; elmB = t2; elmG = t2 + t3;
}
else if (elmH < 120) {
elmG = t1; elmB = t2; elmR = t1 - t3;
}
else if (elmH < 180) {
elmG = t1; elmR = t2; elmB = t2 + t3;
}
else if (elmH < 240) {
elmB = t1; elmR = t2; elmG = t1 - t3;
}
else if (elmH < 300) {
elmB = t1; elmG = t2; elmR = t2 + t3;
}
else if (elmH < 360) {
elmR = t1; elmG = t2; elmB = t1 - t3;
}
else {
elmR = 0; elmG = 0; elmB = 0;
}
}
elmR = Math.floor(elmR).toString(16);
elmG = Math.floor(elmG).toString(16);
elmB = Math.floor(elmB).toString(16);
if (elmR.length == 1) elmR = "0" + elmR;
if (elmG.length == 1) elmG = "0" + elmG;
if (elmB.length == 1) elmB = "0" + elmB;
elmH = elmH + rate;
if (elmH >= 360)
elmH = 0;
return '#' + elmR + elmG + elmB;
}
//]]>
</script>
5. Simpan template sobat dan lihat hasilnya.
Cara II
1. Masuk ke dashbor blog sobat.
2. Klik Tata Letak >> Tambah Gadget >> Pilih HTML/Java Script.
3. Pastekan kode berikut ke dalam box HTML/java Script tadi
<script src='http://sabarmuanas.googlecode.com/files/infonetmu.blogspot.com.mousepelangi.js' type='text/javascript'>
</script>
4. Simpan dan lihat hasilnya.
Saya rasa cukup postingan mengenai cara mudah membuat link warna warni di blog kali ini. Semoga bisa bermanfaat dan menambah wawasan sobat.
» Read More...
Setelah pada postingan sebelumnya
Blogaul membahas trik tentang
cara membuat link bergoyang di blog, maka di postingan kali ini saya akan membahas artikel yang masih berkaitan dan kali ini mengenai
cara memunculkan link sumber otomatis ketika artikel blog dicopas. Oke langsung saja..
Menurut saya copas adalah hal yang wajar, terutama bagi blogger. Benar kan ?
Nah, namun jika kamu mengcopy paste artikel dengan tujuan untuk kamu publikkan maka etika yang tepat adalah cantumkan link sumber dari artikel tersebut. Nah kalian yang ingin artikel blognya ketika di copas lalu akan menampilkan sebuah link otomatis yang mengarah kepada artikelmu, saya akan berikan scriptnya, silahkan saja pasang di blogmu, bagaimana cara membuat link sumber otomatis ketika dicopas? Berikut cara memunculkan auto source code ketika artikel blog dicopas: - Login ke blog kamu.
- Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).
- Copy dan paste kode berikut tepat diatas kode <body> template kamu.
<script type="text/javascript"> if(document.location.protocol=='http:'){ var Tynt=Tynt||[];Tynt.push('cXIEhKYVSr4lJ5adbi-bpO');Tynt.i={"ap":"Sumber :"}; (function(){var s=document.createElement('script');s.async="async";s.type="text/javascript";s.src='http://infonetmu.googlecode.com/files/sumber-otomatis.js';var h=document.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);})(); } </script>
- Lalu simpan.
NB : Ganti kode yang berwarna merah sesuai keinginan sobat. Misalnya: Sumber asli, source, copas dari, dan lain-lain. Untuk mengecek keberhasilan trik sobat ini, silahkan copas artikel blog sobat sendiri dan lihat hasilnya.
Demikianlah posting artikel mengenai cara menampilkan link sumber otomatis ketika artikel dicopas. Semoga bermanfaat buat semua.
Referensi: http://kangjem.blogspot.com/2012/04/cara-menampilkan-link-sumber-otomatis.html
» Read More...
Cara Membuat Link Bergoyang di Blog -
Cara menciptakan link yang bisa bergoyang/nudging di blog atau
cara membuat link yang dapat bergoyang jika terkena pointer mouse - Setelah sekian lama Blogaul tidak update artikel seputar blogging dan SEO dengan artikel terakhir
how to use meta tags in blogspot, kali ini saya akan coba update lagi yaitu artikel mengenai
cara membuat nudging link di blog. Cara ini menggunakan script jQuery yang saya dapatkan dari sini (
http://smilenet4u.blogspot.com/2012/04/cara-membuat-link-bergoyang-nodging.html) dimana bila dipraktekkan akan membuat link yang terkena pointer mouse akan bergoyang-goyang gitu. Oke, langsung saja berikut
cara menciptakan link yang bisa bergoyang di blog:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'> $(document).ready(function() { $('a').hover(function() { $(this).animate({ marginLeft: '10px' }, 400); }, function() { $(this).animate({ marginLeft: 0 }, 400); }); });
</script>
- Simpan Template dan lihat hasilnya.
Nah, itulah cara membuat link bergoyang di blog. Semoga bermanfaat.
» Read More...
How To Use Meta Tags in Blogspot - How to add meta tags in blogger or How to use meta tags in blogger - Meta Tags are HTML elements used to provide structured metadata about a web page. Such tags are placed in the head section of an HTML document and Search Engines might use this data to display the search snippet when they display a page from your blog. Most of the Social Sharing Tools like the Facebook Share or the Google Plus buttons will pick up this meta description to create the snippet which gets shared to the Social Networks. Blogger has rolled out an array of SEO features and now adding Meta Tags has become so easy. You can do it easily from the Blogger’s User Interface without doing much of Template Editing or pulling your hair. So here is how to do it- Go to Settings > Search Settings and Enable Meta Tags. In the Text area give a 150 character description which will describe your Blog. This text might be used by Search engines when your Blog’s home page is displayed on Search Engines. Here is the snippet that I have given “Blogger Widgets provides you the best quality blogger tutorials.It also provides you with free blogger widgets and gadgets to build a better blog."
2. Now when you make a Post, you can set the Meta Description from the Post Editor’s Post Settings
Sidebar.
You can always edit the Search Description for existing posts as well
3. If you are having a custom template, make sure that the following line of code is present in your template. To do that go to Template and Proceed to Edit HTML . Find
<b:include data='blog' name='all-head-content'/>
If it's not present, add it just before </head> That's It you have done it.Referensi: http://www.bloggerplugins.org/2012/03/add-meta-description-tags-to-blogger.html
» Read More...
1. Kunjungi situs http://www.clocklink.com
2. Setelah sobat sampai di situs tersebut, silahkan sobat lihat bagian sidebar sebelah kiri situs tersebut. Disitu ada beberapa pilihan aneka jenis jam yang bisa sobat pilih. Misal analog, digital, animal dan lain-lain. Silahkan sobat pilih sesuai keinginan sobat.
3. Setelah sobat pilih, maka akan muncul aneka bentuk jam yang bisa dipilih.
4. Setelah sobat memilih salah satu jam, maka selanjutnya klik View HTML Tag di bawah gambar jam yang sobat suka.
5. Maka akan terbuka halaman baru persetujuan, klik Accept untuk mendapatkan kodenya.
6. Atur kode area berdasarkan area di daerah sobat.
7. Copy kode yang di "If the above does not work, please try the following code." Seperti contoh di bawah ini dan paste di notepad terlebih dahulu.
<embed src="http://www.clocklink.com/clocks/0009-dkbrown.swf?TimeZone=Indonesia_Jakarta&" width="250" height="250" wmode="transparent" type="application/x-shockwave-flash">
8. Hapus bagian "<embed" dan penutup ">"dan ganti dengan "[gigya" dan "]". Agar widget berada di tengah tambahkan "center" sehingga kodenya akan menjadi seperti ini:
<div style="text-align:center;">[gigya src="http://www.clocklink.com/clocks/0009-dkbrown.swf?TimeZone=Indonesia_Jakarta&" width="250" height="250" wmode="transparent" type="application/x-shockwave-flash"]</div>
9. Masuk ke halaman wp-admin (dasbor) blog WordPress.
10. Klik Tampilan >> Widget.
11. Pilih widget "Teks" kemudian seret ke bagian sidebar untuk mengaktifkannya.
12. Beri judul sesuai keinginan sobat.
13. Masukkan kode pada langkah nomor 7.
14. Klik tombol Simpan.
15. Selesai.
Nah, selesai juga posting artikel berjudul cara memasang jam di wordpress. Semoga bermanfaat untuk semua..
» Read More...
Cara Membuat Random Post di Blog -
Cara membuat/memberi postingan acak di blog di blog atau
cara memasang random post di blog -
Random Post di Blog sebenarnya hampir sama kegunaannya dengan recent post. Bedanya adalah Random Post di Blog itu menampilkan postingan kita secara acak (
random) baik itu postingan baru maupun postingan lama. Sedangkan recent post hanya menampilkan postingan-postingan terbaru saja. Tapi bila sobat juga tertarik membuat recent post di blog, silahkan baca artikel berikut:
cara membuat/memberi recent post di blog. Keuntungannya adalah postingan lama kita akan ditampilkan di halaman utama atau di halaman dimana kita memasang widget random post itu. Bagi pengunjung sendiri sangat terbantu sekali untuk melihat beberapa postingan lama sehingga pengunjung tidak capek-capek lagi untuk membuka arsip-arsip blog yang lama.
Adapun
cara memasang random post di blog adalah sebagai berikut :
1. Seperti biasanya, anda harus membuka Akun Blog anda sendiri.
2. Klik Tata Letak >> Tambah Gadget >> Pilih HTML/Java Script.
3. Copy-lah script di bawah ini dan paste-lah pada kotak widget yang tadi anda tambahkan
<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=10;function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');
for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
document.write(item);}}
}document.write('</ul>');}
</script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&
callback=randomposts" type="text/javascript"></script><div style="text-align: center;"><span style="font-size: 10px;"><span style="font-family: "Trebuchet MS",sans-serif;">Supported by <a href="http://amronbadriza.blogspot.com/" target="_blank">Blogaul</a></span></span></div>
*Ket: Ganti tulisan berwarna
biru sesuai jumlah post yang ingin ditampilkan.
4. Simpan widget dan simpan template blog anda.
5. Lihat Hasilnya.
Nah, mudah-mudah postingan mengenai
cara membuat random post di blog kali ini bermanfaat buat sobat semua.
Referensi: http://kumpulan-adsen.blogspot.com/2012/04/cara-membuat-random-post-di-blog.html
» Read More...
