Cikgu Kacamata


39
Bilangan Komen dan Icon Sebelah Tajuk Entri


Jika ingin menambahkan dekorasi pada setiap Tajuk Entri Post dan Page untuk blog anda iaitu meletakkan bilangan komen dengan icon disebelah bagi tiap-tiap Tajuk Entri post dan page, di sini CK akan menunjukkan cara-cara bagaimana untuk menambahkannya.


Jika ingin menambahkan dekorasi pada setiap Tajuk Entri Post dan Page untuk blog anda iaitu meletakkan bilangan komen dengan icon disebelah bagi tiap-tiap Tajuk Entri post dan page, di sini CK akan menunjukkan cara-cara bagaimana untuk menambahkannya:


1. Pilih "More options"

2. "Template"



3. Klik butang "Edit HTML"



4. "Copy" kod di bawah:
]]></b:skin>

Klik sekali mana-mana bahagian pada Template dalam kotak yang bertanda merah dan pada keyboard, tekan butang "Ctrl+F" (untuk terbitkan kotak Search)


5. Dalam kotak Search, "paste" kod No. 4 tadi dan tekan enter

6. Kemudian "copy" kod ini pula dan "paste" hanya sebelum/di atas kod No. 4 tadi:

.comment-bubble {
float:right;
z-index:2;
position:relative;
width:36px;
height:36px;
background:url(http://3.bp.blogspot.com/-u8AXHZR4d4U/UdrepM4dzzI/AAAAAAAABgQ/X-VygTuGSYY/s1600/CK-Bubble4a.png) no-repeat;
font-size:16px;
padding-left:0px;
padding-top:2px;
margin-top:-15px;
margin-right:2px;
text-align:center;
}

Nota:
Ia akan kelihatan seperti ini selepas kod dimasukkan:


7. Seterusnya cari kod ini didalam kotak Search (seperti langkah No. 4 dan No. 5) kemudian enter:
<h3 class='post-title entry-title' itemprop='name'>

*Langkah ini perlu dilakukan berhati-hati kerana terdapat lebih daripada satu (1) kod yang sama. (Dalam Template CK terdapat dua (2) kod yang sama dan CK memilih kod yang kedua!)

8. Kemudian "copy" kod ini pula dan "paste" hanya selepas/di bawah kod No. 7 tadi:

<b:if cond='data:post.allowComments'>
<a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' style='color:#000000; font-family:mistral; font-size:21px;'><data:post.numComments/></a>
</b:if>

Nota:
Beginilah keadaannya setelah kod dimasukkan:


*Setelah kod No. 8 dimasukkan, "Save template" dahulu dan tanpa menutup 'window' template ini, "View blog" ("right click" pada button "View blog" -->>> "Open Link in New Tab")...



Kemudian lihat samada Bilangan Komen dan Icon telah terpapar di sebelah setiap Tajuk Entri blog anda atau belum. Jika ia muncul terus pergi ke langkah 9. Manakala jika tidak, kod No. 8 perlu dimasukkan selepas/di bawah kod No. 7 yang satu lagi


9. "Save template" dan selesai!


Untuk menukar gambar background icon, pilih icon mana yang diminati, copy kod dan gantikan dengan kod merah:

*Copy kod di bawah dan gantikan dengan kod merah:

*Copy kod di bawah dan gantikan dengan kod merah:

*Copy kod di bawah dan gantikan dengan kod merah:

*Copy kod di bawah dan gantikan dengan kod merah:

*Copy kod di bawah dan gantikan dengan kod merah:

*Copy kod di bawah dan gantikan dengan kod merah:


Jika ada sebarang pertanyaan, sila tinggalkan komen di bawah.






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

39 comments:

  1. nice tutorial, nnti nak cubalah..

    ReplyDelete
  2. baru tau ni...nice shraing :)

    ReplyDelete
  3. nak cuba juga la.. aiza menabung kate&save22 untuk CK..

    ReplyDelete
    Replies
    1. dah cuba.. tapi tak keluar nombor.. macam mana nak bagi dia berada dalam kotak entri ya?

      Delete
    2. Nombor tak keluar mungkin aiza tak tukar kod warna kot...sebab kod yang CK bagi tu warna putih. Icon yg aiza letak tu pun warna putih...cuba aiza tukar warna lain...
      Kalau ikut warna yg sesuai utk blog aiza kod warna ni: #f8e0f7;

      Tukar pada yg bold dalam kod ni:
      <b:if cond='data:post.allowComments'>
      <a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' style='color:#ffffff; font-family:mistral; font-size:21px;'><data:post.numComments/></a>
      </b:if>


      Untuk posisi tu pulak, aiza cari kod ni:

      margin-top:-15px;

      tukar -15 kepada 0 atau salah satu nilai antara -15 ke 0

      *Save22 & Drypers utk aiza ;)

      Delete
    3. terima kasih CK.. nanti aiza cuba buat balik.. semalam buat tak jadi, terus aiza buang dulu, hihi.. penuhkan tabung michelin&cocacola hotfm untuk CK..

      Delete
    4. Ok...kalau masih tak jd, roger jer CK anytime ;)

      Thanks ye aiza...CK pun akan selalu pegi kedai pak Nang kat umah aiza tu :)

      Delete
    5. alhamdulillah dah menjadi.. thanks CK.. tabungan kate&drypers untuk CK.. :D

      Delete
    6. Alhamdulillah...Thanks aiza ;)

      Delete
  4. Salam Ramadhan..done folo here

    ReplyDelete
    Replies
    1. Salam Ramadan...terima kasih. CK dah follow blog SM ;)

      Delete
  5. menarik ni =) in.shaa.Allah boleh cuba nnti

    ReplyDelete
  6. Panduan yang berguna. Terima kasih.

    ReplyDelete
  7. best dan useful. nanti dtg blog sye k ..www.azimahshukor.blogspot.com

    ReplyDelete
    Replies
    1. Terima kasih ima. Selalu dtg jenguk CK ye ;)

      *CK dah follow blog ima

      Delete
  8. walaweh.. nak try, tapi bab mencoding memang tak boleh blah..
    mama tak reti ... :(

    ReplyDelete
    Replies
    1. Try je mama. Kalu ada ape2 insyaAllah CK akan bantu ;)

      Delete
  9. salam..ada masalah ckit la.. bukan nk letak icon, tp nk delete icon.. mcm mana ye.. leh tunjukkan x?

    ReplyDelete
    Replies
    1. Salam Aidilfitri...insyaAllah CK akan bantu.

      Nak buang icon, cari baris kod ni:

      background:url(http://3.bp.blogspot.com/-u8AXHZR4d4U/UdrepM4dzzI/AAAAAAAABgQ/X-VygTuGSYY/s1600/CK-Bubble4a.png)
      no-repeat;


      Delete kesemua kod tersebut. Itu saja :)

      Delete
    2. *tambahan: yang dalam kurungan tu url bagi icon. URL tersebut bergantung pada URL icon yang dipilih

      Delete
  10. tq CK! semua tutorial yg awak bagi menjadi..halalkan yer :)

    ReplyDelete
  11. salam. sgt bermanfaat. nanti sy akan cuba buat. BTW, sy follow blog u. sir zuki...

    ReplyDelete
  12. Pilih situs yang pasti pasti aja yuk boskuhh !!
    Bermain di #Komopoker terbukti ­čĺ»% aman & terpercaya lohh !!

    Yuk buruan gabung sekarang juga GRATISS & nikmati keuntungannya :
    ✔️ Bonus New Member 30%
    ✔️ Bonus Deposit Harian 5%
    ✔️ Bonus Rollingan / Mingguan 10%
    ✔️ Bonus Refferal 10%
    ✔️ Bonus Cashback up to 0.3%
    ✔️ Proses Deposit & Withdraw yang cepat tanpa ribet
    ✔️ Deposit dapat melalui antar bank & via pulsa ( Telkomsel & XL )

    Contact us :
    ­čĹë WA : +85515886681
    ­čĹë DAFTAR KOMOPOKER
    ­čĹë AGEN POKER DEPOSIT PULSA

    ReplyDelete
  13. Mainkan Slot Online, Togel Online, Fishing & Live Casino Hanya Di #NADA4D.
    Situs Judi Togel Dan Game Slot Online Terpercaya.

    *Minimal Betting Togel 500 Rupiah.
    Tersedia 10 Pasaran Togel Terkenal, seperti
    - Pasaran HK Siang
    - Pasaran SG Metro
    - Pasaran Sidney
    - Pasaran Malaysia
    - Pasaran Singapore
    - Pasaran Singapore 45
    - Pasaran Malaysia Siang
    - Pasaran Macau
    - Pasaran Qatar
    - Pasaran Hongkong

    * 5 Provider Slot Terbesar.
    - Pragmatic Play
    - Habanero
    - Spade Gaming
    - TopTrend Gaming
    - Joker Gaming

    * Live Casino
    - ION Casino
    - Pragmatic Play
    - Sexy Gaming
    - All Bet
    - IDN Live

    Dan Permainan Tembak Ikan Yang Sangat Menarik.

    *Tersedia Promo
    1. BONUS NEW MEMBER UP TO 30%.
    2. CASHBACK KEKALAHAN LIVE CASINO UP TO 10%.
    3. BONUS ROLLINGAN TEMBAK IKAN & SLOT GAMES 0.8% DIBAGIKAN SETIAP HARI SELASA.
    4. CASHBACK KEKALAHAN TOGEL UP TO 1%.
    5. PROMO FREEBET / FREECHIPS SETIAP BULANNYA.
    6. BONUS CASHBACK HARIAN 5%.
    7. EVENT BONUS DEPOSIT HARIAN 5.000 ( HANYA UNTUK PERMAINAN SLOT ) .

    Contact :
    Whatsapp : +62819-5885-3905
    Link : Nada4D . Online
    Link IP : 128 . 199 . 250 . 188

    ReplyDelete
  14. ituQQ merupakan salah satu web judi online Domino99 CAPSA SUSUN dan POKER yang patut menjadi pilihan anda sebagai tempat bermain judi online. Berikut adalah alasan kenapa anda harus memilih ituQQ :

    Tersedia 10 GAMES Dalam 1 website
    - Domino99
    - BandarQ
    - Poker
    - AduQ
    - Capsa Susun
    - Bandar Poker
    - Sakong Online
    - Bandar66
    - Perang Baccarat
    - Perang Dadu �� New Games!!!

    * NIKMATI PROMO SPECIAL DEPOSIT PULSA TANPA POTONGAN!!

    Tersedia BONUS RAKEBACK 0,5% setiap minggunya Dan Bonus REFERRAL 20%
    memberikan Komisi Referral SEUMUR HIDUP! bagi anda yang mengajak teman anda bermain di tempat kami
    Proses Depo dan WD Lebih cepat dari agen lain karena menggunakan sistem proses yang berbeda

    * Dapatkan juga Total JACKPOT hingga 600 JUTA lebih!

    ✅ Minimal Depo : Rp.50.000,-
    ✅ Minimal Withdraw : Rp.100.000,-

    ◕ Dapat dimainkan di PC, ANDROID, IPHONE, dan IPAD Tersedia Ratusan meja untuk tempat anda bermain
    ◕ Permainan fair tanpa Bot, Tanpa Admin 100% member VS member
    ◕ Pembagian kartu menggunakan technologi yang lebih mutakhir dengan sistem random permanen (acak),
    sehingga kemenangan anda hanya di tentukan dengan kemampuan anda sendiri Menggunakan Sistem pengamanan yang lebih MUTAKHIR, semua data pribadi anda aman di tempat kami.
    ◕ Support Bank Lokal Indonesia (BCA, BNI, BRI, Mandiri, Danamon, Permata Bank, Etc)
    ◕ Menerima Deposit Via Pulsa & E-Money (PAYPRO, OVO, GO-PAY, DANA, Etc)
    ◕ Dilayani dengan CS yang RAMAH dan PROFESIONAL 24 Jam

    Kunjungi link alternatif resmi kami :

    * LINK ALTERNATIF I
    * LINK ALTERNATIF II
    * LINK ALTERNATIF III

    INFO LEBIH LANJUT, HUBUNGI CONTACT kami dibawah ini :

    ☎ LINE : ituQQ
    ☎ TELEGRAM : @ituQQ
    ☎ WHATSAPP : +855.9589.7137

    ReplyDelete
  15. Kaliteli escort bayanlarla tan─▒┼čma f─▒rsat─▒ yakalamak i├žin t─▒kla: ankara escort - ankara escort - ankara escort - izmir escort - ankara escort - ankara escort - ankara escort - ankara escort - ankara escort

    ReplyDelete
  16. Heyecan verici escort anlar─▒n─▒ ya┼čamak i├žin ankara escort sitesine u─čray─▒n: ankara escort - ankara escort - ankara escort - ankara escort - ankara escort - ankara escort - ankara escort - ankara escort - bayanlarankara.net

    ReplyDelete