Cikgu Kacamata


27
Buang Butang Newer Post, Older Post dan Home


Ada sesetengah blogger terutama kepada blogger yang mahukan blog mereka kelihatan seperti website profesional tidak inginkan butang Newer Post, Home dan Older Post. Butang tiga serangkai yang terletak dibahagian bawah post ini kelihatan agak menganggu dan mencacatkan sedikit blog.



Bagi mereka yang tidak menyukai butang tiga serangkai ini, bolehlah mengikuti langkah-langkah di bawah untuk membuangnya:

1. "More options"

2. Pilih "Template" dan klik butang "Customise"



3. "Copy" pilihan kod-kod di bawah:

♦ Kod untuk membuang butang Newer Post sahaja:
#blog-pager-newer-link {
display:none;
}


♦ Kod untuk membuang butang Older Post sahaja:
#blog-pager-older-link {
display:none;
}


♦ Kod untuk membuang ketiga-tiga butang, Newer Post, Older Post dan Home:
#blog-pager {
display:none;
}

Pada "Blogger Template Designer", klik butang "Advanced"

4. Scroll bawah sikit dan klik "Add CSS"

5. Pada bahagian "Add custom CSS", "Paste" kod pilihan yang anda "copy" tadi di dalam kotak berwarna merah dan kemudian jangan lupa TEKAN ENTER sekali

6. Akhir sekali, klik butang "Apply to Blog"



Selesai!






Sila Share Post CK Ini Sekiranya Anda Suka
Dapatkan Widget Ini!

27 comments:

  1. xperasan pulak blog saya ada nie ke tak...memang tak suka ada nie...thanks sharing CK..Thanks tolong kita tekan2 cik Nuff tu ye

    ReplyDelete
    Replies
    1. Terima kasih KSD. Ooo, takpe...itu supported membe2 :)

      Delete
  2. Assalamualaikum. heee rasanya benda tu bagus kalau org blogwalking datang singgah malas nak klik entri dekat blog archieve di sidebar blog. hehhee anyway bagus juga tutorial ni. sheila nak masukkan dalam listing tutorial sheila boleh? link sahaja ?

    ReplyDelete
    Replies
    1. Betul...ada baik benda alah ni. CK sendiri pun tak buang, hehe.
      Boleh sheila. kalau nak attach dgn kod2 skali pun takde masalah. CK benarkan ;)

      Delete
  3. bagoih jugak ni.......tq berkongsi CK...

    ReplyDelete
  4. tepulang pd individu kan...hehe

    ReplyDelete
    Replies
    1. Betul tu xila...ada yg suka ada yg tak :)

      Delete
  5. sayang nak buang button tu.. biar la dulu.. hehe.. apa-apa pun, terima kasih di atas tutorial ni CK.. aiza bagi angpau raya kat CK (tak berani nak tulis secara jelas perkataan tu lepas baca entri ni ---> http://mamamamy.blogspot.com/2013/07/terima-kasih.html)..

    ReplyDelete
    Replies
    1. Sama-sama aiza...
      Ok, CK faham...kena ada kod rahsia ni :D
      Thanks aiza ;)

      Delete
  6. Replies
    1. CK pun suka ada benda alah 3 serangkai ni...tp kalau blog CK yg ni mmg tak suka: http://www.myvintagelures.com/

      Delete
  7. ada juga ye nk buang semua 2..hu3..mcm mnyusahkn pmbaca je =)

    ReplyDelete
    Replies
    1. Adaaa...cam blog CK ni: http://myvintagelures.com/...tp kalau utk blogger, perlu ada 3 serangkai ni....

      Delete
  8. hello :)
    singgah dan follow sponser ni dari GA kak Mia Liana.follow #349
    sudilah kiranya untuk berkunjung kembali ^^

    ReplyDelete
    Replies
    1. Terima kasih MDH...CK dah follow blog MDH ;)

      Delete
  9. Salam.

    Saya punya template, pelik skit la cikgu.. page pertama (bila klik page home) tak kuar button older post tu.

    Tapi bila klik mna2 entry, elok plak2 tiga2 keluar..

    ReplyDelete
    Replies
    1. Lana try masukkan kod ni ke dalam kotak CSS (Template -->> Customise -->> Advanced -->> Add CSS):

      #blog-pager {
      display:block;
      }


      kemudian tekan enter sekali. Lihat kat preview bawah tu. muncul tak button2 tu. Kalau muncul maksudnya dah berjaya dan klik butang Apply to Blog.

      Jika sebaliknya, buang kod tadi dan masukkan pula kod ini di tempat yang sama:

      .date-outer{
      margin-bottom:0px;
      }
      .post-outer{
      margin-bottom:0px;
      }


      *cuba ubah kedua-dua angka 0 pada margin-bottom: kepada nilai lebih besar seperti 10...

      Jika masih tak berjaya, roger CK lg. Kita cuba cara lain pulak :)

      Delete
  10. Mula mula dah buang. Kalau nak ada balik camne ye?

    ReplyDelete
    Replies
    1. Selamat Hari Raya...
      Maaf lambat reply. Nurul cuma masukkan kod di bawah ini sahaja kedalam kotak Add custom CSS (Template -->>> Customise -->>> Advanced -->>> Add CSS) dan tekan Enter sekali:

      #blog-pager {
      display:yes;
      }


      Kemudian klik butang Apply to Blog

      Delete
  11. Tq the info CK...sy ni mmg x brp pandai sgt bab2 nak bega2 blog..hihi..jemput ke blog sy ye CK. Kalo sudifollow sy jgk ye...maklum la..blogger hebat CK ni...segan sy ^_^ #syuker syuker nak pot pet per pun.ahtzelin.blogspot.com

    ReplyDelete