Cara Membuat Kotak admin di Bawah posting


Yang di maksud dengan kotak admin adalah, kotak yang berisi pesan singkat terhadap visitor atau pengunjung yang sedang BlogWalking atau membaca bagian-bagian artikel yang kita posting, nah caranya mudah saja, Nah lihat preview diatas he..he..
1. Masuk akun Blogger
2. Masuk di dasbor
3. Sebelum melakukan edit HTML sebaiknya lakukan Download Templat
4. Edit HTML Exapand Templat widget (Centang)
5. Cari kode ]]></b:skin> untuk mempermudah pencarian Gunakan (tekan) Ctrl F
6. Massukkan kode di bawah ini di atas kode No. 5

.massage-writer{display:block; width:auto; background:#F5F5F5; border:1px solid #ffd000; box-shadow:0 1px 3px #000; -moz-box-shadow:0 1px 3px #000; -webkit-box-shadow:0 1px 3px #555; padding:0; margin:30px 0 10px 0; font:normal 12px Arial,Sans-Serif; color:#222}
.massage-writer .kontainer{padding:5px}
.massage-writer h1{background:#fff; border:none; border-bottom:1px solid #66B5FF; color:#fff; text-transform:normal; text-shadow:0 1px 0 rgba(0,0,0,0.4); font:bold 12px Arial,Sans-Serif; padding:5px 10px; margin:0 0 0 0; display:block}
.massage-writer h1 a{color:#008686}
.massage-writer img{width:70px; height:70px; margin:0 10px 0 0; float:left; border:0px solid #E6E6FA; padding:2px; background:#E6E6FAbox-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none}

7. Selanjutnya cari kode<div class='post-footer-line post-footer-line-1'><span class='post-author vcard'> dan letakkan kode di bawah ini di atas kode tersebut



<!-- massage writer -->

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='massage-writer'>
<h1>Posted by : <a expr:href='data:blog.homepageUrl'><data:post.author/></a>Mudho close to the SEO Friendly</h1>
<div class='kontainer'>
<img height='80' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW_6KYoso57miVKOqG8XMFoL_14RrGiOWIazgVj53YHmvrRlDKTR8LHa0hIT4p-eq7WDRsoz8hpA355RaqO3Qrlg3GJ-QB3geX4ni4l1sjSPp8G2atFH3OgGqPs-sgNwNmB0v2UXRozp-V/s1600/1341325315_Good-mark.png' width='75'/>
You are reading the article Mudho 1979 - Gallery Articles and Blog Tutorial Blogger Education is optimistic about the SEO Friendly Article entitled <b><a expr:href='data:post.url'><data:post.title/></a></b>, <i>And if there is an article we present more or less we are sorry, if our friend liked the article please subscribe for free via email. And if you have questions related to the blog article, please comment with the good and do not SPAM !!!</i><p><span style='float:right;font:italic 10px Arial, Sans-Serif;'><a href='http://bloganda' target='_blank'>Thank you for visiting our Blog</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- massage writer -->


8. Silahkan ganti kode yang berwana merah dengan url blog sobat dan url gambar sobat
9. Silahkan ganti tulisan yang berwarna orange denga rangkaian kata-kata sobat

Selamat Mencoba dan Salam Sukses !!!



5 Comments

  1. thank gan infonya sangat berguna sekali, berkunjung balik ya gan sekalian di follow ane juga follow punya agan

    ReplyDelete
  2. sama-sama broo.. Oke bos.. InsyaAlooh akan segera kami kunjungi...

    ReplyDelete
  3. wah ini dia yang saya cari cari, kunjungan baliknya ditunggu yah mas

    riezky-doea.blogspot.com

    ReplyDelete
    Replies
    1. Yupz.. Akan segera kami kunjungi bog sobat.. tunggu aja ya..

      Delete

Post a Comment

Previous Post Next Post