Jun 17, 2012

Tutorial#8:Letak jumlah komen dalam entry

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?
Share with the world:

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

Related Posts Plugin for WordPress, Blogger...
 
Designed by Beautifully Chaotic