Postingan

Menampilkan postingan dari Desember, 2011

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:-2px; }  #sfs{ margin-left:-5px

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 .

Memasang Widget Google Followers

Gambar
Memasang Widget Google Followers | Tutorial Blog Tutorial kali ini mungkin bukan hal yang asing bagi para blogger yang sudah lama pakai Blogspot, jadi tutorial ini buat para pemula saja. Google Followers atau Google Friend Connect (GFC) adalah suatu program komunitas sosial seperti BlogCatalog, MyBlogLog, dan lain-lain. Tepatnya, Google Friend Connect merupakan sarana penghubung untuk memudahkan kita berinteraksi satu sama lain. Kita bisa menambah, mengundang, mengunjungi teman-teman kita dengan mengklik fotonya. Dan dari sini pula kita dapat meningkatkan trafik blog kita. Widget Google Friend Connect dapat memudahkan pengunjung agar bisa dengan mudah menjadi pelanggan artikel. apalagi jika Anda menggunakan blogger, maka setiap artikel yang terbit dari blog yang diikuti ( Di Follow ) akan tampil di dashboard blogspot Anda. Berikut cara Memasang Widget Google Followers : Login ke Blogger klik Design/Rancangan > Page Element/Elemen Laman . Klik Add a Gadget/Tambah Gadget . Pilih Foll

Cara singkat ngetop lewat video

Gambar
Emangnya beneran ada cara singkat ngetop lewat video ? ada kok, walaupun kemarin kita telah membahas lewat artikel keren berjudul Cara mudah untuk ngetop di video youtube , tapi ini ada yang lebih singkat lagi dan cukup gampang. mau tau caranya ? sabar ya... Cara singkat untuk ngetopin video kamu ini sebenarnya dilayani oleh servis sebuah situs submit video, kamu tinggal submit video kamu disini. tapi syaratnya video yang kamu kirim isinya harus cuplikan kamu berjalan mundur ke belakang. loh? iya, karena ini sebenarnya adalah situs khusus tribute Michael Jackson . jadi ketika kamu masuk ke situsnya kamu hanya akan menyaksikan cuplikan video orang berjalan mundur, tapi berbagai moment dan lokasi. Pokoknya dijamin seru deh buat di tongkrongin seharian :D atau bagi yang lagi stress bisa juga, karena kayak nya situs ini buat orang stress ..gkgkk. Langsung deh masuk ke situsnya http://www.eternalmoonwalk.com/ , dan silahkan submit video stress kamu jika mau ngetop lewat video disana :D

Memasang Widget Search Box

Gambar
Memasang Widget Search Box | Tutorial Blog Tutorial kali buat sobat yang masih belum bisa dan ingin memasang widget Kotak Penelusuran (Search Box) di blog. Cara memasangnya tidak menggunakan coding, karena sekarang Blogger sudah menyediakan widget Kotak Penelusuran. Jadi caranya lebih mudah dari Membuat Kotak Pencarian (Search Box) . Berikut cara Membuat Search Box di Blog : Login ke Akun Blogger milik Anda, pilih Rancangan (Design) > Elemen Laman (Page Elements) . Klik Tambah Gadget (Add a Gadget) . Pilih Kotak Penelusuran (Search Box) . Pada bagian Judul / Title , isi dengan Cari di Blog Ini atau kata lain yang Anda inginkan. Pada bagian Tab , centang pada Blog ini (This Blog). Terakhir klik tombol Simpan (Save) , dan lihat hasilnya. Semoga tutorial ini bisa membantu sobat yang ingin Memasang Search Box di Blog .