Modifikasi Profil Admin Bawah Postingan

Modifikasi Profil Admin,Buat sobat mungkin sudah sering lihat di suatu blog yang profil admin di simpan tepat di bawah postingan blog,Untuk cara memodifikasinya silahkan ikuti caranya sebagai berikut :

Langkah-langkah untuk memodifikasi wedget admin silahkah ikuti tips dibawah ini:
1. Login ke blogger anda.
2. Layout-->Edit HTML.
3. Kemudian cari kode ]]></b:skin>.
4. Vaste code Css di bawah ini tepat di atas code ]]></b:skin>

.admin {
   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 .kontainer {
   padding:5px;
   }
.admin 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 h4 a {
   color:#FEEA83;
   }
.admin img {
   width:50px;
   height:50px;
   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;
   }

5.Kemudia cari code <b:includable id='post' var='post'> Gulir ke bawah 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'>
<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/AVvXsEh2hTtEkvKz5fYtflZ70ARSPlPQcKlHbtmFE8FsNQe6H925-K1ds2DRY31ssHRWq0SlHsdmpvjMB5wPXpnrSdf44PKc51JD-oPcxPNhuHUSV6SjKLF8rfo-xSTWJqPu5m4CgskRqtAYtkMb/s100/blogger.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://rusmanedi.blogspot.com' target='_blank'>Get this widget</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Profil Admin -->

6.Kemudian "Save Template" anda dan lihat hasilnya.

Dan jika sobat ingin menambahkan "Seo smart link otomatis" pada blog sobat ikuti panduanya di sini,Selanjutnya...

Advertisement