Cara Memasang Widget Kotak Admin Di Setiap Postingan Di Bawah Postingan Blog Dengan Mudah - Corps Zone

Cara Memasang Widget Kotak Admin Di Setiap Postingan Di Bawah Postingan Blog Dengan Mudah - Corps Zone

Postingan Kali Ini Saya Ingin berbagi cara Memasang Kotak Admin Di Blog Dengan Cara yang mudah dan Simple pasti nya .

Buat sahabat blogger yang ingin memasang kotak Admin ini berada di setiap postingan anda .
Ikuti langka langkah nya sebagai berikut .

1.Pertama Masuk Ke Dasbor bloger anda .
2.'Pilih  Tempelate > Edit HTML
3.Gunakan CTRL + F Untuk Memudahkan pencarian .
4.Sebelum nya Backup dulu semua data Blog anda , bagi yang belum tau cara nya bisa baca di artikel tetangga sebelah DISINI
5.Setelah Membackup semua Data blog anda Ikuti cara di selanjutnya .
6.Cari Kode Cript Ini : ]]></b:skin>
7. Jika Sudah ketemu , Paste kan Kode Di bawah ini , Tepat Di atas kode : ]]></b:skin>

.admin-tulisan{
    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;
    }
    .admin-tulisan .kontainer{padding:5px;}
    .admin-tulisan h4{
    background:#0000FF;
    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;
    }
    .admin-tulisan h4 a{color:#FEEA83;}
    .admin-tulisan img{
    width:70px;
    height:70px;
    margin:0 10px 0 0;
    float:left;
    border:1px solid #000000;
    padding:2px;
    background:#000000;
    box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
    }

Contoh nya seperti gambar di bawah ini biar lebih jelas . ( KLIK GAMBAR UNTUK MEMPERBESAR )

8.Jika Sudah benar , Klik Simpan Tempelate Dulu ,
9.Sekarang Cari Kode Cript : <div class='post-footer'> 
10.Paste Kan Kode Di bawah ini . Tepat Di Atas Kode : <div class='post-footer'>
 

<!-- Kotak Admin -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='admin-tulisan'>
<h4>Di Posting Oleh : <a expr:href='data:blog.homepageUrl'><data:post.author/></a> ~ http://corpszone.blogspot.com/</h4>
<div class='kontainer'>
<img src='http://3.bp.blogspot.com/-sBvrOzpfwfI/UOCdLBNgtjI/AAAAAAAAB4E/K_xVNWTzgJY/s80/joy+kembangan.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 Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat Anda sampaikan melalui kotak komentar. Semoga Artikel <data:post.title/> ini bermanfaat.
<p><span style='float:Center;font:bold 12px Comic Sans Ms;'><a href='http://corpszone.blogspot.com/2013/07/cara-memasangmembuat-kotak-admininfo.html<!-- Kotak Admin -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='admin-tulisan'>
<h4>Di Posting Oleh : <a expr:href='data:blog.homepageUrl'><data:post.author/></a> ~ http://corpszone.blogspot.com/</h4>
<div class='kontainer'>
<img src='http://4.bp.blogspot.com/-Th5hihFKHRI/Udak5bG-TMI/AAAAAAAAA2U/ZHRps_nBrb0/s1600/580610_594304373922757_363377682_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 Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat Anda sampaikan melalui kotak komentar.Dan jika ingin mencopas Artikel ini jangan lupa berikan SUMBER nya <data:post.title/> Semoga Artikel ini bermanfaat.
<p><span style='float:Center;font:bold 12px Comic Sans Ms;'><a href='http://corpszone.blogspot.com/2013/07/cara-memasangmembuat-kotak-admininfo.html' target='_blank'><b><blink>Silahkan Klik Untuk Memasang Widget Ini!</blink></b></a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Kotak Admin --> ' target='_blank'><b><blink>Silahkan Klik Untuk Memasang Widget Ini!</blink></b></a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Kotak Admin --> 

Keterangan :
A.Kode Yang Berwarna MERAH isi dengan Url Blog Anda
B.Kode Yang Berwarna PINK/Merah Jambu isi dengan Url Gambar/Foto Anda
C.Kode Yang Berwarna Hijau Isi Dengan Kata Kata Anda Sendiri

Biar Lebih Jelas lagi lihat Gambar di bawah ini Klik untuk memperbesar gambar

 Jika sudah terpasang dengan benar Klik Simpan Templete .
Dan Lihat Hasil nya ^_^

Mudah kan ?
Selamat Mencoba , jika masih kurang jelas komentar aja di bawah .
Terimakasih .

Artikel terkait :