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:

Login di akun blogger Anda.
Klik Rancangan, Edit Html dan Centang Expand Template Widget.
Cari kode ]]></b:skin>
Copy kode berikut di atasnya.

/* 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;}

Selanjutnya, cari kode berikut:

< div class='comments' id='comments'>

Simpan kode berikut tepat di atas kode di tadi:

<b:if cond='data:blog.pageType == "item"'> <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 == "true"'> <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:

merah

biru