Kotak Admin Dibawah Postingan Blog

Berikut Membuat Kotak Admin Di Bawah Postingan Blog

1. Log in ke account Blogger anda

2. Pada "Dashboard" klik "Design", setelah itu klik "Edit HTML"

3. Centang "Expand widget templates", untuk berjaga-jaga dalam melakukan kesalahan Edit template blog, klik "Download template lengkap"

4. Cari kode di bawah ini, untuk mempermudah pencarian tekan Ctrl + F

]]></b:skin>

5.Setelah ketemu kode di atas, Copy kode di bawah ini dan Paste tepat di atas-nya

.kotak-admin{display:block; width:auto; background:url(http://lh6.ggpht.com/_pt7i0nbIOCY/TKaGCrdlU1I/AAAAAAAAC2w/WRdSIMpiTiY/bgh3_thumb%5B1%5D.jpg);    border:2px solid #fff;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 Arial, Sans-Serif;color:#222;}
.kotak-admin .kontainer-admin{padding:5px;}
.kotak-admin h4{background:url(http://lh6.ggpht.com/_pt7i0nbIOCY/TKaGCrdlU1I/AAAAAAAAC2w/WRdSIMpiTiY/bgh3_thumb%5B1%5D.jpg);border:none;border-bottom:1px solid #699019;color:#000;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;}
.kotak-admin h4 a{color:#222;}
.kotak-admin img{width:70px;height:70px;margin:0 10px 0 0;float:left;border:1px solid #954B02;padding:2px;background:#C36702;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;}

6.Selanjut-nya cari kode di bawah ini

<div class='post-footer'>

7. Jika sudah dapat kode di atas, Copy kode di bawah ini lalu Paste tepat di atas-nya

<!-- Kotak Admin -->
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='kotak-admin'>
    <h4>Penulis: <a expr:href='data:blog.homepageUrl'><data:post.author/></a> ~ Tutorial Blog | Tips Trick | Jejaring Sosial</h4>
    <div class='kontainer-admin'>
    <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEtj5Xch-d5Uri5EZd0bmtXTO5xM4RpZF6WWdFnrg53_nuiP3fnxB6Os_ur5bZYS5U3wKUUSyDCkB8NNf5Ukq5LfwIPJKR_qHXtGqVAB7NlZ6vAxg-Voxa_14QZsoITrCvaNuGpzy4guY/s1600/ivennuary-com.png'/>
Artikel <a expr:href='data:post.url'><data:post.title/></a> ini dipublish oleh <data:post.author/> pada hari <data:post.dateHeader/><br/>Terima kasih Anda telah membaca artikel tentang <strong><u><data:blog.pageName/></u></strong> , Anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel <strong><data:blog.pageName/></strong> ini sangat bermanfaat bagi Blog dan teman-teman anda, namun jangan lupa untuk meletakkan link <u><a expr:href='data:post.url'><data:blog.pageName/></a></u> sebagai sumbernya. Semoga artikel ini bermanfaat dan menambah wawasan kita semua. Jika anda menyukai Blog ini, silahkan like di facebook dan follow kami di twitter. Terima kasih atas kunjungan serta kesediaan Anda membaca dan berkomentar tentang artikel ini.
    <p><span style='float:right;font:italic 10px Arial, Sans-Serif;'><a href='http://www.ivennuary.com/2011/12/membuat-kotak-admin-di-bawah-postingan.html' target='_blank' title='Get this widget !'>:: Get this widget ! ::</a></span></p>
    <div style='clear:both;'/>
    </div>
    </div>
    </b:if>
    <!-- Kotak Admin -->

8. Ganti tulisan yang berwarna Biru dengan Link gambar atau Link logo Blog anda

9. Setelah itu klik "Save template/Simpan template" anda, dan lihat hasil-nya.

Ket: Jika anda mengerti tentang CSS anda bisa mengedit kode Script pada point 5 untuk mengedit tampilan Kotak Admin Di Bawah Postingan Blog anda.

Ditulis Oleh : Unknown ~ Studiolevi21 blog yang berisi tutorial tips trik cara buat blogger hiburan film teknologi, windows, download, gadget lifestyle kesehatan dan romantis

Artikel Kotak Admin Dibawah Postingan Blog Semoga bermanfaat bagi sobat blog. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat anda sampaikan melalui kotak komentar.