Cara Membuat Kotak Admin di Bawah Postingan Blog
Cara Membuat Kotak Admin Dibawah Postingan Blog, setelah saya share tutorial Cara Membuat Tulisan Diatas Kotak Komentar kali ini saya kembali posting tutorial Cara Membuat Kotak Admin di Bawah Postingan Blog. Kalau yang satu ini rada gampang2 susah sobat, jadi sobat harus sedikit teliti. Langsung saja berikut Cara Membuat Kotak Admin di Bawah Postingan Blog saya bagikan ke sobat - sobat sekalian :
1. Login blogger dulu sobat
2. Pilih Rancangan , lalu Edit HTML
3. Centang Expand Template Widget
4. Cari kode berikut <div class='post-footer'>
5. Copy script dibawah ini tepat diatas <div class='post-footer'>
<!-- Kotak Admin -->
<b:if cond='data:blog.pageType == "item"'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <a expr:href='data:blog.homepageUrl'><data:post.author/></a> ~Description Blog Sobat</h4>
<div class='kontainer'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeuaU6hoDNaUz0OhmjX8NGrvWCQZU5DaBq-8ZkPM5zj3glcAUh4Jt3aMtl_ciZID7V7q8A9JjdIGqDMvCo9TeCHrg3Jk6Xk5feY0O0r7kpj9GvrcjrL6CPx2dAL8uGNSD4qUjhfHieQMe1/s640/220120121343.jpg'/>
Terimakasih anda telah membaca artikel <a expr:href='data:post.url'><data:post.title/></a> ini diposting oleh <data:post.author/> pada hari <data:post.dateHeader/>. Dan saya ucapkan juga terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat anda sampaikan melalui kotak komentar. Semoga Bermanfaat untuk anda.
<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'><a href='#' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Kotak Admin -->
6. Selanjutnya cari lagi kode berikut ]]></b:skin>
7. Copy kode CSS dibawah ini tepat diatas ]]></b:skin> , Jika gagal sobat dapat juga meletakkan kode CSS tadi tepat dibawah kode <data:post.body/>.
.admin-tulisan{
display:block;
width:auto;
background:#FFFFFF;
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-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{
background:#8A9C04;
border:none;
border-bottom:1px solid #699019;
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-tulisan h4 a{color:#FFFFFF;}
.admin-tulisan img{
width:70px;
height:70px;
margin:0 10px 0 0;
float:left;
border:1px solid #FFFFFF;
padding:2px;
background:#FFFFFF;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
}
8. Silahkan sobat ganti tulisan berwarna merah dengan description blog sobat dan gambar sobat.
9. Untuk Jenis font dan Warna silahkan sobat edit sendiri tak apa.
10. Jangan lupa Save Template yah!
Terimakasih anda telah membaca artikel Cara Membuat Kotak Admin di Bawah Postingan Blog Silahkan baca artikel Yepi Share Everything Tentang
Blogger
|
Tutorial Blog
Yang lainnya. Dan saya ucapkan juga terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat anda sampaikan melalui kotak komentar. Semoga Bermanfaat untuk anda.
Jangan Lupa Gabung Bersama Kami Dengan Like Facebook Di Bawah Ini :
5 komentar:
wah..padahal ini postinganny bagus n kratif bget...tapi kog ga da yg komen yah..??
btw, mampir ke blog ane y sob di
Sepeda Motor Injeksi Irit Harga Terbaik Cuma Honda • Tips Blog • Hitsuke
Tips dan trik yang bagus, mohon ijin untuk share dan mempraktekkannya, salam kenal dan persahabatan
Saya sudah coba, tapi slalu gagal gan knp ??
Belajar script biar cepat memahami gmn sob caranya
Wah, bagus gan artikelnya.Moga bisa berhasil nih tipsnya.Thanks gan
Posting Komentar
Jangan lupa tinggalkan komentar anda disini dan gunakan kata-kata yang bijak dalam berkomentar. Dilarang keras memasukkan segala bentuk link dalam komentar, karena itu dianggap SPAM