Home » Blogger Widget » Cara buat widget Blog Sharing hanya di postingan blog

Cara buat widget Blog Sharing hanya di postingan blog

Kali ini Blog Gado Gado akan menampilkan artikel berjudul Cara buat widget Blog Sharing hanya di postingan blog. Dengan artikel Cara buat widget Blog Sharing hanya di postingan blog ini kami berharap dapat menjadi sebuah rujukan dan bahan penambah wawasan kita terkait dengan judul tersebut. Artikel ini adalah hasil pencarian di google dengan kata kunci Cara buat widget Blog Sharing hanya di postingan blog kemudian saya kumpulkan dan saya sajikan buat anda di Blog Gado Gado ini. Semoga kehadiran artikel ini bermanfaat bagi kita semua.anda juga dapat melihat artikel sebelumnya atau artikel berikutnya. Ok, langsung saja berikut adalah artikel Cara buat widget Blog Sharing hanya di postingan blog selengkapnya:


social sharing buttons widgetWidget ini adalah versi upgrade dari widget berbagi kita sebelumnya bersama. Ini termasuk tombol jejaring sosial populer seperti Twitter, FacebookGoogle +1. Anda dapat dengan mudah menyesuaikan untuk mengubah warna latar belakang dan tampilan keseluruhan widget. Hal ini dapat ditambahkan ke kedua Blogger dan Wordpress. Memiliki penting dalam meningkatkan traffic blog melalui saham dilakukan melalui tombol-tombol yang akan beredar di media sosial dan membantu Anda menikmati lalu lintas direferensikan tahan lama. Mari menambahkan tombol-tombol berharga ini untuk blog Anda.

Berikut cara membuatnya :
  • Buka akun Blog Anda
  • Masuk ke menu Template >> Procced >> Centang Expand Template Widget
  • Cari kode <data:post.body/>, gunakan tombol Ctrl + F untuk melakukan pencarian cepat. Biasa nya kode <data:post.body/> pilih lah yang kedua. Lalu masukkan kode dibawah ini tepat diatas nya :
<b:if cond='data:blog.pageType == &quot;item&quot;'> <div style='background:#FEE6E6; border:1px solid #ddd; -moz-border-radius:9px; -webkit-border-radius:9px; border-radius:9px; padding:5px; box-shadow: 3px 3px 3px #CCCCCC;'> <table border='0'> <tr>
<td><!-- Twitter -->
<a class='twitter-share-button' data-count='horizontal' data-lang='en' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow'/> <b:if cond='data:post.isFirstPost'> <script src='http://platform.twitter.com/widgets.js' type='text/javascript'> </script> </b:if> </td>
<td><!--Facebook-->
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp; action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; margin-left:0px; width:100px; height:20px;'/> </td>
<td><div style='margin-right:25px;'><!-- STUMBLE UPON -->
<script expr:src='&quot;http://www.stumbleupon.com/hostedbadge.php?s=1&amp;r=&quot; + data:post.url'/></div> </td> <td><div style='margin-right:5px;'><!-- GOOGLEPLUS --> <g:plusone expr:href='data:post.url' size='medium'/> </div> </td>
<td><!-- AddThis Button BEGIN -->
<div class='addthis_toolbox addthis_default_style '> <a class='addthis_counter addthis_pill_style'/> </div> <script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4de3b2d654f56f28' type='text/javascript'/> <script type='text/javascript'> var addthis_config = { ui_cobrand: &quot;MY BLOGGER TRICKS&quot;, ui_header_color: &quot;#ffffff&quot;, ui_header_background: &quot;#0080FF&quot; } </script>
<!-- AddThis Button END --></td> </tr> </table></div> </b:if><br/>
Membuat perubahan ini:
Untuk mengubah warna latar belakang wadah mengedit #FEE6E6
Ubah SAYA TRIK BLOGGER dengan judul blog Anda sehingga muncul pada menambahkan tombol ini pada mouse hover. Seperti ditunjukkan di bawah:
customize add-this button
  • Catatan: mengabaikan langkah ini jika Anda telah menambahkan tombol + Google di suatu tempat di blog Anda. Cari kode ]]></b:skin> dan tepat di bawah itu paste kode berikut:
<script src='http://apis.google.com/js/plusone.js' type='text/javascript'> {lang: &#39;en-US&#39;} </script>

  • Save dan lihat hasilnya. 


Nah, sobat Blog Gado Gado.. Anda telah membaca seluruh artikel berjudul Cara buat widget Blog Sharing hanya di postingan blog dengan keword yang masuk Blogger Widget . Anda dapat memberikan komentar ditempat yang telah tersedia. Terima kasih kunjungan Anda.

0 komentar:

Poskan Komentar