Cara Membuat Badget atau Icon Admin Pada Kolom Komentar Blog

Cara Membuat Badget atau Icon Admin Pada Kolom Komentar Blog

Sobat HisTutor , apa kabar anda semua  hari ini?. Setelah saya memposting Cara membuat recent post keren pada blog, hari ini saya akan membagikan sebuah turorial tentang cara membuat badget atau icon admin pada kolom komentar di blog anda, anda mungkin sering melihat ketika anda membuat komentar pada sebuah blog atau website, ada semacam tanda icon admin pada kolom komentar tersebut, seperti contoh pada kolom komentar blog ini.
Selain berfungsi sebagai pembeda antara komentar para pengunjung dengan pemilik blog, juga dapat membuat tampilan kolom komentar tersebut semakin bagus.
Jika anda tertarik untuk memasangnya di blog anda , silahkan anda ikuti langkah-langkahnya sebagai
berikut.

Logo Admin
Logo Admin

Cara Membuat Icon Admin Di Kolom Komentar

Screenshot Kolom Komentar
Screenshot Kolom Komentar

1. Login ke akun blogger anda
2. Click On Template » Edit HTML
3. Gunakan Ctrl+F  untuk menemukan kode ]]></b:skin> atau </style>
4. Setelah ketemu letakan kode CSS script diatas kode ]]></b:skin> atau </style>
 
.icon-admin {
position: absolute; 
bottom: -5px; right: -7px; 
margin: 0; 
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFWyaBJazslcIpQwomYBtDxThb813iL3GyJVV8eBHb7uRRtFP0jLgWRR456bXjXNl-KHVsg1bgwiaIrPguyMhhSQtfUZ9QZBk-2j4DsrvYaoGaV3cgI9KDctGBGVAu1N24qMIukGOWWuu-/s1600/his-admin.png) no-repeat; 
width: 200px; 
height: 50px;}

5. Tambahkan HTML/Javascript berikut dibawah kode <div class='comment_body'> <data:comment.author/> lebih details, lihat screenshot.

Screenshotnya
Screenshotnya

<b:if cond='data:comment.author == data:post.author'>
                 <div class='icon-admin'/>
               </b:if>



Klik simpan dan lihat hasilnya...



Silahkan tinggalkan komentar jika anda menemui kedala dalam pemasangan icon admin ini, mari kita bahas bersama! 
Demikian sedikit penjelasan tentang Cara memasang icon admin pada kolom komentar , jika ada kesalahan dalam penulisan saya mohon maaf dan semoga bermanfaat. Saya akan sangat senang dan berterimakasih jika sobat berkenan untuk berkomentar di blog ini.
Previous Post
Next Post

post written by:

1 comment: