Related Posts Plugin for WordPress, Blogger...

Terima kasih anda sudah berkunjung di Website KREASI | Sebuah Kreasi yang mencoba memberikan pengetahuan untuk melangkah dalam masa depan yang Gemilang | Jangan Lupa Tinggalkan Komentar Anda |

Minggu, 23 Desember 2012

membuat Kotak Admin di Blog

Asalamu'alaikum sobat semua, udah lama banget ya rasanya saya ndak muncul dari dunia mayya.... cieee.... :(
ya, udah lama gak buka blog, ya ampuuun.... banyak sarang laba-labanya, ada rumah kalajengking nya lagi,, hehehe.... hmmmsss.... dari pada gak posting2 mending posting2 sesuatu sapa tau ada yang minat baca, semoga bermanfaat ya sob.... oke silahkan baca

Cara Membuat Kotak Admin Di Blogspot :

1Login ke dashboard blogger anda.
  Pilih Rancangan >> Edit HTML, centangExpand template widget.
3    Cari kode <divclass='post-footer'> pada template.
4   Copy script kotak admin dibawah ini dan paste tepat di atas kode <div class='post-footer'>.
<!-- Kotak Admin -->
<b:if cond='data:blog.pageType ==&quot;item&quot;'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <a expr:href='data:blog.homepageUrl'><data:post.author/></a>~ BIODATA YANG AKAN DI PAPARKAN</h4>
<div class='kontainer'>
<img src='https://lh5.googleusercontent.com/-AyTbO3Q6WVc/ULLthvQo06I/AAAAAAAAANw/1DaL_TAwEhA/s128/LDK.jpg '/>
Artikel <aexpr:href='data:post.url'><data:post.title/></a>ini diposting oleh <data:post.author/> pada hari<data:post.dateHeader/>. Terimakasih atas kunjungan Anda serta kesediaanAnda membaca artikel ini. Kritik dan saran dapat anda sampaikan melalui kotak komentar.
<p><span style='float:right;font:italic10px Arial, Sans-Serif;'><ahref='mediaalishlah.blogspot.com'target='_blank'</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Kotak Admin -->
5.      Kemudian cari lagi kode ]]></b:skin>pada template sobat.
6.      Copy kode CSS dibawah ini dan paste tepat diataskode ]]></b:skin>. Jikagagal sobat dapat juga meletakkan kode CSS tadi tepat dibawah kode <data:post.body/>.
.admin-tulisan{
display:block;
width:auto;
background:#CFE2E0;
border:2px solid #fff;
box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px#000;-webkit-box-shadow:0 1px 3px #000;
padding:0;
margin:30px 0 10px 0;
font:normal 12px Arial, Sans-Serif;
color:#222;
}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{
background:#8A9C04;
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-tulisan h4 a{color:#FEEA83;}
.admin-tulisan img{
width:70px;
height:70px;
margin:0 10px 0 0;
float:left;
border:1px solid #954B02;
padding:2px;
background:#C36702;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
}
7.      Silahkan ganti link URL gambar profil yangberwarna merah dengan link gambar profil sobat.Jika sobat ingin menuliskan dengan kata-kata ulasan yang lain, ganti/edit dulu kata-kataulasannya di notepad.
8.      Untuk jenis font, warna background dan border jugadapat sobat ganti/edit sesuai keinginan.
9.      Preview dulu hasil kotak admin yang dibuat. Jikaediting sudah dirasa cukup, Save/Simpan template anda.
semoga bermanfaat.....

4 komentar:

  1. Mantab sobb..
    aku coba yeah

    BalasHapus
  2. Selahkan gan.... sedot aja...

    BalasHapus
  3. maksie infonya,,,, smoga sukses gannn.....

    ditunggu umpan baliknya
    vimax-shop.blogspot.com

    BalasHapus

Silakan berkomentar dengan baik dan sopan. Untuk berkomentar anda bisa gunakan format di bawah ini.
Format untuk komentar:
1. Pilih profil sebagai Name/URL
2. Isikan nama anda
3. Isikan URL (Blog/Website/Facebook/Twitter/Email /Kosongkan)
4. Isikan komentar
5. Poskan komentar