metode express: Juni 2011

Kali ini saya akan memberikan tutorial bagaimana cara membedakan warna antara blogger dengan pengunjung.Apa kalian pernah melihat comment yang seperti diatas???Nah gini caranya :

1. Sign in Blogger

2. Layout

3. Edit HTML

4. Jangan lupa berikan tanda centang pada Expand Widget Templates

5. Cari kode di bawah ini :

.comment-body {
margin:0;
padding:0 0 0 20px;
}
.comment-body p {
font-size:100%;
margin:0 0 .2em 0;
}

6. Tambahkan kode ini dibawahnya :

.comment-body-author {
margin:0;
padding:0 0 0 20px;
}
.comment-body-author p {
font-size:100%;
margin:0 0 .2em 0;
color:#000000;
background:#3399CC;
text-decoration:bold;
}

Jika masih tidak menemukan kode diatas coba kalian cari kode ini :

/* Comments

atau cari kode ini :

#comments-block .comment-body p {
margin: 0 0 .75em;
}

Tambahkan kode ini dibawahnya :

#comments-block .comment-body-author p {
margin:0 0 .75em;
background:#3399CC;
color:#000000;
text-decoration:bold;
}

Silahkan ganti tulisan yang berwarna merah dengan warna atau background kesukaan kalian.

7. Kemudian cari kode ini :

8. Tambahkan kode yang sama seperti pada yang berwarna merah :
<dl id=’comments-block’>
<b:loop values=’data:post.comments’ var=’comment’>
<dt class=’comment-author’ expr:id=’”comment-” + data:comment.id’>
<a expr:name=’”comment-” + data:comment.id’/>
<b:if cond=’data:comment.authorUrl’>
<a expr:href=’data:comment.authorUrl’ rel=’nofollow’><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>

<b:if cond=’data:comment.author == data:post.author’>
<dd class=’comment-body-author’>
<data:comment.body/>
</dd>
<b:else/>

<dd class=’comment-body’>
<b:if cond=’data:comment.isDeleted’>
<data:comment.body/>
<b:else/>

</b:if>
</dd>

</b:if>

9. Pilih Save Changes dan sekarang lihat hasilnya.

Icon-icon buat BLogger

Posted by klinik-tutorial | 11:12 AM | Widget | 5 comments »

Ini Merupakan beberapa icon gratis yang saya dapat berikan kepada teman-teman semuanya disni semuanya dapat kalian download gratis tanpa bayar sedikit pun. Icon ini berguna untuk mempercantik tampilan dari blog kalian.

Selamat mencoba

A set of sweet Irish Icons

Several wild RSS feed icon sets

From DefiantArt

Free Vector Icon PSD Set

Simplistica (has a nice calendar icon!)

Stickers Icons

Sketchy Paper Icons (I LOVE this set)

Valentine Love

Glossy Blogging Icons

Function Icon Set

Bottle Icon Set (cute, cute, cute!)

Coquette Icon Set

Vector Icon Set
Baca Selengkapnya......

Emotion Buat Friendster dan Blogger

Posted by klinik-tutorial | 8:46 AM | Postingan, Widget | 4 comments »

Akhirnya setelah sekian lama saya posting kembali di blog tutorial aku yang satu ini. pada postingan kali ini saya akan memberikan kode-kode bagaimana cara pasang yahoo emotion buat friendster dan blogger atau pun buat forum-forum yang lain.
dari pada berlama-lama langsung aja deh saya kasih kodenya..

neh kodenya...