Cikgu Kacamata


26
Buat Scrollbar Dengan Border Pada Komen Post


Kali ini, atas permintaan Mizz Aiza, CK nak tunjukkan cara-cara hendak Membuat Scrollbar Dengan Border dan Background Color Pada Komen Post pula. Tujuan meletakkan Scrollbar pada komen post ini adalah bertujuan hendak mengurangkan ruang jarak pada komen-komen yang banyak dan ia kelihatan kemas dan teratur malah dapat menjimatkan ruang blog daripada menjadi panjang berjela.



Ikuti langkah-langkah di bawah:

1. Klik "More options"

2. Pilih "Template" kemudian klik "Customise"



3. "Copy" kod di bawah:

#comments {
height:700px;
padding:5px 10px 10px 10px;
border:5px double #aaaaaa;
background:#fafafa;
overflow:auto;
}

Nota:

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

4. Scroll bawah sikit dan klik "Add CSS"

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

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



Siap!






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

26 comments:

  1. ok....ilmu baghu pade awok.... lagi satu CK.... macam mane nak buat kat setiap komen tu ade butang reply.... sebab awok udah try bertuko.... still tak keluo.... dan butang reply keluo kat komen yang last sekali....

    ReplyDelete
    Replies
    1. Ok, cuba kaedah ni untuk wujudkan reply komen tu:

      Kat blogger.com, klik More options, pada drop down menu tu klik Settings;
      Sebelah kiri, klik Posts and comments;
      Pada Comment Location di ruangan Comments, pilih Embedded;

      Sebelah kiri, klik pula Other;
      Pada Allow Blog Feed, pilih Full;

      Kemudian Save settings

      Jika tak berjaya roger lg CK...

      Delete
    2. ok...awok udah try... Alhamdulilah.... berjaye...tq CK..... jenuh awok caghi sebelum ni.......

      Delete
    3. terus awok letak blog mike dalam bloglist awok....... tq bebanyakkkkk CK

      Delete
    4. Saya dah cuba, berjaya. Terima kasih. Lepas ni mudah sikit saya nak balas komen.

      Delete
    5. Alhamdulillah...lepas ni senang nak reply komen. Sejak blogger tukar interface baru ni mcm2 diorg tukar. Kalau bg senang takpe, ni bg lg susah :(
      Anyway thanks all supported CK...

      Delete
    6. Ck..kalau tukar comment location ke emmbeded..
      maknanyer comment kita dah xleh popup ke.

      Delete
    7. kami sekeluarga tak lupa mengucapkan puji syukur kepada ALLAH S,W,T
      dan terima kasih banyak kepada AKI atas nomor togel.nya yang AKI
      berikan 4 angka 5759 alhamdulillah ternyata itu benar2 tembus AKI.
      dan alhamdulillah sekarang saya bisa melunasi semua utan2 saya yang
      ada sama tetangga.dan juga BANK BRI dan bukan hanya itu AKI. insya
      allah saya akan coba untuk membuka usaha sendiri demi mencukupi
      kebutuhan keluarga saya sehari-hari itu semua berkat bantuan AKI..
      sekali lagi makasih banyak ya AKI… bagi saudara yang suka main togel
      yang ingin merubah nasib seperti saya silahkan hubungi AKI SOLEH,,di no (((082-313-336-747)))
      insya allah anda bisa seperti saya…menang togel 275
      juta, wassalam.


      dijamin 100% jebol saya sudah buktikan...sendiri....







      Apakah anda termasuk dalam kategori di bawah ini !!!!


      1"Dikejar-kejar hutang

      2"Selaluh kalah dalam bermain togel

      3"Barang berharga anda udah habis terjual Buat judi togel


      4"Anda udah kemana-mana tapi tidak menghasilkan solusi yg tepat


      5"Udah banyak Dukun togel yang kamu tempati minta angka jitunya
      tapi tidak ada satupun yang berhasil..







      Solusi yang tepat jangan anda putus asah....AKI SOLEH akan membantu
      anda semua dengan Angka ritwal/GHOIB:
      butuh angka togel 2D 3D 4D SGP / HKG / MALAYSIA / TOTO MAGNUM / dijamin
      100% jebol
      Apabila ada waktu
      silahkan Hub: AKI SOLEH DI NO: (((082-313-336-747)))




      atau klik langsung di KLIK DSINI BOCORAN TOGEL



      angka GHOIB: singapur 2D/3D/4D/



      angka GHOIB: hongkong 2D/3D/4D/



      angka GHOIB; malaysia



      angka GHOIB; toto magnum 4D/5D/6D/



      angka GHOIB; laos





      Delete
  2. yeay.. tutorial ni nampak senang...

    ReplyDelete
    Replies
    1. A'ah mama. takyah edit dlm Edit HTML tu. Mudah sikit kaedah ni :)

      Delete
  3. terima kasih di atas tutorial ni CK.. lepas tarawih malam nanti insya-Allah aiza cuba buat.. :D
    menabung di kedai pak nang macam biasa..

    ReplyDelete
    Replies
    1. Sama-sama my dear...
      Thanks memberi tangan gatal ni kat CK ;)

      Delete
    2. aiza tak cuba buat lagi.. malam hari tu tak sempat pula nak buat sebab internet slow.. pagi esoknya pula aiza kena tergesa-gesa balik kampung sebab opah aiza meninggal.. aiza memang nak buat juga..

      Delete
    3. dah jadi.. terima kasih CK.. bagi angpau raya untuk CK.. :D

      Delete
    4. Alhamdulillah...kalau aiza nak tukarkan warna dan jenis border tu pun boleh. Nak warnakan background pun boleh...
      Thanks aiza...as usual, sampul hijau utuk aiza gak ;)

      *al-fatihah buat arwah2 :'(

      Delete
  4. cikgu. sy nk tnya macam mana nk but border pada tajuk sidebar dn post..hrp cikgu boleh beri tunjuk ajar.

    ReplyDelete
    Replies
    1. Masukkan Border Pada Post Title:

      Template -->> Edit HTML dan cari kod ini:

      h4 {

      Kemudian copy kod ini dan paste selepas/di bawah kod h4 { tadi:

      border:2px dashed #000000;
      padding:5px;



      Masukkan Border Pada Sidebar Title:

      Template -->> Edit HTML dan cari kod ini:

      h2 {

      Kemudian copy kod ini dan paste selepas/di bawah kod h2 { tadi:

      border:2px dashed #000000;
      padding:5px;


      *nota:
      2 - Tebal border,
      dashed - Jenis border,
      #000000 - Warna border.


      Rujuk tutorial ini untuk menukar jenis dan warna border -->> http://cikgukacamata.blogspot.com/2013/06/buat-border-pada-sidebar-blogger.html

      Delete
  5. maaf cik guru saya mau tanya permaslahan di blog sya seperti gambar http://3.bp.blogspot.com/-fcDrqSfLZoE/UfaXcAiEvbI/AAAAAAAAKCw/saFRINInMaw/s320/kotk+komtar.jpg ,,di tak banyk menuseperti punya cik guru

    ReplyDelete
  6. shark dh berjaya buat..
    thanx CK..
    mmg sonang turtorial nie

    ReplyDelete
  7. terima kasih cikgu... tutorial yg mmg senang...

    ReplyDelete
  8. Pengen yang lebih seru ...
    Ayo kunjungi www.asianbet77.com
    Buktikan sendiri ..

    Real Play = Real Money

    - Bonus Promo Red Card pertandingan manapun .
    - Bonus Mixparlay .
    - Bonus Tangkasnet setiap hari .
    - New Produk Sabung Ayam ( minimal bet sangat ringan ) .
    - Referal 5 + 1 % ( seumur hidup ) .
    - Cash Back up to 10 % .
    - Bonus Royalty Rewards setiap bulan .

    untuk Informasi lebih jelasnya silahkan hubungi CS kami :
    - YM : op1_asianbet77@yahoo.com
    - EMAIL : asianbet77@yahoo.com
    - WHATSAPP : +63 905 213 7234
    - WECHAT : asianbet_77
    - SMS CENTER : +63 905 209 8162
    - PIN BB : 2B4BB06A / 28339A41

    Salam Admin ,
    http://asianbet77.com/

    ReplyDelete