Tutorial Cari Uang

Sunday, August 30, 2009

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

59 comments:

  1. langsung dicobi.....
    btw melu rich ptc pisan toh, baru bgerti (lmao)

    ReplyDelete
  2. goods content...sy tunggu lo mas infonya?maju terus n God Bless

    ReplyDelete
  3. di pahami dulu baru di aplikasikan ke blog

    ReplyDelete
  4. itu alasan biar navbar yg diilangin dimunculin kembali ya, sama yg punya blog.

    ReplyDelete
  5. Baru tahu ternyata navbar bisa berguna untuk membagi konten. Makasih mas infonya

    ReplyDelete
  6. hoho...

    sepertinya hampir mirip dengan blog di sebelah.. :)

    ReplyDelete
  7. hmmm,....
    "mereka ingin blog pribadinya tampil sedikit profesional dan lebih menarik dilihat sehingga tidak terkesan gratisan dengan adanya 'tempelan' navbar blogger"
    seperti blog ini juga wkwkwkwk peace,.....

    ReplyDelete
  8. saya lebih suka pakai tombol boorkmark
    satu tombol untuk puluha tempat berbagi
    kalao bikin tombol 'artikel acak' sudah pernah dibahas belom mas?

    ReplyDelete
  9. @ eRos : tombol artikel acak sudah pernah diposting. coba cek di posting display random post widget. ada di kumpulan tutorial blog.

    ReplyDelete
  10. asik dapet lagi "ngelmu anyar"
    Thanks a lot Mas!

    ReplyDelete
  11. tutorial yang bagus hehehe sangat bermanfaat terima kasih :D

    ReplyDelete
  12. bagus artikelnya...aku belum coba nih...sukses terus...

    ReplyDelete
  13. salam sobat
    info bermanfaat untuktambah ilmu nich
    trims ya sudah diberi tipsnya dan kode html nya
    bisa dicoba2,,kalau berhasil,,senang.

    salam kenal juga dari NURA
    memang di SAUDI ARABIA.

    ReplyDelete
  14. wah, ini blog Anang yg terkenal itu toh? hm...tips2nya bagus nih. tks ya dah mampir ke blog cupu saya.

    ReplyDelete
  15. Wah, ada mas Anag nyasar di Blog saya, hehehe....
    Lumayan, sang ahli Blog mau mampir :D
    Makasih ya mas...

    Oh..ya, Blog saya gak pake Navgar bawaan Blogger...
    Alasan utamanya seperti yg mas bilang, biar lebih keliatan personal, xixixixi....

    But, makasih ya mas buat tutorial'x ini :)

    ReplyDelete
  16. seperti kata gajah, kalo wordpress bgm bos>?

    ReplyDelete
  17. waaah..
    makasii banget yaa info nyaa..kapan2 deh dicoba :D

    ReplyDelete
  18. wah..makasih ya kunjungannya. aku sebelum ada blog yang baru itu..biasanya main kesini buat download mp3 loh :D

    ReplyDelete
  19. wahh ternyata selaku sepuh.. mas anang lg long trip iia.. banyak yg bilang kedatengan tuu.. persis seperti saiia... akhirnya mas anang berkenan mampir... terimakasih 7milyar... hehhehe...

    slma ini berarti saiia salah tuu.. saiia pikir yg namanya navbar itu yg di bawah header.. huihihihi.. jd malu... makasii iia mas :)

    ReplyDelete
  20. wah bener banget Mas Anang..... ternyata blogger.com menambah 1 tambahan menu di ultahnya yg ke-10 ini...
    Makasih infonya Mas...

    ReplyDelete
  21. navbar saya justru nggak muncul,semenjak ganti template.

    ReplyDelete
  22. iyo, aku kaget kok enek biru biru ning ngisor postingan.. hohoho...

    apik, koyok orijinal sing nggawe adalah tim blogger, duduk kowe. hahaha..

    ReplyDelete
  23. Makasih banyak Bang Anang sudi mampir di blog aku.
    Tutorialnya mantep,.... ditunggu HTML-nya.

    ReplyDelete
  24. bedes ... pagi2 dah dapet tips baru nee ....
    Mazz Anang ... matur nembanh nuwun ....

    ReplyDelete
  25. Oke... aku pelajari pelan-2 dulu. Urusan teknis kaya gini aku kudu pelan-2 belajarnya hehehe...

    Makasih udah mampir ke tempatku ya ?

    ReplyDelete
  26. sip, manteb. lek wordpress iso ndak???

    ReplyDelete
  27. Bagus juga nih buat dicoba, tapi untuk WP masih suka pake Sociable. :D

    ReplyDelete
  28. Ow..gitu toh..
    Tapi masih bingung gunanya buat apa??hehe..
    Maklum katrok..

    ReplyDelete
  29. hooo.. gitu yah.. okeh deh ditunggu di postingan selanjutnya :)

    ReplyDelete
  30. Makasih mas Anang atas infonya ini....

    ReplyDelete
  31. Patut di coba, suwon infonya Cak Anang

    ReplyDelete
  32. makasih mas infonya, yang telah memberi pengetahuan baru tentang blogger kepada saya,
    walaupun saya belum pengguna blogger,
    semoga saja saya nanti bisa mencobanya dan berhasil.
    salam kenal dan salam sukses..
    Iklan Gratis

    ReplyDelete
  33. Hai mas anang,
    lama saya gak kesini....
    selamat berpuasa .... :)

    ReplyDelete
  34. wah,,,ternyata bisa juga ya,,heheh
    makasih mas

    ReplyDelete
  35. lama nih mas gak mampir ke blog saya..

    Eh saya sih yang lama gak mampir ke sini. Hehe..

    Selalu terdepan dalam penulisan mas. Mantap.. )

    ReplyDelete
  36. Makasih mas infonya, bagus juga tuh dipraktekin di blog saya http://www.dapatinfo.com

    ReplyDelete
  37. asli manteb blognya... mas cara buat menu untuk blogger gimana sih? ada gak cara yg gampang tanpa masuk html..? makasih jawabannya..

    ReplyDelete
  38. oke deh thx untuk yang kedua kalinya dalam sehari hehe

    ReplyDelete

Silahkan menuliskan komentar anda pada opsi Google/Blogger untuk anda yang memiliki akun Google/Blogger.

Silahkan pilih account yang sesuai dengan blog/website anda (LiveJournal, WordPress, TypePad, AIM).

Pada opsi OpenID silahkan masukkan URL blog/website anda pada kotak yang tersedia.

Atau anda bisa memilih opsi Nama/URL, lalu tulis nama anda dan URL blog/website anda pada kotak yang tersedia. Jika anda tidak punya blog/website, kolom URL boleh dikosongi.

Gunakan opsi 'Anonim' jika anda tidak ingin mempublikasikan data anda. (sangat tidak disarankan)