Memasang Widget "Do You Like This Story ?" Versi 2

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. 

4. Letakan kode yang sudah di salin tadi di bawah kode <data:post.body/>.

5. Simpan Template.

Jika ada pertanyaan, kritik, dan saran seputar artikel ini bisa kamu ketik di kotak komentar yah :p thanks mybloggertrics.com untuk kodenya :)

Postingan Terkait:

Posted in: Blogger,Social Bookmarking,Social Sharing,Widget