Membuat Area Postingan atau Sidebar Berpindah

http://canuckjihad.files.wordpress.com/2009/02/blog.jpgSalah satu ciri template SEO Friendly adalah template yang menempatkan area postingan di sebelah kiri agar lebih dulu terindeks oleh google. Namun beberapa blogger merasa nyaman jika sidebar mereka yang paling kiri. Atau hal ini terjadi bagi mereka yang menggunakan dua sidebar untuk mengapit postingan di tengah-tengah untuk mendapat hasil elbih cantik.


Tak perlu lama Anda gundah bergumam menghitung kancing Anda, "SEO.. cantik... SEO.. cantik... SEO... cantii....". Lakukan saja trik sederhana, yakni memindahkan area postingan atau area sidebar. Anda bisa membuat urutan dari kiri ke kanan, postingan-sidebar-sidebar pada halaman postingan dan posisi sidebar-postingan-sidebar di selain postingan.

Caranya sangat mudah lagi-lagi dengan css bersyarat.
Tambahkan css berikut ini di atas ]]></b:skin>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
#main-wrapper{float:left;}
#sidebar-wrapper{float:right;}
</b:if> 
Yang berwarna merah adalah menunjukkan posisi dari area postingan dan area sidebar Anda. Baris pertama script menunjukkan sarat bahwa css tersebut hanya dipanggil untuk halaman postingan. Semoga bermanfaat.

Komentar

  1. Tips yang bagus mas. Btw, sedikit kluar dari topik nie. Say amau nanya dikit. Apa merubah icon blogger juga diaggap melanggar mas? saya baca dibeberap ablog sebab pengahpusan begitu. Trus sya lihat icon mas doyok juga mas ganti ke icon blogger lagi. Makasi!

    BalasHapus
  2. Oh jadi caranya cuma begitu.. simpel sekali mas.. seperti biasa mas. mohn ijin copy.. hehe lama-lama bisa bikin buku
    "Trick and Tips fro Mas Doyok"
    hehehe

    BalasHapus
  3. Manteb ni infonya
    coba ah, tapi kayakbnya udah dibahas ma blogger amanda ndan om agus dan kang rohman dulu
    habis pulang sekolah langsung cobha ah
    kaya templatenya kang rohman yang magazine 1.5 iya yok

    BalasHapus
  4. Manteb yok infonya??
    ntar gus coba ah

    BalasHapus
  5. salam sahabat
    baru tahu kalo cara ngindeks dari arah kiri...makasih ya..good luck

    BalasHapus
  6. @dhana
    oke semoga bermafaat yaa

    BalasHapus
  7. @gus
    makasih kunjungannya yaaa

    BalasHapus
  8. @blog konsultasi
    memng sudah
    ini request :D

    BalasHapus
  9. @dunia
    saya gak tahu pasti jgua soal TOS mas
    tapi saya memang pake default
    aslinya sih gara gara ganti templet
    tapi sya milih biar default saja

    BalasHapus
  10. emang paling enak posting di sebelah kiri, tapi saya baru tahu kalo itu cara supayacepat terindeks mas....

    tolong mampir keblogsaya mas, ada masalah sama navbarnya...

    BalasHapus
  11. Ini dia yang aku cari... kemarin aku mau tanya tapi lupa... hahaha...
    Makasih mas doyok... Saya coba dulu...

    BalasHapus
  12. Saya juga pernah denger kalau template SEO friendly adalah template yang menempatkan area postingan di sebelah kiri.
    Makasih untuk sharingnya mas...

    BalasHapus
  13. Makasih untuk tutorialnya mas...

    BalasHapus
  14. ganti template ya mas, apa cuma diedit?

    BalasHapus
  15. @denadnan
    ganti dena :D
    rubah namun mempertahankan ciri khas

    BalasHapus
  16. @LL
    makasih juga kunjungan
    dan komentarnya yaaaa

    BalasHapus
  17. @etc
    ya supaya lebih dahulu diindeks :D

    BalasHapus
  18. @rock
    sippp
    semoga bermanfaat ya

    BalasHapus
  19. thx mas infonya..
    tapi kalau misalnya ada 3 kolom gimana mas ??

    BalasHapus
  20. ide yg bagus..tapi blog aku sudah sesuai dengan ide kamu diatas

    BalasHapus
  21. selain itu...blog yg membuat sidebarnya di sebelah kanan lebih disukai para advertiser...jadi bisa nambah penghasilan

    BalasHapus
  22. bener-bener mantab. Amazing tutorial.

    BalasHapus
  23. @dimas
    ya tentuin id sidebarnya
    kan sectionnya isdebar wrapper
    nah lebih spesific lagi ke sidebarnya :D
    misal sidebar1
    nah masukin float left utk css itu

    BalasHapus
  24. @bang salom
    tahu aja heheheheh

    BalasHapus
  25. @berita
    iya emang sudah bang :D

    BalasHapus
  26. @parenting
    oke sob semoga bermafaat wae :D

    BalasHapus
  27. saya menggunakan yg lebih ekstrim lagi, yaitu membuat background yang berbeda untuk tiap posting.. :)

    BalasHapus
  28. @ardian
    iya mas bisa juga memang seperti itu dan sebelumny apernah tak bahas :D

    BalasHapus
  29. emang mas doy selalu kreatif euy.... cocok mbuat saya yg masih newbie... makasih mas doy.... mudah-mudahn bermanfaat...

    BalasHapus
  30. makasih mas doy tips SEO nya.... insyalalah bermanfaat...

    BalasHapus
  31. @pencari
    sama sama
    semoga bermanfaat saja ya
    makasih kunjungan dan komentarnya

    BalasHapus
  32. makasih mas triknya, tapi apakah contoh hasilnya seperti punya mas doyok.. dan harus merubah template lagi

    BalasHapus
  33. @blogging
    gak usah rubah templet kok
    hasilnya sepert di

    http://white-happy-blogging.blogspot.com/

    BalasHapus
  34. kayanya template q juga dah gt mas doy, dah bawaan dri sononya, kalau aq mang lebih seneng kalau area postingan ada di sebelah kiri

    BalasHapus
  35. Sipp mas kapan2 dicoba . . . sukses . . .

    BalasHapus
  36. wah tipsnya menarik sekali masss...
    saya sudah coba dan berhasil...

    BalasHapus
  37. @secangkir
    biar gak bosen aja kakve :D

    BalasHapus
  38. @rizk
    sip deh :D
    kalau menurut sya jadi lebih enak

    BalasHapus
  39. @aditx
    oke dit semgoa bermanfaat yaaa

    BalasHapus
  40. thank's infonya mas doy,,
    kalau sempat main ke blog saya mas doy,kita sharing,cause saya butuh kritik nih mas doy..

    BalasHapus
  41. @herman
    oke mas sipp
    semoga bermanfaat yaaa

    BalasHapus
  42. @berita
    oke mas
    segera berangkat :D

    BalasHapus
  43. Mas aku juga neh,,
    butuh banget kritikan yang membangun,,
    soalnya selama ini saya jadi males ngeblog lagi,,

    BalasHapus
  44. mas doyok gokil nih..... gak pernah habis ide.....

    BalasHapus
  45. @elsoul
    sipp :D
    semoga bermafnaat yaaa

    BalasHapus
  46. Makasih mas atas komentarnya,, sangat berguna,,
    tapi ada satu hal yang belum aku ngerti,,
    "baclgrpound"
    apa yang dimaksud itu adalah background,
    sekali lagi mohon bantuannya mas,
    maklum soalnya saya masih newbie

    BalasHapus
  47. @3724376081414465044.0
    iya mas
    maaf :D
    saya sering salah ketik bahkan di postingan :D

    BalasHapus
  48. Keren Dah mas doy... Tx tutornya!!

    BalasHapus
  49. @akhatam
    semoga bermanfaat yaaa

    BalasHapus
  50. Nice Trick.. ehehe.. :D
    Kalau saya sendiri sich.. lebih suka yang statis tetep langsung paten di kanan..
    Soalnya mungkin begini yach..kan.. search engine membaca langsung keseluruhan blog jadi bila sidebar kiri, yach akhirnya mau tak mau dibaca duluan.. :D

    BalasHapus
  51. untung pny q sudah d kiri.. baru tahu nich mas.. maksih info-nya.. ;D Sukses slalu

    BalasHapus
  52. @oemar
    tentu berbeda :D
    webmater sitemap kan ditujukan agar bot indeks dgn baik langsung ke post kita

    BalasHapus
  53. @karlz
    semoga bermanfaat deh kapan kapan kalau menemukan kasus seperti ini

    BalasHapus
  54. mudah dimengerti dan di pahami
    thanks mas tutorialnya

    BalasHapus
  55. @6536042605311061212.0
    Tapi bagaimana dengan hasil pencarian mas..
    Saya pernah melihat text artikel saya bercampur dengan keyword, title blog, bahkan beberapa text yang seharusnya tidak termasuk dalam posting seperti bagian credit footer menjadi masuk dalam bagian hasil pencarian..
    Kan itu menunjukkan kalau mesin pencari membaca keseluruhan blog kan.. dari pojok kiri ke pojok kanan..

    BalasHapus
  56. oke masdoy,,
    makasih tutorialnya nechh

    BalasHapus
  57. @2849487171825426761.0
    ikutan bilang gitu

    BalasHapus
  58. hehe, bahasane maknyus tenan, tak perlu gundah bergumam menghitung kancing, SEO... mai, SEO... mai, SEO... mai, seomai mas? murah meriah :P

    wah berarti template blog ane pake css gitu juga ya mas, hihi gak pernah ane liat kode cssnya :P

    BalasHapus
  59. Sangat-sangat terimakasih. Meskipun sedikit kurang jelas. Good luck. Best of best

    BalasHapus
  60. newbie===klo rubah sidebar`y jadi 3 baris gmna ya mas?????

    BalasHapus
  61. makasih sebelumnya untuk infonya mas ....
    tapi setelah aq coba kok ngak da perubahan ya mas ..
    ada yang salah kah ....
    mohon pencerahannya ....
    maklum masih newbie neh ....
    salut buat mas ......

    BalasHapus
  62. jangan lupa atur right leftnyua sesuaikan :D

    BalasHapus
  63. mas, kalo mw ngilangin sidebrnya yang di bawah gmn mas ? bisa gak ? soalnya tiu juga berat2in nih blog mas, tolong ya mas,

    BalasHapus
  64. kok aku coba di blogku kagak berhasil ya mas?
    tolong di bantu ya?

    BalasHapus
  65. Tapi, sepertinya Blog saya sudah tidat bisa dipindah-pindah mas doy ^_^

    BalasHapus
  66. Ada juga tha cara beginian. Baru tahu aku... hehehe

    BalasHapus
  67. maksudnya gmna mas,ksih demonya dong gx mudeng q maklum newbie

    BalasHapus

Posting Komentar

Postingan Populer