Tutorial#8:Letak jumlah komen dalam entry

by - June 17, 2012

tuto kali ini lebih kurang macam kite letak date luar post kan kan..kan .tetapi,aku buat cara aku sendiri dengan menggantikkannya dengan jumlah komen( nampak biasa je^------^.ok,teruskan sesi pembelajaran kite yuk!

dalam kotak hijau

  • baca bismilah dulu ( memang kena la )^___________^V
  • Masuk ke Design,dan pilih edit HTML,
  • Kemudian klik pada expand template widget
  • Dan cari kod ini pada template:
    <h3 class='post-title entry-title'>  
  • Sebelum  atau selepas kod diatas ,letak kod dibawah ini:
<b:if cond='data:post.allowComments'>
<a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/><br/><span style='font-size:10px'>Komen</span></a>
</b:if>
  • Kemudian cari kod ini pula: 
 </head>
  • Letakan sebelum atau selepasnya kod dibawah ini: 
<style type='text/css'>.comment-bubble {
height:40px; margin:-10px -20px -500px -200px; padding: 55px 200px 105px 165px; background: url(http://2.bp.blogspot.com/-cJoyFHzvyWg/T9mRzUB48cI/AAAAAAAADVM/1CwFI47VD_Y/s1600/Untitled-2.png) no-repeat;position:absolute !important; position:relative; float:right;text-align: center;font-family: tahoma; color: #060103; font-size: 18px;
</style>
**yang berwarna purple : semuanya korang kena adjust 
margin : adalah kedudukan image komen korang 
padding : kedudukan tulisan komen korang 
font/color/size: ikut pada cita rasa masing-masing 
URL image: gantikan dengan image korang 
  • dah siap ker..?jangan save terus..preview dulu k.if kedudukan dah ok..baru save. 
kalau malas nak buat..aku bagi ni kat korang ok.tapi bak singgit dulu.hikhikhik
http://4.bp.blogspot.com/-JpX-cZ_cses/T91kNiDOrmI/AAAAAAAADhU/-PpgYb0pC8A/s1600/ghy.png
http://2.bp.blogspot.com/-r3MH1F4IDL8/T91l72rQ-yI/AAAAAAAADhc/aTZomEFgmj8/s1600/angry.png
http://3.bp.blogspot.com/-mgJiD7LdVns/T91m8su92nI/AAAAAAAADhk/qFQRqq8iNgA/s1600/jku.png
http://2.bp.blogspot.com/-Ft_v6d60o8g/T91nl7yJLwI/AAAAAAAADhs/My4k3yrjIB0/s1600/blue.png
http://4.bp.blogspot.com/-ILV-entDDBk/T91oMwo5cSI/AAAAAAAADh0/SX09sjBHoxs/s1600/green.png

http://1.bp.blogspot.com/-k7X0NRLFRrQ/T91ouUvDayI/AAAAAAAADh8/pBVqXKmblvk/s1600/ored.png

ini sahaja la yang mampu aku hasilkan.harap2 dapat memberi manfaat kepada kawan2 semua.
nak ambik boleh..tapi jangan curi.Allah marah..just inform me if you take one,two..or three^^ okeyss..

adakah aku hamba yang bersyukur,Ya Allah?

You May Also Like

3 comments

  1. kak thanks for the tuto,,sy ambik k,,

    ReplyDelete
  2. kak,sy nak tye,akak gne photoshop ea,,sy ad try na download photoshop tp tkbleh,,

    ReplyDelete