Sabtu, 31 Maret 2012
Sabtu, Maret 31, 2012
|
Cara membuat kotak admin dibawah postingan, Sesuai permintaan saudara nanang ismail yang bertanya bagaimana cara membuat kotak admin dibawah postingan seperti punya agan. Sekarang saya jawab Caranya sebagai berikut ini.
1. Login blog anda kemudian menuju menu edit HTML
2. Beri centang pada Expand widget tempalte
3. Cari kode dibawah ini dengan menekan F3 atau CTRL+F agar lebih mudah dalam mencari kodenya
]]></b:skin>
Bila kode diatas sudah ditemukan letakan kode dibawah ini tepat diatasnya
.admin-tulisan{
display:block;
width:auto;
background:#666666;
border:2px solid #999999;
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:#999999;
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;
}
display:block;
width:auto;
background:#666666;
border:2px solid #999999;
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:#999999;
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;
}
4. Sekarang tinggal anda ingin meletakan kotak admin tersebut dibagian mana, misalkan dibawah postingan cari kode dibawah ini.
<data:post.body/>
Bila blog anda sudah ada readmore nya silahkan <data:post.body/> ada dibawah tulisan readmorecopy kode dibawah ini dan letakan dibawah kode <data:post.body/>
<!-- Kotak Admin -->
<b:if cond='data:blog.pageType == "item"'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <a expr:href='data:blog.homepageUrl'><data:post.author/></a> ~ Tutorial Blog, Tips, Trik, Download</h4>
<div class='kontainer'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgL77k2cyA9tkmKhyphenhyphenQ8kmbQPvGZuZ6r6b9l9D5FITBeUN5vM2BMnn_g9JcGEyL-uWEdce4LBGQAFhcwtNQ-9VPpaMLTY67K_7HtmTV8FPSzjb5gATcouxIB5WbIqQ3hXcQxzU3viuvnaKAR/s220/madiuncoolinuk.jpg'/>
Artikel <a expr:href='data:post.url'><data:post.title/></a> Semoga bermanfaat bagi sobat blog. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat anda sampaikan melalui kotak komentar.
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Kotak Admin -->
<b:if cond='data:blog.pageType == "item"'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <a expr:href='data:blog.homepageUrl'><data:post.author/></a> ~ Tutorial Blog, Tips, Trik, Download</h4>
<div class='kontainer'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgL77k2cyA9tkmKhyphenhyphenQ8kmbQPvGZuZ6r6b9l9D5FITBeUN5vM2BMnn_g9JcGEyL-uWEdce4LBGQAFhcwtNQ-9VPpaMLTY67K_7HtmTV8FPSzjb5gATcouxIB5WbIqQ3hXcQxzU3viuvnaKAR/s220/madiuncoolinuk.jpg'/>
Artikel <a expr:href='data:post.url'><data:post.title/></a> Semoga bermanfaat bagi sobat blog. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat anda sampaikan melalui kotak komentar.
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Kotak Admin -->
Keterangan:
Warna kuning : Silahkan ganti dengan title blog anda
Warna hijau : ganti dengan URL/alamat gambar foto anda
Warna merah : Silahkan ubah dengan kata2 yang ingin anda sampaikan
Setelah selesai silahkan save template anda dan silahkan di cek sudah berhasil atau belum bila belum berhasil kemungkinan salah saat meletakan kode. Selamat mencoba.
Langganan:
Posting Komentar
(Atom)
Blog Archive
-
▼
2012
(25)
- ► 07/29 - 08/05 (3)
- ► 07/22 - 07/29 (1)
- ► 05/27 - 06/03 (1)
-
▼
03/25 - 04/01
(16)
- CARA NANAM CABAI
- Cara Membuat Pupuk Cair Organik
- Cara membuat kotak admin dibawah postingan di blog
- Cara Mendapatkan API Key Facebook
- Cara Mudah Pasang Gadget Buku Tamu di Blog
- Pasang Buku Tamu Tersembunyi Di Blogger
- Kumpulan Hadits Petujuk
- Tips Cara Memotivasi Anak Untuk Giat Belajar Dan ...
- Kumpulan Do’a _ Do'a
- Cara Meningkatkan Motivasi Belajar Anak Didik.
- Sofware Mengajak Anak Belajar Serasa Bermain
- Kumpulan Sofware Islami
- Cara Mengistal Windows Vista lengkap dengan gambarnya
- Cara Instal Windows 7 Lengkap dengan Gambar
- Cara lengkap instalasi windows xp sp2
- Cara Membuat Tulisan berjalan di Blogspot
- ► 03/18 - 03/25 (1)
- ► 03/11 - 03/18 (3)
0 komentar:
Posting Komentar