CARA MEMBUAT TOMBOL SHARE DI BAWAH POSTING YANG BENAR

Terkadang jika kita mendownload sebuah template ada yang tidak dicantumkan tombol share nya, lalu anda bingung bagaimana cara memasang tombol share yang benar agar tidak salah. Tapi kali ini saya akan memberitahu anda bagaimana cara nya memasang tombol share yang benar di bawah posting. 

Berikut langkah-langkahnya : 

• Login dulu di blogger
• Klik Template > Edit Html.
• Cari kode ini <data:post.body/> gunakan Ctrl+F untuk memudahkan dalam mencari.
• Lalu Copy code di bawah ini.

<------ Code awal ------> <b:if cond='data:blog.pageType == "item"'> <div style='border-top:3px dotted #ccc;border-bottom:1px solid #b8b8b8;width:100%;height:25px;text-align:left;font:normal 11px Arial;color:#333;margin:10px 0;padding:10px 0 5px'> <div style='float:left;padding:1px 0;margin-right:15px;font:bold 13px Arial;color:#777'> <strong>Share this article</strong> : </div> <a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url' style='color: #fff; background: #3b5998; text-decoration: none; border: 1px solid #313c7d; padding: 3px; border-radius: 3px; font-family: arial, verdana, sans-serif; font-size: 13px; line-height: 20px;' target='_blank' title='Share to Facebook'>Share on FB</a> <a expr:href='"http://twitter.com/share?url=" + data:post.url' style='color: #fff; background: #4099FF; text-decoration: none; border: 1px solid #3a8be8; padding: 3px; border-radius: 3px; font-family: arial, verdana, sans-serif; font-size: 13px; line-height: 20px;' target='_blank' title='Share to Twitter'>Tweet</a> <a expr:href='"https://plus.google.com/share?url=" + data:post.url' style='color: #fff; background: #c0361a; text-decoration: none; border: 1px solid #9c2c15; padding: 3px; border-radius: 3px;font-family: arial, verdana, sans-serif; font-size: 13px; line-height: 20px;' target='_blank' title='Share to Google+'>Share on G+</a> <a expr:href='"http://digg.com/submit?url=" + data:post.url' style='color: #fff; background: #808080 ; text-decoration: none; border: 1px solid #808080; padding: 3px; border-radius: 3px;font-family: arial, verdana, sans-serif; font-size: 13px; line-height: 20px;' target='_blank' title='Submit to Digg'>Submit to Digg</a> </div> </b:if> <------ Code akhir ------>

• Lalu paste kan code itu di tepat di bawahnya kode <data:post.body/>
• Klik Simpan Template
• Selesai

Share :

Tweet

✚

Related Post

• CARA MEMASANG WIDGET WAKTU DAN TANGGAL Pada kesempatan ini saya akan membagikan sedikit artikel tentang cara memasang widget waktu da
• CARA MEMASANG VIDEO YOUTUBE DI POST BLOG YANG BAIK DAN BENAR Kali ini saya akan memposting tentang cara memasang video youtube di post blog yang baik dan b
• CARA MEMBUAT BUKU TAMU MELAYANG DISAMPING KANAN   Masuk disini dulu Cbox.ws  Daftar dahulu Setelah daftar login dulu Stelah login anda
• Cara mengganti Komentar Blog Menjadi Komentar Facebook Banyak sekali para blogger yang blog nya dipasang komentar facebook dan ada pula yang tidak. T
• CARA MEMASANG WIDGET ALEXA TERBARU APRIL 2014 DI BLOG Alexa merupakan situs yang mengukur ranking sebuah web. Tapi saat ini situs alexa sudah tidak
• CARA MEMBUAT TAB VIEW DI BLOGGER Di kesempatan ini saya akan memberikan cara membuat tab view di blogger, Tab view meskipun kec