Thursday, June 30, 2011
Comment Owner Berbeda dengan Pengunjung
Comment Owner Berbeda dengan Pengunjung maksudnya adalah kotak komentar dari pemilik website akan berbeda dengan kotak komentar milik pengunjung apabila memberikan komentar.
Cara Membuat Comment Owner Berbeda dengan Pengunjung adalah sebagai berikut :
Langkah pertama yang harus Anda lakukan adalah Log in ke blogger dan masuk menu Layout kemudian masuk menu Edit HTML
Jangan Lupa centang "expand widget templates"
Lalu taruh Code dibawah ini diatas code ]]></b:skin
Silahkan Edit Code CSS diatas sesuai kreasi Anda sehingga tampilan comments owner Anda menarik
Langkah selanjutnya masih di menu Edit HTML dan tanda "Expand Widget Templates" masih tercentang
Kemudian Cari Code dibawah ini
Kalau sudah kemudian Simpan dan lihat hasilnya
Cara Membuat Comment Owner Berbeda dengan Pengunjung adalah sebagai berikut :
Langkah pertama yang harus Anda lakukan adalah Log in ke blogger dan masuk menu Layout kemudian masuk menu Edit HTML
Jangan Lupa centang "expand widget templates"
Lalu taruh Code dibawah ini diatas code ]]></b:skin
.comment-body-author {
background: #FFFF29; /* Warna Background */
border:1px dotted #FF2929; /*Border*/
margin:0;
padding:0 0 0 20px;
}
Silahkan Edit Code CSS diatas sesuai kreasi Anda sehingga tampilan comments owner Anda menarik
Langkah selanjutnya masih di menu Edit HTML dan tanda "Expand Widget Templates" masih tercentang
Kemudian Cari Code dibawah ini
<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<a expr:name='data:comment.anchorName'/>
<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'>
<p><data:comment.body/></p>
</dd>
<b:else/>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
</b:if>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
Perhatikan Code yang berwarna kuning itu adalah code yang harus kamu tambahkan diantara code yang berwarna putih diatas
Ingat penempatan code yang berwarna kuning harus benar maka perhatikan code yang berwarna biru itu adalah Tagsnya
Kalau sudah kemudian Simpan dan lihat hasilnya
Labels:
CSS
Subscribe to:
Post Comments (Atom)
Blog Archive
- 2012 (7)
-
2011
(362)
- December(5)
- November(6)
- October(5)
- September(9)
- August(20)
- July(227)
-
June(90)
- Membuat Sub Dropdown Pada Horizontal Menu
- Membuat Dropdown Pada Horizontal Menu
- Membuat Horizontal Menu di blog 2
- Membuat Horizontal Menu
- Penyebab Pengunjung Tidak Jadi Berkomentar
- Membuat Navbar Blogger Auto Hide
- Mengembalikan Navbar Blog yang Hilang
- Membuat Navbar menjadi Transparan
- Membuat Gambar Melayang di Blog
- memberi efek blur pada gambar
- Membuat Slide Headlines
- Membuat Artikel yg Berhubungan / Related Post
- Membuat Menu Slide Show Tab View
- Comment Owner Berbeda dengan Pengunjung
- Mengubah Ukuran Template Blog
- Membuat Footer 3 Kolom dengan Background
- Blogger sudah support fungsi Readmore
- Customisasi Tampilan Read more
- Google Translate Versi Baru
- Cara Menghilangkan Tulisan di Poskan Oleh: dan Lab...
- Cara Membuat Back To Top
- Tips Menghilangkan Bau Badan..Sudah Terbukti!!
- Membuat Link Berkedip Pada Saat Disorot Mouse
- Menghilangkan Sidebar Saat Membuka Posting
- Cara Membuat Search Engine Di Blog
- Mengganti Tampilan Cursor (Mouse)
- Cara Membuat Artikel Blog Tidak Bisa di Copy
- Cara Membuat Related Post Thumbnail/You Might Also...
- Tips Menghilangkan Pesan Windows Is Not Genuine Di...
- Cara Membuat Gambar atau Teks Berjalan ke Atas
- Cara Memasang Widget Animasi Entri Populer Pada Blog
- Cara Pasang Follow me Twitter di Blog
- Mozilla Firefox 5
- Background Buku Tamu
- Folder Marker Pro v3.2.0 Full Serial
- File Splitter & Joiner 3.3 Free
- Avatar Bobble Battles Full Version
- Game Fruit Ninja HD v1.6.1 Full Cracked
- Unlocker 1.9.0 Free
- Full Crack
- Pasang Counter Di Blog
- Cara menghilangkan Tanggal Posting
- Cara Membuat Buku Tamu Blog Show/Hide di Bagian Atas
- Membuat Chatbox Bergaya Absolute Vertical Sliding ...
- Pasang Jam Animasi Colorfull With CSS & jQuery
- Pasang Energy Saving/Power Save Mode di Blog
- Cara Membuat Buku Tamu Blog Tanpa Di Klik Terbuka
- Cara mudah membuat Scroll pada widget
- TuneUp Utilities 2011
- Membuat Number Page Navigation Blogspot
- Cara Membuat Artikel Terkait (Related Post) dengan...
- Cara Membuat Artikel Terkait (Related Post) dengan...
- Emotion Cw Sexy
- Emotion Monyet
- Emotion Kakus
- Emotion Upin & Ipin
- Cara Memasang Google Translator versi dropdown
- Cara Membuat Reply Komentar
- Cara Menghilangkan Tanda Obeng Pada Blog
- Membuat Scroll Menu Otomatis Buat Arsip Blog
- Cara Membuat Read More Otomatis
- Cara Merubah Tulisan Next Page Dengan Gambar
- Cara Membuat Menu Diatas Top Header
- Cara Pasang Widget SMS Gratis di Blogspot
- Cara Menampilkan YM di Blog
- Scrip Cursor Ular-Ularan
- Cara Pasang Buku Tamu Tersembunyi
- Cara Mendaftarkan Sitemap Ke Google
- Pasang Widget Google Translate
- Cara Merubah Navbar Bawaan Blogger
- Google Friend Connect
- Tips Mengganti Logo Blogspot
- HJSplit
- Menjadikan Windows XP seperti Vista
- Free Logon Screen XP
- Download Windows Xp Seven Ultimate SP3 2010
- Windows XP SP3
- Cara Membuat Banner
- Cara merubah Domain Blogspot Menjadi CO.CC
- Cara mempercepat Mozilla Firefox
- Kode Warna
- Mau Tukeran Link/Banner,...??
- CSS Compressor
- Contact Us
- Daftar Isi
- Parse Kode Script HTML
- Guest Book
- Daftar Banner Teman
- Daftar Link Teman
- Chat Room
About Me
- Sibuk Banget
0 comments:
Post a Comment