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'>

<!-- Profil Admin -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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/AVvXsEivBElaFH1fc6vd00K851NgjUSFlWDNOvggVFwpda0xhHlc7n_P9GBp-Q0QQr3jFPNiSuLQk4DbiQ_apwEqHWhVMj3xo8KlqGXARad-7noyqX5ErY9L0oMGc4qUwgiAm7bndhqUc5xUuLFS/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>
<!-- Profil Admin -->

Kemudian Save talplate anda dan lihat hasilnya.

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

Ditulis Oleh : Anonymous

Artikel Cara bikin Profil Admin di bawah postingan blogspot ini ditulis oleh Anonymous pada hari . Terimakasih atas kunjungan Anda pada blog ini. Kritik dan saran tentang Cara bikin Profil Admin di bawah postingan blogspot dapat Anda sampaikan melalui kotak komentar dibawah ini.

:: Get this widget ! ::

Anda sedang membaca artikel tentang Cara bikin Profil Admin di bawah postingan blogspot dan anda bisa menemukan artikel Cara bikin Profil Admin di bawah postingan blogspot ini dengan url http://tutorial-onlineku.blogspot.com/2012/10/cara-bikin-profil-admin-di-bawah.html. Anda boleh menyebarluaskan atau mengcopy artikel Cara bikin Profil Admin di bawah postingan blogspot ini jika memang bermanfaat bagi anda atau teman-teman anda,namun jangan lupa untuk mencantumkan link sumbernya.Tutorial Onlineku | Tutorial Blogspot | Tutorial Blogger | Tutorial Bagi Fomula

Share :