Share Media Sosial Di Bawah Postingan

Bila Sobat Ingin Memasang Share Media Sosial dibawah postingan seperti ini :

Cara Pasang di Bawah Posting Blog:
1. Klik "Template" > "Edit HTML".
2. Cari (Ctrl+F) kode <data:post.body/> yang ke 3, karena ada beberapa disana
3. Copy + Paste kode berikut ini di bawah <data:post.body/> tadi.

<b:if cond='data:blog.pageType == "item"'> <style> .touchme a { display:block; height:50px; width:50px; padding:0 4px; float:left; background:transparent url(http://beautifulbloggerwidgets.googlecode.com/files/Sharing%20Touch%20Me.png) no-repeat; -webkit-transition: ease-in 0.2s all; -moz-transition: ease-in 0.2s all; -o-transition: ease-in 0.2s all; -ms-transition: ease-in 0.2s all; transition: ease-in 0.2s all; cursor:pointer; } .touchme a.googleplus { background-position: 0px -58px; } .touchme a.googleplus:hover { background-position: 0px 0px; } .touchme a.twitter { background-position: 0px -290px; } .touchme a.twitter:hover { background-position: 0px -232px; } .touchme a.facebook { background-position: 0px -406px; } .touchme a.facebook:hover { background-position: 0px -348px; } .touchme a.rss { background-position: 0px -174px; } .touchme a.rss:hover { background-position: 0px -116px; } </style> <p style="display:none;">Social Media Sharing by <a href="http://abenksofware.blogspot.com">Anak Bengkel</a></p> <div class='touchme'> <!--Google Plus--> <a class='googleplus' href="https://plus.google.com/share" rel='nofollow' target='_blank'></a> <!--Facebook--> <a class='facebook' href="http://www.facebook.com/sharer.php?u" rel='nofollow' target='_blank'></a> <!-- Twitter --> <a class='twitter' href="http://twitter.com/share" rel='nofollow' target='_blank'></a> <!--RSS--> <a class='rss' href="http://www.rss.com" rel='external nofollow' target='_blank'></a> </div> </b:if>

DEMO

---

Share

Like

G+

Tweet

Tweet

---

Artikel Terkait

• Cara Membuat Kode Warna Online Di Bolg Bila Ingin memasang Kode Warna Online Di blog Sobat Silakan Copy Scrip dibawah ini di Potingan, Langkah nya : 1. Logon Pada Akun Blog ... selengkapnya
• Membuat Menu Accordion Menu Open Close yang kalau di klik maka akan keluar menu lainnya atau biasanya disebut juga dengan Accordion Menu, Menu seperti ini sangat cocok bi ... selengkapnya
• Kode Warna Online .color-code{text-align: center;margin:20px auto;width:80%;} .color-responsive {position: relative;padding-bottom: 100%;height: 0;o ... selengkapnya
• Membuat BREAKING NEWS Membuat Headline Breaking News di Blog Sebenarnya ini sama seperti widget recent post atau latest post namun hanya saja pada widget headl ... selengkapnya
• Widget Daftar Isi Blog Dengan Sortir Label Kali ini Abenk akan memeprkenalkan widget daftar isi untuk Blogger dengan konsep alfabet JQuery DEMO Pertama-tama, masuklah ke ta ... selengkapnya

---

Silahkan Memberikan Komentar Jika Ada Hal Yang Kurang Dipahami Dengan Topik Yang Telah Sobat Baca. Biasakan Berkomentar Dengan:

۞ Sopan dan Bahasa Yang Mudah Dipahami.
۞ Tidak Memasukkan Link Aktif Dalam Form Komentar.
۞ Berkomentar Sesuai Artikel Atau Postingan.
۞ Berilah Informasi, Jika Script Atau Link Yang Tidak Berfungsi Dan Mati.
۞ komentar Jorok / Kasar / SARA / PORNO Anggap Sebagai SPAM.