Membuat Kotak Ditulis Oleh Di Bawah Postingan Blogspot

Tips membuat ditulis oleh dibawah postingan, agar lebih menarik dan dibaca oleh pengunjung dan mengetahui hasil kerja dan tulisan mereka
Kali ini cara membuat Kotak Admin pada blog seperti berikut ini.

Membuat kotak keren dibawah postingan Untuk Kotak Admin, Seperti membuat rangkaian CSS untuk kotak author tutorial :)
jika anda tertarik ingin membuatnya anda tinggal mengikuti langkah-langkah dibawh ini:

1. Login Blogger Anda
2. Masuk Menu Rancangan.
3. Pilih Edit html
4. Jangan lupa siapkan backup sobat, atau copy pastekan kode edit html kemana saja (jika perlu)
5. Lalu Cari kode ]]></b:skin> dan untuk memudahkan pencarian Anda tinggal tekan CTRL + F atau F3
6. Dan kalau sudah menemukan kode ]]></b:skin> 
7. Setelah itu copy kode dibawah ini tepat diatas kode ]]></b:skin>

/*--------------------------- kotak admin ---------------------------*/ .hisam-learning{ display:block; width:auto; background:#FFFFFF; border:2px solid #000000; box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;-webkit-box-shadow:0 1px 3px #000; padding:0; margin:30px 0 10px 0; font:normal 12px Comic Sans Ms; color:#222; } .hisam-learning .kontainer{padding:5px;} .hisam-learning h4{ background:#000000; border:none; border-bottom:2px solid #000000; color:#fff; text-transform:normal; text-shadow:0 1px 0 rgba(0, 0, 0, 0.4); font:bold 12px Comic Sans Ms; padding:5px 10px; margin:0 0 0 0; display:block; } .hisam-learning h4 a{color:#FEEA83;} .hisam-learning img{ width:70px; height:70px; margin:0 10px 0 0; float:left; border:1px solid #0000FF; padding:2px; background:#000000; box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none; } <br>

8. Selanjutnya cari kembali kode script ini <div class='post-footer'> jika di template sobat ditemukan 2(dua) kode yang sama silahkan sobat pilih yang pertama kemudian silahkan Copy Paste script di bawah ini dan simpan di atas kode <div class='post-footer'>
Kode Script dibawah ini.

<!-- Kotak Admin --> <b:if cond='data:blog.pageType == "item"'> <div class='hisam-learning'> <h4>Ditulis Oleh : <a expr:href='data:blog.homepageUrl'><data:post.author/></a></h4><div class='kontainer'> <img src='https://fbcdn-profile-a.akamaihd.net/hprofile-ak-ash4/c50.50.621.621/s160x160/197728_149537178559311_1206836308_n.jpg'/> Artikel <a expr:href='data:post.url'><data:post.title/></a> ini diposting oleh <data:post.author/> pada hari <data:post.dateHeader/>. Terimakasih atas kunjungan kalian semua serta kesediaan Anda membaca artikel ini, Kritik dan saran dapat Anda sampaikan melalui kotak komentar . Terimakasih Anda sudah mau membaca <p><span style='float:right;font:italic 10px Comic Sans Ms;'><a href='http://boymanalu.blogspot.com/2013/07/membuat-kotak-ditulis-oleh-dibawah.html' target='_blank'>:: Get this widget ! ::</a></span></p><div style='clear:both;'/></div></div></b:if><!-- Kotak Admin -->

Peringatan:

Silakan modifikasi saja 3 Hal di bawah ini sesuai dengan kemauan sobat :)

• Untuk URL Image: https://fbcdn-profile-a.akamaihd.net/hprofile-ak-ash4/c50.50.621.621/s160x160/197728_149537178559311_1206836308_n.jpg
• Untuk  Kata Kata Sendiri: Terimakasih atas kunjungan kalian semua serta kesediaan Anda membaca artikel ini, Kritik dan saran dapat Anda sampaikan melalui kotak komentar . Terimakasih Anda sudah mau membaca
• Untuk Kode Background: (ganti sesuai dengan kode kesukaan anda)
  - background:#FFFFFF; 
  - color:#fff;
  - hisam-learning h4 a{color:#FEEA83;}
  - background:#000000;

Semoga membantu anda,... trims