Postingan

Mengganti Next-Prev Navigasi Dengan Judul Post

Mengganti Next-Prev Navigasi Dengan Judul Post | Tutorial Blog Sebelumnya saya pernah posting tentang Mengganti Navigasi Next-Prev dengan Image . Untuk kali ini saya akan berbagi cara Mengganti Next-Prev Navigasi Dengan Judul Post. Navigasi next-prev yang menggunakan judul post cukup memancing para pembaca dan pengunjung blog untuk melihat artikel sebelum dan sesudah dari post yang sedang dibaca, karena yang tampil adalah judul artikelnya. Trik ini belum terbukti dapat mengoptimalkan seo, namun secara logika trik ini cukup berhubungan dengan seo karena jika kita ganti next-previous dengan judul post sesudah dan sebelumnya, mungkin ada pengunjung yang tertarik untuk membaca dan mengklik judul tersebut, otomatis jumlah pageviews akan bertambah. Berikut cara Mengganti Next-Prev Navigasi Dengan Judul Post : Login ke blogger, pilih Rancangan/Design , kemudian pilih Edit HTML , lalu beri centang expand template widget . Tips : Biasakan membackup / mendownload template anda terlebih dulu seb...

Membuat Tombol Share Post Melayang

Gambar
Membuat Tombol Share Post Melayang | Tutorial Blog Share button memang berpengaruh dalam mempromosikan artikel blog kita. Karena itu kali ini saya akan berbagi cara memasang floating share button pada blog. Dalam widget ini terdapat tiga share button, yaitu Twitter, Digg, dan Facebook, widget ini akan selalu melayang, sehingga akan selalu terlihat oleh pengunjung blog. Berikut langkah memasang Tombol Share melayang : Login ke akun blogger anda. Pilih Design/Rancangan > Page Element/Elemen Halaman . Klik Add a Gadget/Tambah Gadget . Pilih HTML/Java Script . Silahkan Copy kode berikut dan paste didalam konten HTML/Java script nya <style  type="text/css">  *{margin:0;padding:0;}  * html #z33sHare{ position: absolute; }  #z33sHare{ right:1%;width:  70px;background:transparant;border:0px solid  #E7E7E7;-moz-border-radius:3px;-webkit-border-radius:3px; position:fixed; top: 20%; }  #z33sHare div{ padding:6px 6px 6px 5px; }  #stw{ margin-left:-2...

Membuat Widget Follow Twitter Melayang

Gambar
Membuat Widget Follow Twitter Melayang | Tutorial Blog Membuat Widget Follow Twitter melayang ini sangat mudah karena kita tidak perlu pusing mengutak atik HTML template kita. Kita tinggal memasukkan ke dalam widget sidebar. Berikut langkah memasang Widget Follow Twitter melayang : Login ke akun blogger anda. Pilih Design/Rancangan > Page Element/Elemen Halaman . Klik Add a Gadget/Tambah Gadget . Pilih HTML/Java Script . Silahkan Copy kode berikut dan paste didalam konten HTML/Java script nya <script type="text/javascript" src="http://tutorial-blog.googlecode.com/files/twitbird.js"></script><br /> <script type="text/javascript"> var birdSprite="http://4.bp.blogspot.com/-jmMHmT3wOak/Tam8b6aBLkI/AAAAAAAABBg/goBeWfPYRYw/s1600/birdsprite.png"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select"...

Mengganti Navigasi Next-Prev dengan Image

Gambar
Mengganti Navigasi Next-Prev dengan Image | Tutorial Blog Untuk merubah tampilan Navigasi Next-Prev, kita dapat menggantinya dengan Image / Gambar, bisa juga kita ganti dengan judul postingan , untuk kali ini kita bahas Cara Mengganti Navigasi Next-Prev dengan Image / Gambar. Berikut Cara Mengganti Navigasi Next-Prev dengan Image / Gambar : Login ke Blogger anda, Plih Design/Rancangan > Edit HTML . Lalu centang Expand Widget Template . Tips : Biasakan membackup / mendownload template Anda sebelum di edit. Cari kode berikut: Prev <data:newerPageTitle/> ganti dengan <img alt="newer post" src="URL-IMAGE-PREVIOUS" border="0" /> Next <data:olderPageTitle/> ganti dengan <img alt="older post" src="URL-IMAGE-NEXT" border="0" /> Home <data:homeMsg/> ganti dengan <img alt="home" src="URL-IMAGE-HOME" border="0" /> Untuk icon Gambarnya bisa Sobat gunakan yang ini: Home...

Widget Google Followers Static

Gambar
Widget Google Followers Static | Tutorial Blog Pada tutorial ini saya akan berbagi cara memasang Widget Google Followers Static, maksudnya Widget Followers yang letaknya selalu di pojok Blog, walaupun halaman blog sobat di scroll / di geser, widget Follower sobat akan terus berada di bagian pojok blog. Ada juga cara lain dalam memasang widget followers, yaitu Widget Google Followers Show Hide , namun kali ini kita bahas tentang Widget Followers Static. Berikut cara Memasang Widget Google Followers Static : Login ke Blogger, klik Design / Rancangan > Edit HTML . Beri tanda centang pada kotak Expand Template Widget . Cari kode ]]></b:skin> dan kalau sudah ketemu, letakkan kode berikut tepat di atasnya #followers-pojok { position:fixed;_position:absolute;bottom:0px; left:0px; clip:inherit; _top:expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documen...

Widget Google Followers Show Hide

Gambar
Widget Google Followers Show Hide | Tutorial Blog Widget followers pada umumnya memperberat loading blog, karena itu pada tutorial ini saya akan berbagi cara membuat widget followers yang lebih ringan dengan mode Show-Hide. Berikut cara  Memasang Widget followers yang lebih ringan dengan mode Show-Hide : Login dengan akun blogger sobat, klik Rancangan / Design > Elemen laman / Page Element . Klik Add a gadget / Tambah Gadget , dan pilih HTML/Javascript . Letakkan kode berikut didalam area konten; <style type="text/css"> #fl{position:fixed; left:150px; z-index:+1000;} * html #fl{position:relative;} .flcontent{ float:left; border:2px solid #676767; background:#dddddd repeat-x bottom center scroll; -moz-border-radius-topleft:15px; -moz-border-radius-topright:15px; -moz-border-radius-bottomleft:15px; -moz-border-radius-bottomright:15px; padding:10px; } </style> <script type="text/javascript"> function showHideFL(){ var fl = document.getElementById(...

Widget Followers Google Friend Connect

Gambar
Widget Followers Google Friend Connect | Tutorial Blog Widget Followers dari Google Friend Connect ini sama saja dengan Widget Followers default dari blogger, cuman widget ini menggunakan kode dari Google Friend Connect. Langsung saja Sob, berikut tutorialnya : Masuk ke situs http://www.google.com/friendconnect/ , dan Login menggunakan account gmail anda. Pilih blog Sobat yang ingin di pasang widget Google Followers, lalu klik pada Tambahkan Gadget Anggota. Atur lebar widget,font dan warnanya, sesuaikan dengan sidebar blog Anda. Kalau sudah selesai, tekan tombol Buat Kode pada bagian bawah halaman. Copy kode yang diberikan oleh Google Friend Connect tersebut. Selanjutnya, Login ke blogger. pilih Design / Rancangan > Page Element . Kemudian pilih Add a Gadget . Pilih HTML/Javascript dan masukkan kode yang diberikan oleh Google Friend Connect tadi. Lalu klik Save . Selesai... Selanjutnya saya akan berbagi tentang Widget Google Followers Show Hide .