Memasang Box Info Admin Blog Di Atas Komentar

Biasanya, Box Info Admin pada blog terpasang di bawah postingan/aartikel. Namun, saya mencoba memposting ulang tapi Box Info Admin ini berada di area komentar bagian atas.

Nah, untuk demonya bisa dilihat di sini!

Ikuti langkah-langkah di bawah ini:
  1. Login di akun blogger Anda.
  2. Klik Rancangan, Edit Html dan Centang Expand Template Widget.
  3. Cari kode ]]></b:skin>
  4. Copy kode berikut di atasnya.
  5. /* Info Admin Blog */ .authorinfo {background:transparent;margin:20px 0 5px 0;padding:5px;overflow:auto;color:#000;border: 3px double #666;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;font-size:12px; -o-transition:1s ease-out; -moz-transition:1s ease-out; -webkit-transition:1s ease-out;} .authorinfo:hover {background:#666;color:#fff; border: 3px double #ccc;} .authorinfo p{margin:0;padding:0} .authorinfo a{color:#ff0000} .authorinfo img{background:#000;border: double 2px #fff;float:left;margin:0 6px 0 0;padding:6px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
  6. Selanjutnya, cari kode berikut:
  7. < div class='comments' id='comments'>
  8. Simpan kode berikut tepat di atas kode di tadi:
  9. <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='authorinfo'> <p> <img alt='Authorimage' class='avatar avatar-70 photo' height='50' src='https://lh5.googleusercontent.com/-XZvUlBwBa9o/TrEQIQP2qXI/AAAAAAAAADE/wUdpjeiftEA/s128/Airmata.png' width='80'/> <div style='font-family: Comic Sans MS; color: #000;'> <b><span><a expr:href='data:post.href'><data:post.title/></a></span></b></div> <div style='text-align: justify; font-family:arial'> <span>Author by : <a expr:href='data:blog.homepageUrl'><data:post.author/></a></span><br/> <span>Tanggal: <a expr:href='data:post.href'><b:if cond='data:post.dateHeader'><data:post.dateHeader/></b:if></a></span><br/> <span>Pukul: <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a></span><br/> <span>Label: <b:loop values='data:posts' var='post'> <b:if cond='data:post.labels'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast == &quot;true&quot;'> <a expr:href='data:label.url' rel='tag'><data:label.name/></a> </b:if></b:loop></b:if></b:loop></span> </div> </p> </div> </b:if>
    Catatan: Ganti tulisan berwarna merah dengan foto yang ingin Anda pasang. Tulisan berwarna biru bisa Anda ganti sesuai dengan keinginan Anda.
  10. Simpan Template dan lihat hasilnya saat salah satu posting dibuka. Lihat di bagian atas kotak komentar blog Anda.

Sekian dan semoga bermanfaat!

5 comments on Blogger:

  1. Makasih sharenya......!!!!!!!!!!!!!

    ReplyDelete
  2. @Zh!nTho Makasih sob. Jangan bosan2 berkunjung dan berkomentar gan. :mantap

    ReplyDelete
  3. What heyday isn't today?

    ReplyDelete