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 |
Cara Membuat Icon Admin Di 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 |
<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.
Pertamax....
ReplyDelete