Cara Menambahkan Icon Author Pada Komentar Blog

-

    Kali Ini Gua mau share cara Membuat Icon Author Di komentar blog Jadi para komentator Bisa Tau Siapa admin di Blog kalian Silahkan di Simak caranya 

 


Installasi Code CSS


  1. Seperti biasa login to blog
  2. Pilih " Template "
  3. Kemudian Klik " Edit HTML "
  4. Setelah itu cari code ]]></b:skin> atau pun </style>, setelah ketemu silahkan copy code CSS dibawah ini dan pastekan didalam ataupun diatas code]]></b:skin> atau pun </style>. kalo lebih bagusnya silahkan pastekan code dibawah ini dekat dengan atau bersamaan dengan code CSS (comments ) agar lebih mudah suatu saat anda untuk mengeditnya. Setelah selesi silahkan save template anda dan lihat hasilnya. Untuk DEMO anda bisa melihat Icon Author Comment pada komentar blog ini.

.comments .comments-content .icon.blog-author{position:absolute;top:-8px;right:-12px;margin:0;background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjXeoGPYpEyS3VgggptL_EQ4Q5SiQ6xU8pUzDsNxfVP_LW46tNhbOfWveQ-WajQ2SCUwsmypT22GjXD-PDFblKwwBsB2OWsqv5ottVZkgL5n-Im5BromV7dUsc0bmnYht8OdYL3t86OT8/s1600/Merah-autor.png);width:56px;height:56px}

Bila anda ingin lebih kreative silahkan anda pilih gambar dibawah ini sesuai dengan tampilan blog anda. Code CSS dibawah ini gantikan dengan code CSS yang berwarna biru diatas, Code yang anda copy sesuai dengan gambar yang tertera pada postingan ini. Bila settingan letaknya kurang memadai / pas silahkan setting besar kecilnya angka pada code warna hijau diatas.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUBxtBWyvaqyrA7ooRhVu-cs7450ohPoNwP9zTVgtIDO6SWJxELWzwVXS8K2elC-vGgnAKn_lQp6EWglZoYf_5mNylHfsIPhYHqNzbrvHEXaurK2z-5s4cfIMD3srTLnoB49eiLXKQ0Bw/s1600/autor-biru.png
Author 1
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibFhY-pSGiYEim1Qzu6veAST2BpEYWPYc546wWfDAweh9gVhArLWghIHOF3fSQJtUIn7mgnSL8M49ozBKFZA_3VDNhvTrLTCbBdL4RDH3IJh7fRZaaHgRNFqN2hsVDXBgPrKpRJTKX7cU/s1600/autor-black.png
author 2
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6A-boMs5-l-ybNQfrPhyphenhyphen6or-hfx887wy5zd6SHTFbijlacfmmNlfUct2KoicqpBSSvNAIw1d5FG9sCXCtsZ19oQyjMvjrSqyAkSfUo7AuAL3Wc4D-BWJG5rLGD_h2BCyc18kHv5r0oag/s1600/autor-hijau.png
author 3
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKJQ9udxCDiZJke4af52hYez2iqkJTBjjpzebEsqdpAjTjONaRBdkhgXTO8JKhaGbtxtwuPenDxJLQoeFgpPEqtJjuUz6MvD-vIza_hLnJ9SWQ5DjIJNfdxkhhYQd18ol3cNstXtaoc6s/s1600/autor-kuning.png
author 4
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjU9_LLuTPbVnZXVQIYzsg7EhtANrUM9OpcZr20DPNYBgX153e48wRUguSddE_JwE-5iY3UAA9qpgX7dR9wCA9f2G0jgIpUtjXbKpXqnCtUIL_8rq5GQpNTkH109ykVEeDVt0-kpknQJA/s1600/authorpink.png
author 5
Terima Kasih Atas Kunjungan Kalian 

Comments

Post a Comment

Popular posts from this blog

Pengertian dari BitCoin Dan Cara Mendapatkan BitCoin Dengan Gratis

-
Image
Sekian Lama Gw Gak Ngepost Di Blog Ini :v Maaf baru ada Waktu Buat Ngurus blog artikel Ini Copas Dari Blog http://satria0720.blogspot.com/2013/04/bitcoin-free.html Silahkan di simak :v Bitcoin adalah sebuah uang elektronik yang di buat pada tahun 2009 oleh Satoshi Nakamoto. Nama tersebut juga dikaitkan dengan perangkat lunak open source yang dia rancang, dan juga menggunakan jaringan peer-to-peer yang menghubungkan semuanya. Tidak seperti mata uang pada umumnya, bitcoin tidak tergantung dengan mempercayai penerbit utama. Bitcoin menggunakan sebuah database yang didistribusikan dan menyebar ke node - node dari sebuah jaringan P2P ke jurnal transaksi, dan menggunakan kriptografi untuk menyediakan fungsi - fungsi keamanan dasar, seperti memastikan bahwa bitcoin - bitcoin hanya dapat di habiskan oleh orang mempunyainya, dan tidak boleh dilakukan lebih dari satu kali. Desain dari Bitcoin memperbolehkan untuk kepemilikan tanpa identitas (anonymous) dan pemindahan kekayaan. Bitcoin - ...
Read more

Script Lagu Untuk Blog

-
Image
Script Lagu untuk Blog Lagu Bagus Buat Blog Sekilas Info Pertama Kali ini saya mau berbagi mengenai.... lagu yang dipasang di blog cara pembuatanya gak sulit kok yang penting ikuti petunjuk di bawah ini ya.. ^_^ untuk menampilkan lagu di Blog anda ada beberapa hal yang harus dilakukan yaitu : Log In kedalam Blog Anda terlebih dahulu -          pilih tata letak -          klik Tambah Gadget -          Pilih HTML/JavaScript Dan Di  Bawah Ini Script Lagu Yg Gw Pake Di Blog Gw <embed allowfullscreen="true" allowscriptaccess="always" height="0"  src=" http://divine-music.info/musicfiles/Evanescence%20-%20Bring%20Me%20To%20Life.swf " width="0"> </embed> -          Klik Save Dan untuk link yang Berbeda tulisan nya bisa anda ganti-ganti se...
Read more