SEBAIKNYA KUNJUNGI BLOG SAYA :

BLOGBEGO CREATION




Cara Menampilkan Share Buttons Blogspot

Akhir - akhir ini  para Blogger banyak membicarakan  khususnya Google +1 dan memasangnya pada tampilan blognya masing - masing. Bagi para blogger yang bernaung di blogspot dan memakai template bawaan [yang disediakan oleh Google Blogspot] tidaklah menjadi masalah, karena tinggal beri tanda centang pada pengaturannya maka share buttons tersebut akan tampil di bawah kiri posting :z 
Bagaimana dengan kawan blogger yang memakai template Design ?!
Sudah barang tentu share buttons tersebut tidak akan tampil,
Sekarang saya akan mencoba berbagi dengan kawan cara membuat dan menampilkan share buttons tersebut di Blog kawan : :#

Untuk menampilkan caranya :
  • Masuk dulu pada Account Blogger dengan ID kawan 
  • Pada Design / Perancang Template : Klik text Edit yang ada di kanan bawah pada Blog Post [Pengaturan posting]
  • Cari dan beri tanda centang / cek pada Radio disamping kiri gambar share buttons  :r 
  • Scroll ke bawahnya sudah pasti gambar / image share buttons tersebut akan kelihatan 
  • Simpan template kawan 
[untuk jelasnya Perhatikan Gambar disamping kanan]

Langkah selanjutnya : 
  • Pada Design / Perancang Template pilih Edit HTML
  • Beri tanda centang disamping Expand Template Widget
  • Cari   <!-- quickedit pencil -->
Selengkapnya sebagai berikut :
<!-- quickedit pencil -->
        <b:include data='post' name='postQuickEdit'/>
      </span> simpan disini  </div>
      <div class='post-footer-line post-footer-line-2'> 
Copas kode berikut pada tulisan »  simpan disini  «
<div class='post-share-buttons goog-inline-block'>
        <b:if cond='data:post.sharePostUrl'>
          <b:include data='post' name='shareButtons'/>
        </b:if>
      </div>
  • Atau Cari  <div class='post-footer'>  Copaskan kode tersebut dibawahnya
  • Simpan Template kawan
Kalau kawan menginginkan agar tampil di sebelah kanan footer caranya kawan cukup tambahkan
<div style='float:right;padding:1px 0px 5px 0px'> Kode Share buttons dan diakhiri dengan </div> 
  
Sedangkan kalau kawan menginginkan biar tampil ditempat lainnya [misalnya di bawah / diatas judul posting] kawan bisa mencoba sambil belajar dan berkreasi :O
SELAMAT BERKREASI

12 komentar pada “Cara Menampilkan Share Buttons Blogspot”

  1. makasih gan akhir nya PERTAMAX, PETROMAX WKWKWKWK :r :D

    BalasHapus
  2. @richard sama kawan pertama juga disana :@

    BalasHapus
  3. wah, blognya makin sukses aja nih.
    salam kenal ya.

    wah, blognya makin sukses aja nih.
    salam kenal ya.

    BalasHapus
  4. nice info..., kadang ada yg tdk bs nongol... tergantung templatenya...

    BalasHapus
  5. @campuran benar kawan, itulah kode yang ditambahkan :r

    BalasHapus
  6. tempat saya ga nongol mas :O
    kumaha iyeh

    BalasHapus
  7. @Muhammad Fakhrial Zld mungkin pada blog post belum mas kasi tanda centang disana masalahnya setelah saya cek/coba
    :z

    BalasHapus
  8. sob, udah di coba dan hasilnya memuaskan.
    sob, udah di coba dan hasilnya memuaskan.

    BalasHapus
  9. @Said Arsyad amin, sebenarnya disini diperlukan kesabaran dan jangan pantang menyerah :O

    BalasHapus
  10. di tunggu ya, updatenya.
    di tunggu ya, updatenya.

    BalasHapus
  11. @Said Arsyad trims kawan, mudah-mudahan bisa segera :@

    BalasHapus

BERIKAN KOMENTAR SESUAI TOPIK DAN SANTUN
BUKAN SPAM - PORNOGRAFI MAUPUN MASALAH ETHNIS / SARA

TAMBAHKAN KOMENTAR DENGAN EMOTICON :
DENGAN KODE ALFABET < :a s/d :z >

 

Copyright  ©  TIPS BLOGBEGO

site meter

Template by Blogger templates
Powered by Blogger