Be The First Of the Best...!!!!

Membuat Panel Admin Dibawah Postingan

Share on :
Untuk Hari Ini IGD BLOGGER Mempunyai satu ilmu yang mungkin berguna untuk kalian para Blogger Newbie terutama saya juga. Ok langsung saja materi kita kali ini Cara Membuat Panel Admin Dibawah Postingan atau Artikel. Berikut Screenshot-nya untuk anda ...



Langsung ke intinya ya...

1. Login ke BLOGGER sobat, Masuk ke editan Themplate.
2. Edit HTMLnya. jangan Lupa Contreng expand widgetnya.
3. Cari kode <div class='post-footer'>
Supaya lebih mudah, Tekan tombol kombinasi Ctrl + F lalu ketikkan <div class='post-footer'>
Jika sudah ketemu, Masukkan kode dibawah ini Tepat diatasnya.


<!-- 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://fixitwizkid.com/attachments/android-collectible-blackbeard-300x300-png.3161/'/>
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://sak-lawase.blogspot.com/2012/08/membuat-panel-admin-dibawah-postingan.html' target='_blank'>:: Pengen Punya kaya gini?? ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Profil Admin -->

Jika sudah, ganti Url warna merah dengan Url image profil sobat atau Url gambar yang dipengenin, Saya sarankan Ukurannya 300x300 pixel.
4. Jika sudah cari kode ]]></b:skin>
lalu pasang kode dibawah ini tepat diatasnya.
.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;
   }


5. Terakhir adalah save template.
Selamat Mencoba Kawan...Salam IGD BLOGGER

Ditulis Oleh : Khoerul Warisin

Artikel Membuat Panel Admin Dibawah Postingan ini ditulis oleh Khoerul Warisin . Terimakasih atas kunjungan Anda pada blog ini. Kritik dan saran tentang Membuat Panel Admin Dibawah Postingan dapat Anda sampaikan melalui kotak komentar dibawah ini.

2 komentar on Membuat Panel Admin Dibawah Postingan :

materi teknik tkj mengatakan... 14 Agustus 2012 23.13

Gud Dofollow gan...!!
ttip links hahaha blogwalking
http://materi-tekniktkj.blogspot.com/

erosalrasyd mengatakan... 13 Maret 2013 08.36

Info yang sangat bermanfaat buat newbie seperti saya...
Terima Kasih Gan

► ► SILAHKAN COMMENT DI BLOG DOFOLLOW INI ◄ ◄

 


BLOG DOFOLLOW