IKLAN ILMUKU

Koleksi Email|koleksi Alamat Perusahaan|Bisnis Tampah Meningalkan Profesi|Antivirus Premium Terbaru|Sofware Portable|Ebook Seo|Ebook Indonesia|Buat Web Sendiri|Tutorial Komputer|Tukeran Link|Belajar HTML|Fakta Unik|Game Pc|Game Portable|Teknik Seo

Selasa, 16 Februari 2010

Ini Dia Cara Bikin Comment Highlight

Tips buat Blogger mania yang ingin membuat tampilan blog lebih mantab lagi. Mengingat ada rekues tentang tips ini maka saya coba sempatkan untuk menulis tentang tips ini.Tips di bawah ini adalah untuk membedakan mana komentar dari pengunjung blog dan mana komentar pemilik blog, yaitu dengan membuat warna yang berlainan satu sama lain. Artinya ketika ada pengunjung blog meninggalkan komentar di blog kita maka warna dari komentar pengunjung blog tersebut akan berbeda dengan warna komentar pemilik blog tersebut.
Berikut ini akan saya coba jelaskan langkah-langkah dalam melakukan teknik ini.



Pertama anda harus login dulu.
Langkah selanjutnya setelah anda berhasil login, klik menu Edit Layout pada Dashboard anda dan kemudian pilih menu Edit HTML dan selanjutnya berikanlah tanda centang pada kotak Expand Widget Templates. Dan cari kode id ='comments-block' pada bagian template anda, dan anda akan menemukan 3 buah atribut class yaitu 'comment-author', 'comment-body', dan 'comment-footer'. Nah, kemudian sisipkan kode yang berwarna merah di bawah ini ke dalam template anda. Ok?


        









          

            
            
              

            
              
            

            
        



          
                                                                              
                   

Nah, setelah langkah membuat kondisi if-else di atas terselesaikan dengan sempurna, maka lanjut ke tahap selanjutnya yaitu memberikan hiasan pada masing-masing tipe kondisi komentar baik itu komentar dari pengunjung maupun pemilik blog.

Misalkan yang sangat sederhana sekali yaitu memberikan warna huruf yang berbeda, sebagai contohnya warna dari isi komentar pemilik blog akan ditampilkan dengan warna merah dan huruf tebal. Pertama-tama cari atribut class 'comment-author', 'comment-body', dan 'comment-footer' pada elemen style CSS anda.

Misal saya punya kode di bawah ini:

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

Copy dan Paste-kan pada atribut class baru yaitu 'owner-Author', 'owner-Body', dan 'owner-Footer' dan lakukan perubahan sesuai yang diinginkan (misal warna merah dan huruf tebal).

.owner-Body {
margin:0;
padding:0 0 0 20px;
}
.owner-Body p {
font-size:100%;
margin:0 0 .2em 0;
color:#FF0000;
text-decoration:bold;
}

Maka hasilnya nanti akan menjadi seperti ini:




Nah jika anda lebih mahir, maka anda bisa memodifikasi tampilannya menjadi sedemikian rupa, tidak hanya merubah warna tetapi juga merubah warna atau gambar background komentar dll lah pokoknya, seperti yang saya punya.

Selamat mencoba.

Baca Juga 

Free Backling 2500 web Dofollow Plus coment Sepuanya
Daftar List 664 Web Social Bookmarking
Tukar Link
Tautan Situs Jejaring Social
Tip Rahasia Seo|Keyword |Judul Posting
Tips Submit|Cara Daftar Search Engine
Tips Seo Extrem
Antivirus Terbaru
Miss Universe 2011| Leila Lopes
catalina robayo
Tips Paling Cepat Belajar Bahasa Inggris
Free Email Facebook 1
Cara Buat Pay Pal Dengan Mengunakan Bank Lokal
MERANCANG WEB
Elemen HTML - Tutorial HTML 2
KONSEP PEMBUATAN WEB
Tips Buat Skripsi|Temukan Ide Gila
Free Ebook Indonesia II
Tips Buat Skripsi|Kenapa Kita Buat Skripsi
TEKNIK SEO|MENINGKATKAN TRAFIK SECARA EXTREM

1 komentar:

mas doyok on 17 Februari 2010 00.05 mengatakan...

rasanya ada masalah dgn tutor di atas yakni tidak kelihtannya kode anda sehingga tercipta ruang
untuk memasukkan kode html haruslah di parse dahulu

http://www.masdoyok.co.cc/2009/07/kode-html-tidak-keluar.html

BAGI - BAGI PENGETAHUAN

Followers

BAGI - BAGI PENGETAHUAN Copyright © 2009 Not Magazine 4 Column is Designed by Ipietoon Sponsored by Dezigntuts