Berbagi Lewat Navbar Blogger

TANPA NAVBAR PUN ANDA BISA BERBAGI

Ya, posting ini saya tujukan buat anda yang ingin menggunakan layanan dan fitur terbaru dari blogger.com tapi sayangnya blog anda tidak menyertakan navbar bawaan blogger yang biasanya tampil di bagian paling atas sendiri dari blog anda.

Ada banyak alasan mengapa blogger berbasis blogspot ramai-ramai tidak menampilkan navbar tersebut. Salah satunya adalah mereka ingin blog pribadinya tampil sedikit profesional dan lebih menarik dilihat sehingga tidak terkesan gratisan dengan adanya 'tempelan' navbar blogger. Ini adalah alasan utama, sementara alasan yang lain beragam dan bervariasi antar blogger.

Berikut ini tampilan menu berbagi atau share pada navbar blogger yang spesial diluncurkan pada ulang tahun ke 10 blogger.com. Disana ada menu 'berbagi', atau jika anda menggunakan bahasa Inggris maka yang akan muncul adalah 'share'. Maksudnya adalah ketika anda mengklik tombol share atau berbagi tersebut maka anda akan memilih salah satu dari 4 tujuan layanan berbagi populer, yakni email, facebook, twitter, dan google reader.


Sementara di bawah ini adalah tampilan pilihan dari 4 menu berbagi saat pengujung mengklik link 'berbagi' atau 'share.


Nah, bagi anda yang blognya tidak menyertakan navbar blogger, jangan berkecil hati, jangan khawatir, anda pun masih dapat mencicipi satu layanan berbagi posting lewat media social bookmarking seperti twitter, facebook bahkan google reader maupun pengiriman posting blog lewat email ke teman-teman anda.....

Berikut ini adalah tampilan tombol berbagi atau share yang saya modifikasi dan saya tampilkan di bagian bawah posting... Hehehe... Fungsi tombol tersebut sama persis dengan tombol share atau berbagi yang ada di navbar blogger.... Silahkan dicoba....

Tampilan tombol share atau berbagi di bagian bawah posting Anang's Blog

Bagi anda yang ingin menampilkan menu tombol yang sama, berikut kode HTML yang harus anda tempel pada menu EDIT HTML di Dasbor blog anda......

Pertama login di blogger dan masuk Dasbor>Tata Letak > Edit HTML, lalu beri tanda centang pada Expand Template Widget. Kemudian cari kode seperti di bawah ini.

<div class='post-body'>
      <p><data:post.body/></p>
      <div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Kemudian taruh kode dibawah ini tepat di bawah kode di atas.

<b:if cond='data:blog.url == data:blog.homepageUrl'>
  <b:else/>
<br/><input expr:onclick='&quot;javascript:void(window.open(&quot;http://www.blogger.com/share-post-menu.g?blogID=BlogID&amp;amp;postID=&quot; + data:post.id + &quot;&quot;,&quot;newWin&quot;,&quot;resizable=1,scrollbars=1,width=250,height=260,top=160,left=60&quot;));&quot;' href='javascript:void(0);' style='display:block;line-height:100%;width:300px;margin:0px auto;padding:4px 8px;text-align:center;background-color:#3b5998;border:1px solid #D9DFEA;border-bottom-color:#0e1f5b;border-right-color:#0e1f5b;color:#FFFFFF;font-family:tahoma,verdana,arial,sans-serif;font-size:11px;text-decoration:none;' type='button' value='Share this post to facebook or twitter? Click here!'/>

Ganti BlogID dengan blogID anda sendiri.... Angka blogID anda bisa dilihat di URL edit HTML anda... Misalkan blogID saya adalah 30540005, ini bisa dilihat pada URL web dimana saya sedang mengedit HTML blog saya, yakni http://www.blogger.com/html?blogID=30540005&tpl=true