10 Search Engine Forum Negeriku

Menyembunyikan Aksesoris Blogger diHalaman Muka

Mendandani blog di blogspot.com memang sebuah aktifitas yang menyenangkan dan memberikan kepuasan kepada kita jika berhasil menaruh aksesoris tambahan. Meletakan social bookmarking, star rating, feedburner dan sebagainya dibawah posting sangat bagus untuk optimasi sebuah blog, namun hal tersebut bisa menjadi masalah yaitu halaman muka anda jadi keramaian, ditiap posting akan bermunculan button dan banner dari aksesoris tersebut.

Saya pribadi kurang menyukai tampilan muka blog saya yang keramaian maka itu dibawah posting saya tidak terlalu banyak saya beri aksesoris. Namun sekarang saya sudah menemukan caranya untuk menyembunyikan tampilan2x aksesoris itu ditampilan awal, agar muncul dihalamannnya saja. Yang saya maksud begini, lihat gambar berikut:

Nb: ini tampilan awal blog saya sebelumnya.

Anda lihat gambar diatas dan lihat bagian yang saya beri kotak merah, anda bisa lihat sendiri halaman muka saya jadi cukup keramaian ada star rating dan social bookmarking, itupun baru 2 fasilitas belum lagi saya tambah yang lain. Nah untuk menyembunyikan aksesoris2x tersebut tampil dihalaman muka (index), anda harus menambahkan tag berikut:

<b:if cond='data:blog.pageType == "item"'>
</b:if>

Taruh kodenya ditengahnya, misalnya anda ingin menaruh kode star rating:

<script language='JavaScript'>
var OutbrainPermaLink='Your-Post-Permalink-Here';
var OB_demoMode = false;
var OB_Script = true;
</script>
<script src='http://widgets.outbrain.com/OutbrainRater.js' type='text/javascript'/>

Jadinya harus begini:

<b:if cond='data:blog.pageType == "item"'>
<script language='JavaScript'>
var OutbrainPermaLink='Your-Post-Permalink-Here';
var OB_demoMode = false;
var OB_Script = true;
</script>
<script src='http://widgets.outbrain.com/OutbrainRater.js' type='text/javascript'/>

</b:if>

Karena tag b:if berguna untuk menyembunyikan di halaman awal.

Contohnya anda bisa lihat diblog ini, anda tidak melihat lagi social bookmark dan star rating dihalaman muka/index kan? Tapi mereka muncul setelah anda klik judul tiap postingnya, seperti diposting ini.

Selamat mencoba.

Filed Under: Blogger

Tags:

About the Author

Hai saya Abi

Comments (31)

Trackback URL | Comments RSS Feed

  1. getmobilegame says:

    posting yang bagus ,sudah lengkap langsung ada contohnya lagi.Yaitu blog ini sendiri,he……….

  2. Novee says:

    saya malah jd bingung..
    klik ke blog ini, skrg jd cuma separo, ga jelas kebawahnya apa isinya..
    nyoba klik HOME, sama aja : sepotong..
    Pas klik ABOUT, baru bisa utuh.. tp hanya about nya doang, lain nya ga ada..
    mmm.. td nya bingung gimana cara bisa baca postingan ini utuh..
    setelah klak-klik klak-klik nyoba2, ahirnya kepikir buat klik JUDUL POSTINGAN..
    Nah, baru deh kebuka..

    Saya pikir, ga asiklah kl reader blog ini *apalagi yg katrok ky saya* dibikin bingung & akhirnya urung baca postingan & dapet ilmu baru di sini, gara urusan sembunyi2 ini..
    iya kalo si reader mau bersusah2 nyoba2 klak-klik kaya saya, tp kl yg ga mau repot? begitu blog ini ga bisa diliat langsung kabur deh..

    intinya, saya siy oke2 aja koq blog Abi dibikin ky gini, soalnya saya udah tau kuncinya.
    jd buat saya siy ga masalah..
    oke, thanx ya..

  3. g a i a says:

    *wakz*.. ini tujuannya untuk menyembunyikan aksesoris blogger di halaman muka atawa menyembunyikan almost everything sih, Bi?? :D atau ada maksud tersembunyi? :P

  4. Naruto Free Stuff says:

    Mas kalo mau insert adsense ads di samping postingan gimana caranya ya??
    saya ingin buat iklan adsense 200×200 pixel disamping content saya.

    Mohon bantuannya mas..
    Sebagai pertimbangan, ditunggu kedatangan mas abi di blog ini.

    Thanks

  5. rohman says:

    mas abi mungkin lupa nutup read more nya nih.. soalnya yg muncul di muka cuma potongan posting ini aja, yg lain ilang semua.. hehehe

  6. Abi says:

    @getmobile, makasih walaupun terjadi bencana ditemplatenya…hehehhe.

    @Novee, hehehe novee ini terjadi diluar rencana alias tidak sengaja, maksud dan tujuan sih ngumpeting aksesoris yang dibawah posting tuh, seperti star rating dll eh malah blognya yng ngumpet:d…novee gimana blog wordpressnya?

    @Gaia, wah gak begini sih niat awalnya, niatnya pengen biar blog abi tampil simple dan gak keramaian eh malah bener2 sepi..hehehe, gaia pa kabar?

    @naruto, ok naruto sudah saya buatin tutorialnya dan juga sudah berkunjung keblog sampaian, fans berat naruto ya…keren!

    @rohman, sudah dikunci kang, tapi aneh tapi nyata nih malah begini, ada saran?

  7. abah oryza says:

    sama mas, untuk saya cerdas he he he, jadi langsung tak klik yang judulnya ha ha, ayoo datangkan readmorenya kasian tuh yang katro he he he

  8. [...] 7. Membersihkan tampilan muka blogspot anda: Jika dibagian bawah setiap posting anda terdapat social bookmark, feedburner dan button2x lainnya, tentu akan membuat tampilan muka blogspot anda menjadi keramaian. Lalu kenapa tidak disembunyikan saja dari tampilan muka? Dengan begitu button2x tersebut baru akan tampak/muncul setelah visitor anda mengklik salah satu judulnya. Jika ingin menyembunyikannya, silahkan ke: Menyembunyikan aksesoris blogger dihalaman muka. [...]

  9. asep says:

    terima kasih mas posting-postinganya bagus-bagus
    sangat membantu saya belajar ngeblog
    maklum newbie
    hehe

  10. yuda says:

    mas abi koq gag bisa yach, ku dah nyoba tp tetep ajah icon bookmaek ku muncul di halam muka…plis saran nya dung…

    yuda´s last blog post..Indonesia Music

    • Abi Bakar says:

      Yuda letakan kode diatas setelah kode berikut:

      <data:post.body/>
      <div style='clear: both;'/> <!– clear for photos floats –>
      </div> (kodenya disini)

  11. yuda says:

    yo mas.. udah bisa, tp aku mau nanya lagi yach.. koq icon delete nya (gambar tong sampahnya) di kolom komentar ku ilang yach..???, jadinya gag bisa delete komen mas…plis bantuannya tach…. suwunn :D ,oyah mas tambahan gimana caranya buat emoticon yg kayak dibawah, diklik langsung muncul, di punya ku kudu ngopy dulu kode disampingnya baru paste di kolom komentar, ribet e mas….tx lagi yah

    • Abi Bakar says:

      Ga ada delete icon, bisa karena 2 hal, template kamu ga support atau di template mu gak ada tag span delete, bentuknya seperti ini:

      <b:includable id='commentDeleteIcon' var='comment'>
      <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
      <a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
      <span class='delete-comment-icon'> </span>
      </a>
      </span>
      </b:includable>

      letakan dkode diatas SETELAH post footer line, setiap template ada footer line 1, 2 atau 3, letakan sesuai tempatnya yg cocok, ini bentuk footer linenya:

      <p class='post-footer-line post-footer-line-2'/>
      </div>
      </div>
      </b:includable>(kodenya disini)

      <p class='post-footer-line post-footer-line-3'/>
      </div>
      </div>
      </b:includable>(kodenya disini)

      Dan soal emoticon di blogspot belum ada yg bisa di klik Yuda :)

      Abi Bakar´s last blog post..Kontes SEO Itu Kontest Uji Teknik Atau Minta Dukungan?

  12. yuda says:

    oh gag ada yg langsung klik to mas :( …btw tx bgt yach ilmu nya…aku jg mau tanya neh mas, bisa gag yach adsense google disembunyikan dari haklaman luar, tp saat masuk ke postingan baru muncul diatas judul posting nya…heheh maaap maas ku banyak tanya, maklum baru bgt ne…tx yg besar yach… :D

    yuda´s last blog post..Dewi-Dewi

  13. Amar says:

    yupz….terima kasih lagi mas…
    berhasil disembunyikan… ^_^

    Amar´s last blog post..POLLING SECTION…..

  14. yuda says:

    hallo mas abi..saya datang luagee..jgn bosen2 yah…. :lol: mas sarana yg kmaren mantab, bisa smua mas, nah ni skrg ku bagi saran lagi neh…gmana cara menyembunyikan tulisan comments (jumlah komentar) yg berada di bawah postingan.. sedangkan di blog ku jg aku pasangin recent comments…..mohon sarannya yah mas….Suwun bgt…. :D

  15. yuda says:

    oya mas tambahan, aku dah nyoba setting di elemen halaman > posting blog > pada pilihan itemnya pilhan yg coment gag aku centang, mau si hilang, tapi kotak komentar nya jg ilang mas.., ku mau kotak komentarnya gag ilang….aku cma pgn tulisan nya jumlah komentar yg ada di halaman muka postingan aja yg ilang…suwun kembali ya mas abi…

  16. ngetips says:

    Mas Abi, ane lagi pusing nih gak bisa munculin comment box.

    ngetips´s last blog post..11 Tips Mempercepat Windows Vista

  17. Pangeran says:

    kang abi lo mo nyembunyiin anggota blog pada profile blogger gimana ya? jadi yang nampak jika profil di liat orang lain ya cuma blog yang kita publish aja, gag semua blog dengan accout kita itu muncul. aku tggu loch reply nya !
    makasih

    • Abi Bakar says:

      Kamu login ke blogger.com lalu klik “edit profil” disebelah kiri, lalu di “privacy” klik “Select blog to display”, nanti akan muncul daftar blog2 kamu, nah klik blog2 yg gak mau dipublish lalu klik “Save profil”.

  18. rusakparah says:

    Mas Abi, numpang nanya nih… sedikit cerewet sih pertanyaannya… kalau misalnya saya kepengen menampilkan elemen hanya di halaman home url blog (kebalikan dari cara ini) bagaimana tekniknya… terus apa teknik ini juga berlaku untuk elemen postingan kita????

  19. Blog Anak IT says:

    Maz Abi, kalo mau buat blogroll yang bisa di scroll untuk isinya banner semua gimana? Please dijawab ya? Kunjung balik ya. . . .

  20. away says:

    Thanks banget Mas Abi, saya sich masih pemula he..he..he..,,tapi sekali lagi thaks banget atas Informasi Blog Templates nya.

  21. wew blom mudeng nih mas.. bisa lebih detil gak cara2nya???

  22. ujang says:

    mantap gan tipsnya………

  23. [...] Karena saya telah menambahkan judul SEO untuk tiap halaman, Meta Deskripsi dan Keyword, Star rating ditiap posting, barisan social bookmark ditiap posting, related post juga fitur yang sedang INN yaitu format komentar ditiap posting seperti WordPress dan tidak ketinggalan saya menyisipkan tag untuk menaruh iklan PPC (Pay Per Click) seperti Google Adsense, Adbrite, Kliksaya, Dan lain-lain. Dan juga saya telah mengedit template ini agar tampilan awalnya bersih, lebih jelasnya silahkan kesini: menyembunyikan aksesoris blogger dihalaman muka. [...]

  24. [...] Karena saya telah menambahkan judul SEO untuk tiap halaman, Meta Deskripsi dan Keyword, Star rating ditiap posting, barisan social bookmark ditiap posting, related post juga fitur yang sedang INN yaitu format komentar ditiap posting seperti WordPress dan tidak ketinggalan saya menyisipkan tag untuk menaruh iklan PPC (Pay Per Click) seperti Google Adsense, Adbrite, Kliksaya, Dan lain-lain. Dan juga saya telah mengedit template ini agar tampilan awalnya bersih, lebih jelasnya silahkan kesini: menyembunyikan aksesoris blogger dihalaman muka. [...]