KLIK

Cara Membuat Kotak Admin Di Blog

4.5
Untuk membuat Blog kita menjadi lebih baik dan komunikatif itu banyak sekali caranya.
Salah satunya dengan membuat / memberi Kotak Admin dibawah Postingan yang berisi keterangan dari Admin / Author Blog tersebut tentang artikel yang di postingnya.



Baiklah, pada postingan kali ini saya akan mengshare Cara Membuat Kotak Admin Di Blog.

Berikut caranya :

1.       Masuk Ke Dasbor

2.       Pilih dan Klik Rancangan

3.       Klik Edit HTML

4.       Beri tanda centang pada kotak Expand Template Widget

5.       Cari kode <div class='post-footer-line post-footer-line-1'>  di dalam template anda
(Gunakan CTRL + F, agar lebih mudah dalam pencarian)

<!-- 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> ~ Deskripsi Blog</h4>
<div class='kontainer'>
<img src='http://litbangv2.senta-corp.com/uploaded/icon/Profil_Peneliti.png'/>
Artikel <a expr:href='data:post.url'><data:post.title/></a> ini diposting oleh <data:post.author/> pada hari <data:post.dateHeader/>. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat anda sampaikan melalui kotak komentar.
<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'><a href='http://ubed-ubloseven.blogspot.com/2012/01/cara-membuat-kotak-admin-di-blog.html' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Kotak Admin -->

6.       Copy kode diatas berikut dan Pastekan tepat diatas kode <div class='post-footer'>

7.       Kemudian cari kode ]]></b:skin> pada template anda
(Gunakan CTRL + F, agar lebih mudah dalam pencarian)

8.       Copy kode dibawah ini dan Pastekan diatas kode ]]></b:skin>. Jika gagal anda juga dapat meletakkan kode dibawah ini 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;
}

9.       Klik Simpam Template


Begitulah gambaran dari Cara Membuat Kotak Admin Di Blog.
Baca juga Cara Membuat Animasi 3D Cubes.
Semoga ilmu ini bermanfaat. Terima Kasih.
Klik jika artikel ini bermanfaat
UBLO SEVEN

Post Author : M. Arief Ubaidillah

Terimakasih atas kunjungan dan kesediaan anda membaca artikel ini. Kritik dan Saran dapat anda sampaikan melalui Kotak Komentar di bawah ini atau di Facebook (Muhammad Arief Ubaidillah) bisa juga di Twitter (@ubeeed).

4 comments:

Unknown said...

mantab...

Unknown said...

@tarsidi centra makasi mas BLO :D

Mochammad Buyung said...

sadasdas

Ade Putra Blog said...

wah thx artikelnya gan, bermanfaat banget

Komentar Anda Sangat Bermanfaat

Silahkan Berkomentar !

 
The Official Website Of Arief Ubaidillah
Copyright© 2013 UBLO SEVEN™ | Use Chrome To The Maximum Result