SELAMAT DATANG & ENJOY HERE ~~~~~~ FRIENDS BLOG SUPPORT : BLOG RTTF - BLORA BERSATU - CYBER BLORA - GOSIP SELEBRITI INDONESIA - BLOG JUAL BELI ONLINE - BERBAGI ILMU DESAIN

January 29, 2013

Membuat Tombol Share Di Bawah Judul Postingan Blog

Membuat Tombol Share Di Bawah Judul Postingan Blog - Salam sukses bagikita semua, Kali ini saya akan share tips blogging untuk saudaraku semua. Kali ini tombol sharenya lebih pro bagi saya dan letaknya tidak dibawah postingan melainkan dibawah judul postingan. Tombol share merupakan bagian yang sangat penting bagi saya, karena tanpa tombol share mungkin orang akan merasa susah untuk membagikan artikel secara manual... nah kita dapat menggunakan cara instant dengan memasang tombol ini. saudaraku penasaran ????? 
seperti inilah kira-kira nanti jadinya : 
Mari Kita Menuju TKP, seperti biasa ya .....
  • Login ke akun Blogger anda lalu masuk ke Rancangan » Edit HTML »Centang Expand Gadget
  • Cari code <div class='post-body entry-content'> dengan menekanCTRL+F
  • Pastekan kode dibawah ini tepat di atas code tadi 

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding:8px 0px;margin:4px 0px 30px 0px;width:100%;float:left;height:20px;'>
<div style='float:left;padding-left:0px;font:normal 12px Georgia;font-style:Italic;'/>
<div style='float:left;padding-left:10px;'>
<a name='fb_share' type='button_count'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/></div>
<div style='float:left;padding-left:10px;'>
<a class='google-buzz-button' data-button-style='small-count' href='http://www.google.com/buzz/post' title='Post to Google Buzz'/><script src='http://www.google.com/buzz/api/button.js' type='text/javascript'/></div>
<div style='float:left;padding-left:10px;'>
<a class='DiggThisButton DiggCompact'/>
<script type='text/javascript'>
(function() {
var s = document.createElement(&#39;SCRIPT&#39;), s1 = document.getElementsByTagName(&#39;SCRIPT&#39;)[0];
s.type = &#39;text/javascript&#39;;
s.async = true;
s.src = &#39;http://widgets.digg.com/buttons.js&#39;;
s1.parentNode.insertBefore(s, s1);
})();
</script>
</div>
<div style='float:left;padding-left:10px;'>
<a class='twitter-share-button' data-count='horizontal' data-via='USER TWITTER KAMU' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/><script src='http://apis.google.com/js/plusone.js' type='text/javascript'/><g:plusone size='medium'/>
</div><div style='float:left'><a href='http://mustagustz.blogspot.com/2013/01/membuat-tombol-share-di-bawah-judul.html' target='_blank' title='Share'>Get This Widget</a></div></div></b:if>
  • Edit tulisan "USER TWITTER KAMU" menjadi ID Twitter kamu, jika tidak tau apa itu ID Twitter ini contohnya 'https://twitter.com/Mustagustz' nah huruf yang berwarna HIJAU itu adalah ID kamu..
  • Jika sudah melakukan semua step diatas saatnya SAVE
Demikian cara Membuat Tombol Share Di Bawah Judul Postingan Blog dan terima kasih untuk saudaraku yang sudah sudi membagi CSS tentang cara Membuat Tombol Share Di Bawah Judul Postingan Blog ini. Dan sekarang waktunya melihat blog kamu pasti akan lebih keren dan inovatif ... sekian trik dari saya atas perhatiannya terima kasih

salam 

Artikel Menarik Lainnya

5 komentar :

Post a Comment

SILAHKAN TINGGALKAN JEJAK DI BLOG INI
Harap komentar yang sopan serta santun, itu merupakan cerminan pribadi !!!
Jadilah Blogger yang bermartabat dalam berkomentar, mohon maaf kalau ada komentar yg berbau promosi ADMIN berhak untuk menghapusnya.
Salam Blogger !!!