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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE7N1mfCUdKXumQIFxIMherih_nN9G0PTGIALh4uO1q17cHtsjrbEB-uLdjGvjC9qODneJZvYCob7SEfImV8VYmBZ_f9NWL5mz2GtAkZWdjupPNRKx21MlVr0zM1sDS3bAWlWv0wnCpqU/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
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..
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrhIap1q5-EIOYye0ep6DPhk0or944UPhY_AMTsy4iWqZZVXkttQDIejGbBP2AIUJezBTbU2moi9qD_3nxmdzwp6xizlSZMMRV4LXXh1UYMhEKL2hAwKE3pHA-u0WwOYik-qvZuYy9fNVm/s1600/ghy.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaRwrsw0fBQRuIeQ-waIxchbROWr4EY_MZgDr86eHVnAGcJB2JaOBn5dB-ZJvEJi3tEAz0Syny9e8TN7fmWg8ELWiS2yUwKj594AVWSQtCG38AgdFQNROLUZBCJt4Qa1SkGExcz61jhj5V/s1600/angry.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhndERYvcCyUHdBXaT-r32jbZ5_hsjOeKDpFbI_MjBqIOjmUkzb1oLQvgQOAW0WxXiNT8InOFU7WEPICnZ23-mnP9dKhsY1EKcjkrzIrF_tbWTlQOvh6S9I53L-fbImBW_28tpYtYARYvxt/s1600/jku.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL8fmDX-FryeuF9tPI-bWW9zsE_hjeBIupidiRGWYl7Du_vS5dCyICYZYs8nNoUvD3I1vjk0XNUmliS1Aa3CyrA4ePz2oMhnwv65wawJSFKZixkuF6U9h4YnEFmYV7Tjc-K0f60qVkaSRd/s1600/blue.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmjxS-qbfNbwKd09auHaMqXTic67MRyj7yXvcgqXvt4vOV2uGYjPo9hkngIaHrkLwgcDYzv5d8TM-jikMZejU_pEkGV1JxGzUsQS-YNMMt3ZgC9wobunfCqrD46-T6YQqpqEaNq31odmfY/s1600/green.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFstM42P8_BaMld6Ugc9FGXs4FieIEV3QwBDui5SpLBYP3cy7U2Zfm_Di0oHGiocQxfzKnuX76Wc3VFhELoxv2eJSL-e1qSD8WU0ZqEwtkGr0TqzsO1xAPIIJI3qHoBWydViWDh9f1WnA1/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?
3 comments
kak thanks for the tuto,,sy ambik k,,
ReplyDelete@Izza Sakurasama2 kasih
ReplyDeletekak,sy nak tye,akak gne photoshop ea,,sy ad try na download photoshop tp tkbleh,,
ReplyDelete