Beberapa waktu yang lalu saya juga pernah membagikan bagaimana caranya untuk membuat widget ini. Bisa kamu lihat disini http://hzndi.blogspot.com/2012/03/memasang-widget-do-you-like-this-story.html. Nah pada kesempatan kali ini saya akan membagika widget yang sama namun dengan versi yang berbeda, bisa kamu lihat contoh gambarnya di atas yang saya dapatkan dari mybloggertricks.com. Letak widget ini terdapat di bawah artikel kita. Lihat cara membuatnya di bawah ini :
1. Masuk Ke Blogger.com
2. Klik Rancangan --> Edit HTML --> Centang Expand Template Widget sebelum itu jangan lupa untuk Backup Template kamu terlebih dahulu.
3. Kemudian kamu cari kode <data:post.body/> dan salin kode di bawah ini
<b:if cond='data:blog.pageType == "item"'>
<div style=" height:80px; background:rgb(232, 240, 249); border: 1px solid rgb(171, 210, 233); padding: 10px; margin: 10px 0pt 10p 0px;">
<p style="color: rgb(59, 89, 152); margin: 0pt 0pt 5px; font: bold 1.3em helvetica,arial,verdana;">Do you like this story?</p>
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like send="true" width="450" show_faces="false"></fb:like>
<a class='twitter-follow-button' href='http://twitter.com/hzndi' rel='nofollow'></a>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script>
</div>
</b:if>
Note :
- Kode yang berwarna hijau bisa kamu ganti dengan kata-kata sesuka kamu.
- Kode yang berwarna Ungu bisa kamu ganti dengan Fan Page Facebook kamu contohnya hapus kode yang berwarna ungu dan masukan kode ini <div class="fb-like" data-href="http://facebook.com/hzndi" data-send="true" data-width="450" data-show-faces="true"></div> --> ini fan page hzndi gunakan milik kamu sendiri :p.
- Ganti kode yang berwarna biru dengan alamat url twitter kamu.
Jika ada pertanyaan, kritik, dan saran seputar artikel ini bisa kamu ketik di kotak komentar yah :p thanks mybloggertrics.com untuk kodenya :)
Postingan Terkait:
Social Bookmarking
- Cara Membuat Widget Subcription + Social Sharing + Facebook Like Box di Bawah Postingan
- Cara Membuat Widget Social Sharing Berputar di Bawah Postingan
- Cara Menambahkan Floating Social Bookmark
- Cara Membuat Scrolling Sticky Bar Lengkap Untuk Blogger
- Membuat Widget Social Bookmark 3D yang Bisa Berputar
- Cara Membuat Twitter Box Untuk Blogger
- Cara Membuat Widget Sosial Bookmark Berputar
- Cara Membuat 6 Animasi Twitter Melayang Untuk Blogger
- Menambahkan WIdget Sosial Bookmark dari Shareholic
- Menambahkan Widget Sosial Bookmark + Kotak Pencarian Di Blogger
- Cara Menaruh Facebook Like Box Secara Tiba-Tiba
- Cara Memasang Widget Sosial Bookmark Melayang Versi AddThis.com
- Menaruh Kotak Fanpage Facebook di Blogger - V3
- Menaruh Widget Sosial Bookmark di Side Bar
- Menambahkan Fitur "Like" Facebook di Kotak Komentar Blogger
- Cara Menambahkan Widget Sosial Bookmark Berbentuk Segitiga
- Menambahkan Facebook Recommendations Bar kedalam Blogger
- Menambahkan Widget Icon Sprite Media Sosial di Blog
- Menaruh Widget Flipper Sharing Untuk Blogger
- Menambahkan Widget Touch Me di Blogger
- Membuat Widget Sassy Social Bookmark di Blogger
- Membuat Scroll Jquery Sosial Bookmark Untuk Blog
- Menaruh Widget Eksklusif Sosial Bookmarking
- Memasang Widget Twitter dan Facebook di Samping Postingan
- Membuat Widget Burung Twitter Terbang di Blogger
Social Sharing
- 5 Widget yang Wajib Dimiliki Oleh Blogger
- Cara Membuat Blog Terindeks Google dengan Cepat
- Cara Membuat Kotak Fanpage Facebook Hitam Putih
- Cara Membuat Widget Subcription + Social Sharing + Facebook Like Box di Bawah Postingan
- Menambahkan Widget Social Share Melayang Keluar Tiba-Tiba
- Cara Membuat Widget Social Sharing Berputar di Bawah Postingan
- Cara Menambahkan Floating Social Bookmark
- Cara Membuat Scrolling Sticky Bar Lengkap Untuk Blogger
- Cara Membuat Twitter Box Untuk Blogger
- Cara Membuat 6 Animasi Twitter Melayang Untuk Blogger
- Menambahkan WIdget Sosial Bookmark dari Shareholic
- Menambahkan Widget Sosial Bookmark + Kotak Pencarian Di Blogger
- Cara Menaruh Facebook Like Box Secara Tiba-Tiba
- Cara Memasang Widget Sosial Bookmark Melayang Versi AddThis.com
- Menaruh Kotak Fanpage Facebook di Blogger - V3
- Menaruh Widget Sosial Bookmark di Side Bar
- Menambahkan Fitur "Like" Facebook di Kotak Komentar Blogger
- Cara Menambahkan Widget Sosial Bookmark Berbentuk Segitiga
- Menambahkan Facebook Recommendations Bar kedalam Blogger
- Menambahkan Widget Icon Sprite Media Sosial di Blog
- Menaruh Widget Flipper Sharing Untuk Blogger
- Menambahkan Widget Touch Me di Blogger
- Membuat Widget Sassy Social Bookmark di Blogger
- Membuat Scroll Jquery Sosial Bookmark Untuk Blog
- Menaruh Widget Eksklusif Sosial Bookmarking
Blogger
- Cara Menghapus Komentar Spam Secara Otomatis
- Cara Membuat Blog Terindeks Google dengan Cepat
- 5 Kesalahan yang Dilakukan Oleh Blogger Pemula
- Mengembalikan Blog yang Sudah Dihapus, Bisakah ?
- Apa Itu Niche Blogging ?
- Daftar 60+ Forum Do-Follow Ber-PageRank Tinggi 2014
- Cara Menghindari Blog Dihapus Oleh Google
- Cara Memilih Nama Blog & Situs yang Ramah SEO
- Cara Mengembalikan Mood Blogging
- Mengapa Subscriber Feedburner Menjadi 0 ?
- 7 Tips SEO untuk Blogger
- 10 Tips Mantap Untuk Meningkatkan Trafik Organik
- 7 Trik Membuat Artikel Lama Menjadi Populer
- 7 Cara Mendapat Pengunjung Dengan Mudah
- Tutorial Blog dan SEO Terkena Malware ?
- Bagaimana Mengefektifkan Backlink Dalam SEO
- 8 Tips Membuat Loading Blog Lebih Cepat
- Cara Membuat Kotak Fanpage Facebook Hitam Putih
- Optimasi Gambar Untuk Dapatkan Pengunjung
- Cara Menghindari SEO yang Berlebihan
- 8 Tips Untuk Seorang Blogger Pemula
- Cara Mendapatkan Google Sitelink Dengan Cepat
- Cara Membuat dan Tips Pengaturan Meta Tag
- Cara Meningkatkan Ranking Alexa Dengan Cepat
- Cara Mengklaim Situs di Alexa
bagus juga nich baut alat penyebar posting,
ReplyDeleteWidget ini bgus sob :)
Deletesaya sudah pasang Sob, hee
DeleteWah, ini nih widget yg sangat bermanfaat, ini yg ane cari-cari sob, terima kasih sudah share ya... BTW, salam kenal sob
ReplyDeleteOke sobat, sama2 :) salam kenal jugaa hehe
DeleteO iya sob, ane masih bingung dikit nih sob, setelah kode trsebut disalin, trus dipaste ke mana? Apa di bawah kode "data:post.body/"?
DeleteOalah ane lupa gan trnyata, nanti ane update deh. Iya bner sob, stelah dcopas, kodenya kamu taruh di bawah data.postbody
DeleteOalah ane lupa gan trnyata, nanti ane update deh. Iya bner sob, stelah dcopas, kodenya kamu taruh di bawah data.postbody
DeleteMengerti sob, thank you
Deleteoke agan fahri sama2 :D
Deletewah keren sob, sy bookmark dulu yah. sapa tau ntar butuh
ReplyDelete*salam kenal, semoga anda tak rugi mengenal saya. dtunggu kunjungan balikny
Silakan dbookmark sob, salam kenal juga :)
Deletekunjungan blik gan, , . nyimak artikelnya dulu sob, . . .
ReplyDeleteMksh gan udh datang :)
Deletewah boleh ni gan di coba.. tenkyu.
ReplyDeletecerita : silahkan ente coba gan :D
Deletewow :D
ReplyDeleteeh, mana demonya? yang kayak di blog ini ya?
nurma : blog ini tidak memakai widget di atas mba :p
Deletemantap gan
ReplyDeletebisa dicoba
silahkan gan, makasih yah sudah sudi datang :)
Deletenice info gan..
ReplyDeletectrl + d dulu dah
kharizma : sip gan jangan lupa ente coba yah :)
Delete