Cara Membuat Kotak Admin Dibawah Postingan

Cara Membuat Kotak Admin Dibawah Postingan - Informasi kepemilikan situs atau blog memang sangat penting, tapi tidak semua dari juragan tentu tahu cara membaut kotak informasi admin atau admin box yang dibuat diakhir postingan. Pada artikel ini kita akan bahas bagaimana cara membuat kotak admin dibawah postingan.

Mari kita langsung bahas juragan ~ 

1. Buka HTML

2. Cari kode  ]]></b:skin>

3. Tempatkan kode dibawah ini di atas kode  ]]></b:skin>

.admin-text{

display:block;

width:auto;

background:#CFE2E0;

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;

}

.admin-text .kontainer{padding:5px;}

.admin-text h4{

background:#3D3D3D;

border:none;

border-bottom:1px solid #FFFFFF;

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;

}

.admin-text h4 a{color:##FFFFFF;}

.admin-text img{

width:70px;

height:70px;

margin:0 10px 0 0;

float:left;

border:1px solid #FFFFFF;

padding:2px;

background:#3D3D3D;

box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;

}

4. Setelah itu coba cari kode <div class='post-footer'>

5. Lalu tempatkan kode dibawah ini diatas kode <div class='post-footer'> 

<!-- Box Admin -->

<b:if cond='data:blog.pageType == "item"'>

<div class='admin-text'>

<h4>

Ditulis Oleh : <a expr:href='data:blog.homepageUrl'><data:post.author/></a> ~Anda sedang membaca Artikel tentang</h4>

<div class='kontainer'>

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI_hSj7947WY0R7aNf2b_LQotRrY6fmgwwWdi9-VSOGzNmPuNO2yYHcAwoSH9IJRBOB_5ZYtAygJ7UaTOsFpL41v-sysnyxnOilYt3ZS10jgHpy4gth6YGfv9CPM2qNKeaOHRYOqaWNSo/s1600/IMG00266-20120908-1639.jpg'/>

Artikel <a expr:href='data:post.url'><data:post.title/></a> ini diposting oleh <data:post.author/> Pada Tanggal <data:post.dateHeader/>. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan Saran dapat Anda sampaikan melalui kotak komentar. Dilarang Mengcopy Artikel Tanpa sepenge tahuan Admin atau Tidak menyertakan Link Sumber Dimana Artikel Berasal. Jika, Melanggar, Link Akan Di laporkan dan Akan Di hapus.

<div class='backlink'>

<textarea  onclick='this.focus();this.select();' readonly='readonly' style='height:18px;' title='Press CTRL+C to copy'><a expr:href='data:post.url' target='_blank'><data:post.title/></a></textarea>

</div>

<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'>

<a href='http://your-belajarblog.blogspot.com/2013/01/cara-membuat-kotak-admin-di-blogger.html' target='_blank'>:: Get this widget ! ::</a></span></p>

<div style='clear:both;'/>

</div>

</div>

</b:if>

<!-- Box Admin -->

Anda harus merubah kode yang berwarna merah dengan URL kode gambar anda, anda juga bisa merubah kalimat yang terdapat diatas sesuai dengan yang anda inginkan. 

Kalau juragan menyukai artikel ini, juragan juga pasti menyukai artikel : Mempercantik Blog Dengan Blockquote Keren

Cara Membuat Kotak Admin Dibawah Postingan 2014-01-09T01:24:00+07:00 Rating: 4.5 Diposkan Oleh: Unknown