Postingan

Menampilkan postingan dengan label Widget / Gadget

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"...

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...

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 .

Memasang Jam di Wordpress

Gambar
Memasang Jam di Wordpress | Tutorial Blog Untuk memasang widget jam di wordpress.com caranya sama dengan Memasang Jam di Blogspot , namun ada kode yang harus Sobat rubah, Berikut tutorialnya : Kunjungi www.clocklink.com Lalu klik pada menu Gallery (kita bisa memilih kategori-kategori yang ingin kita pilih), sebagai contoh pilih kategori Digital . Kemudian klik View HTML Tag . Akan timbul halaman baru. disitu ada ketentuan-ketentuan yang memakai bahasa inggris, pilih Accept . Selanjutnya kita diminta memilih warna (color), time zone, serta ukuran jam agar sesuai dengan sidebar blog. Kemudian Copy kode HTML yang di bagian bawah. Contoh Kode: <embed src="http://www.clocklink.com/clocks/5005-blue.swf?TimeZone=JOG&"  width="240" height="80" wmode="transparent" type="application/x-shockwave-flash"> Hapus bagian " <embed " dan penutup " > " dan ganti dengan " [gigya " dan " ] ". Agar wid...

Memasang Jam di Blog

Gambar
Memasang Jam di Blog | Tutorial Blog Untuk mempercantik tampilan blog, baik itu Wordpress maupun Blogspot, mungkin Anda ingin memasang aksesoris berupa widget jam pada sidebar blog Sobat, Bagi Sobat yang ingin memasang widget jam di Wordpress.com, Silakan baca Memasang Jam di Wordpress . Buat Blogspot dapat Anda ikuti tutorial berikut ini : Kunjungi www.clocklink.com Lalu klik pada menu Gallery (kita bisa memilih kategori-kategori yang ingin kita pilih), sebagai contoh kategori Digital yang di pilih. Kemudian klik View HTML Tag . Akan timbul halaman baru. disitu ada ketentuan-ketentuan yang memakai bahasa inggris, pilih Accept . Selanjutnya kita diminta memilih warna (color), time zone, serta ukuran jam agar sesuai dengan sidebar blog. Kemudian Copy kode HTML yang diberikan. Langkah selanjutnya pasang pada widget HTML/Javascript blog Sobat, jika belum bisa memasang widget silakan baca Memasang Widget / Gadget di Blogspot Silakan dicoba Sob, semoga berhasil...