Cara Membuat Kotak Admin + Kotak Permalink Di Blog

selamat sore sobat, kali ini saya mau share tentang cara menampilkan kotak permalink di blog nih,.

tanpa basa basi langsung aja yah

Ikutilah langkah-langkah di bawah ini :

Ingat : Sebelum kalian mengedit HTML, sebaiknya BACKUP dulu template blog kamu.

1. Klik Template.
2. Klik Edit HTML.
3. Pilih Format Template.
4. Cari Kode (agar lebih mudah mencari kode di kotak template kamu, gunakan tombol ctrl+f » tunggu sebentar » jika berhasil maka akan terlihat Di Dalam Kotak Template Kamu).

» Cari kode : ]]></b:skin>
» Setelah kode tersebut sudah ditemukan, silahkan pasang kode di bawah ini tepat di atasnya.

.admin-tulisan{
width:auto;
background:#f2f2f2;
border:2px solid #000000;
margin:30px 0 10px 0;
display:block;
font-family:"julee";
color:#000;
}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{
background:#FF0000;
border:none;
border-bottom:1px solid #000000;
color:#fff;
font-family:"julee";
text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
padding:5px 10px;
margin:0 0 0 0;
display:block;
}
.admin-tulisan h4 a{color:#000000;}
.admin-tulisan img{
background:#000000;
width:90px;
height:100px;
border:1px solid #000000;
margin:3px 10px 0 0;
float:left;
padding:2px;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
}

Keterangan :

• Warna ungu adalah kode warna, silahkan kamu ganti dengan selera yang kamu mau. agar lebih mudah menemukan kode warna yang kamu inginkan : Klik Di Sini

» Cari kode : <data:post.body/> pada template saya ada dua kode tersebut dan saya pilih kode yang kedua.
» Setelah kode tersebut sudah ditemukan, silahkan pasang kode di bawah ini tepat di bawahnya.

<!-- Permalink -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <b><data:post.author/></b> Share Pengetahuan :)</h4>
<div class='kontainer'>
<img alt='Fikriansyah' src='http://i945.photobucket.com/albums/ad297/fikriansyah1/9w3_64n93tz5_zps8d668923.jpg'/>
Saat ini kamu sedang membaca artikel tentang <b><a expr:href='data:post.url'><data:post.title/></a></b>.  silahkan kamu Copy-Paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link di bawah ini sebagai sumbernya. INGAT : saling menghargai kreatifitas sesama sobat blogger oke.
<textarea cols='50' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='1'>&lt;a href=&quot;<data:post.url/>&quot; target=&quot;_blank&quot;&gt;<data:blog.pageName/>&lt;/a&gt;</textarea>
<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'>
<a href='http://fikriansyah660.blogspot.com/2013/11/cara-membuat-kotak-admin-kotak.html' target='_blank'>:: Mau Widget Ini? ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Permalink -->

Keterangan :

• Warna orange adalah judul blog, silahkan kamu ganti dengan selera yang kamu mau.
• Warna hijau adalah ALT gambar, silahkan kamu ganti dengan selera yang kamu mau.
• Warna ungu adalah URL gambar, silahkan kamu ganti dengan selera yang kamu mau.
• Warna merah adalah pesan-pesan blog, silahkan kamu ganti dengan selera yang kamu mau.

5. Sebelum Kamu Klik Simpan Template, sebaiknya kamu klik Pratinjau Template terlebih dahulu untuk memeriksanya.
6. Jika Sudah Oke » Klik Simpan Template.

Selamat Mencoba, Semoga Berhasil & Mudah-Mudahan Bermanfaat :)