Melalui Edit HTML :
Oke saya rasa tidak perlu panjang lebar, ayo di mulai...
Seperti biasa, langkah pertama yang harus kamu lakukan adalah masuk dahulu ke blogger.com menggunakan akun kamu, kemudian.
Ikutilah langkah-langkah di bawah ini :
Ingat : Sebelum kamu mengedit HTML, sebaiknya BACKUP dulu template blog kamu.
1. Klik Template.
2. Klik Edit HTML.
3. Klik Di Dalam Kotak Template Kamu.
4. Cari Kode (agar lebih mudah mencari kode di kotak template kamu, gunakan tombol ctrl+f » 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;
}
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;
}
- Warna purple 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 TIGA 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 == "item"'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <b><data:post.author/></b> » Di Sini Adalah Inspirasi Untuk Sobat Blogger Semua.</h4>
<div class='kontainer'>
<img alt='Eno Sutrisno' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNtvtipAeYQXZGSFc6ZVIyNnERFXBKmWmG5S5HlXmWhKe9oUdoRpKFSlNN7YHq6ATQjqFDhshYpBv7USkS92BXDT4nvmHY4tUuOVe_FeotP0SKjkGqbKYeULGFX7JvupjlY8ovOzqtr4M/s1600/Eno+Sutrisno.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'><a href="<data:post.url/>" target="_blank"><data:blog.pageName/></a></textarea>
<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'>
<a href='http://tutorial-blog-eno.blogspot.com/2014/10/cara-membuat-kotak-admin-kotak-permalink-di-blog.html' target='_blank'>[Mau Seperti Ini?]</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Permalink -->
<b:if cond='data:blog.pageType == "item"'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <b><data:post.author/></b> » Di Sini Adalah Inspirasi Untuk Sobat Blogger Semua.</h4>
<div class='kontainer'>
<img alt='Eno Sutrisno' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNtvtipAeYQXZGSFc6ZVIyNnERFXBKmWmG5S5HlXmWhKe9oUdoRpKFSlNN7YHq6ATQjqFDhshYpBv7USkS92BXDT4nvmHY4tUuOVe_FeotP0SKjkGqbKYeULGFX7JvupjlY8ovOzqtr4M/s1600/Eno+Sutrisno.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'><a href="<data:post.url/>" target="_blank"><data:blog.pageName/></a></textarea>
<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'>
<a href='http://tutorial-blog-eno.blogspot.com/2014/10/cara-membuat-kotak-admin-kotak-permalink-di-blog.html' target='_blank'>[Mau Seperti Ini?]</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Permalink -->
Keterangan :
- Warna aqua adalah teks, silahkan kamu ganti dengan selera yang kamu mau.
- Warna orange adalah judul blog, silahkan kamu ganti dengan selera yang kamu mau.
- Warna lime adalah ALT gambar, silahkan kamu ganti dengan selera yang kamu mau.
- Warna fuchsia adalah URL gambar, silahkan kamu ganti dengan selera yang kamu mau.
- Warna red 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.
█████████████████████████████████████████████████████████████████
Jangan Lupa Like, Comment & Share Artikel Ini Ya » Terima Kasih Atas Kunjungannya » Salam : Eno Sutrisno
