Pasang tombol share di blog blogspot mobile edition

Diposkan: 17 November, 2011
Kali ini saya akan berbagi pengalaman tentang pasang tombol share/bagikan di blogspot, tapi bagi blogger  pemula seperti saya ini rada malu ,mau shering…..:),karena banyak para blogger blogger yang master  membahasnya, ngak apalah,tetapi yang saya share di sini di pasang di blogspot versi mobile edition,bukan hanya tampak di web version seperti di blog saya ini,

 Ternyata pemasangannya tidaklah terlalu sulit tombol share di blogspot versi mobile , tapi sedikit membingungkan, dan bagi blogger yang sudah mengaktifkan tombol share bawaan blogger ini ,kita tidak susah susah  pasang tombol share di versi mobile,karena suadah secara otomatis terpasang juga baik di web version atau mobile version.

Nah bagi yang tidak mengaktifkan share bawaan blogger, saudara bisa pasang tombol share biar muncul di mobile version,kurang lebih seperti berikut.
Masuk ke account bloggernya masing masing
  • Pilih design edit HTML
  • Jangan lupa centang expand
  • Cari kode ]]></b:skin>
  • Masukan kode di bawah ini di atas kode ]]></b:skin>
.bagikan-ke {
text-align: center;
padding-top: 0px;
padding-bottom: 0px;
}
  • Kemudian cari lagi kode  <data:post.body/>
Pada kode ini akan ada beberapa kode <data:post.body/> ,Mungkin ada 2 atau 3 kode,untuk supaya muncul di versi seluler maka letakan script di bawah ini di bawah kode <data:post.body/>  yang terakhir.
  • Share facebook & twitter.
<div class='bagikan-ke'>
<!-- Share FB --> Share to: <a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.canonicalUrl + &quot;&amp;title=&quot; + data:post.title' target='_blank'>Facebook</a> | <!-- Tweet Twitter --> <a expr:href='&quot;http://twitter.com/share?text=&quot; + data:post.title + &quot;&amp;url=&quot; + data:post.canonicalUrl' target='_blank'>Twitter</a></div>

    Jangan lupa klik pratinjau,apabila terjadi erorr jangan di teruskan,dan apabila tidak erorr save template.
    Silahkan cek dengan menambah ?m=1 di akhir URL blogspot.
    • Apabila ingin memasang di versi seluler, langsung saja script di bawah ini di taruh di bawah kode <data:post.body/>  yang terakhir.
    <div style='float:left;margin-left:5px;margin-top:10px;'>
    <!-- AddThis Button BEGIN -->
    <a expr:addthis:title='data:post.title' expr:addthis:url='data:post.canonicalUrl' class='addthis_button'><img src="http://s7.addthis.com/static/btn/v2/lg-share-en.gif" width="125" height="16" alt="Bookmark and Share" style="border:0"/></a><script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4b55855363d6632d"></script></div>
    <!-- AddThis Button END -->

    • Gunakan fasilitas pratinjau, apabila tidak erorr simpan template. Cek juga dengan menambah ?m=1 di akhir URL blog.

    Sampai di sini saja cara memasang tombol share di versi seluler, mudahan bisa bermanfaat.
    NB: untuk setelan pada template seluler tersesuai.

    www.copyGOcopy.blogspot.com

    6 komentar

    1. Mas, tanya dong. Cara ngliatin related entri di versi seluler seperti punyamu ini gimana caranya?

      BalasHapus
      Balasan
      1. Lihat postingan lama yang disini cara memasangnya.

        Catatan:
        - Belum sempat di update yang lebih simple, nanti mau kita update kalau ada waktu yang longgar.

        Hapus
    2. terima kasih gan, luar biasa, semoga allah membalas ilmu agan dengan segala kebaikan, amin

      BalasHapus
    3. Komentar ini telah dihapus oleh administrator blog.

      BalasHapus
    4. Makasih, kebetulan sy lagi belajar ini, sangat bermanfaat

      BalasHapus
    5. Saya suka postingan berbagi seperti ini. Seperti perpustakaan web yang gampang dicari

      BalasHapus