Home » » Tutor membuat profil admin di bawah potingan

Tutor membuat profil admin di bawah potingan

Written By mediana saputra on Friday, 30 November 2012 | 01:55

Bismillahirrohmanirrokhim ..

"Tutor membuat profil admin di bawah potingan" ini, salah satu fungsinya adalah sebagai ucapan terimakasih kepada para pengunjung bLog sobat , juga bisa sebagai penghias halaman posting .. atau bisa juga di ubah fungsinya menurut selera sobat ..

Langkah"nya ..

1. Login ke Blogger Sobar ==> Dasbor ==> template ==> Edit HTML ==> Teruskan dan centang kotakan kecil di atas ..

2. Cari code  <div class='post-footer'> [untuk memudahkan pencarian pencet F3 Di keybord sobat]

3. Bila sudah ketemu , taruh code di bawah ini, tepat di atas nya ..

Untuk melihat file Click Spoiler

<!-- 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='http://i1223.photobucket.com/albums/dd514/nicro2/th_images.jpg'/>
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://galaxitutorial.blogspot.com/' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Profil Admin -->

Cat : Silakan Edit Semua code yg saya tandai dengan warna merah menurut selera sobat ..

4. Kemudian cari code ]]></b:skin>

5. Bila sudah ketemu silakan taruh Code di bawah, ini tepat di atas nya ..

Untuk melihat file Click Spoiler

.admin-penulis {
   display:block;
   width:auto;
   background:CFC9C9;
   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;
   }

6. Click Pratinjau , bila tidak ada yg error .. silakan Click "simpan template" dan lihat hasilnya

Sampai di sini dulu artikel saya tentang "Tutor membuat profil admin di bawah potingan" semoga bermanfaat untuk kita semua ..

dan semoga Rahmat serta Hidayah-NYA selalu tercurah untuk ita semua .. amin ..

Sumber :  http://www.wakrizki.net

Share this article :

Post a Comment

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Turorial Grapich Design and Blog Design - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger