Thursday, October 11, 2012

Cara bikin Profil Admin di bawah postingan blogspot

Tutorial-Onlineku.buat sobat mungkin sudah sering lihat di suatu blog yang profil admin di simpat tepat di bawah postingan blog,Untuk triknya silahkan iikuti cara brikut ini.

Langkah-langkah untuk membuat menu multi kolom silahkah ikuti seperti dibawah ini:
1. Login ke blogger anda
2. Layout-->Edit HTML
3.Centang EXPAN WIDGET
3. Kemudian cari kode ]]></b:skin>
4. Vaste code css di bawah ini tepat di atas code ]]></b:skin> dan jika gagal vaste code css tepat di bawah code <data:post.body/>

.admin-penulis {
display:block;
width:auto;
background:#defdef;
padding:0;
margin:30px 0 10px 0;
font:normal 12px Arial, Sans-Serif;
color:#222;
border:2px solid #fff;
box-shadow:0 1px 3px #000;
-moz-box-shadow:0 1px 3px #000;
-webkit-box-shadow:0 1px 3px #000;
}

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

.admin-penulis h4 {
background:#699019;
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-penulis h4 a {
color:#FEEA83;
}

.admin-penulis img {
width:70px;
height:70px;
margin:0 10px 0 0;
float:left;
border:1px solid #954B02;
padding:2px;
background:#ffffff;
box-shadow:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
}

Kemudia cari code <div class='post-footer'> jika sudah ketemu vaste code di bawah ini tepat di atas code <div class='post-footer'>

<b:if cond='data:blog.pageType == "item"'>
<div class='admin-penulis'>
<h4>Ditulis Oleh : <a expr:href='data:blog.homepageUrl'><b><data:post.author/></b></a></h4>
<div class='kontainer'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHUtUlcj5UtZHWXt2Fl7j02nfK53uPRwj9ukpewvy9DM-8rKFmHoDnTV7K6Q8wQmveN0wz65m-ZO24LGHHozpALcQF73rkmU6qlIPghbVzdVc0kyByqpXwDAWMPqQRn3ePtQQZ1198Pf_v/s1600/favicon.png'/>
Artikel <a expr:href='data:post.url'><i><data:post.title/></i></a> ini ditulis oleh <b><data:post.author/></b> pada hari <i><data:post.dateHeader/></i>. Terimakasih atas kunjungan Anda pada blog ini. Kritik dan saran tentang <b><data:post.title/></b> dapat Anda sampaikan melalui kotak komentar dibawah ini.
<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'><a href='http://www.wakrizki.net/2012/02/cara-membuat-profil-admin-dibawah.html' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>

Kemudian Save talplate anda dan lihat hasilnya.

Dan kalau inigin di tambah widget menu multi coolom silahkan keli di ( sini<<=======

Judul: Cara bikin Profil Admin di bawah postingan blogspot; Ditulis oleh Unknown; Rating Blog: 5 dari 5