Powered by Blogger.

» » Cara Membuat Permalink Atau Kotak Admin Di Blog

Cara Membuat Permalink Atau Kotak Admin Di Blog

Posted by 123ajah

Kotak Admin atau Kotak Permalink mempunyai peran yang cukup penting di blog kita, dimana berisikan keterangan dari penulis atau author blog yang berisi tentang artikel yang ditulisnya, Deskripsi atau ulasan di kotak keterangan dari admin (penulis atau author) ini bisa sobat kreasikan lagi, dan katanya bisa untuk memperkuat kata kunci artikel tersebut.

membuat permalink atau kotak admin di blog

Nah jika sobat tertarik ingin memasangnya di blog sobat berikut caranya :
1. Masuk ke blogger
2. Lalu ke Template > Edit HTML
3. Letakkan kode dibawah ini tepat diatas kode ]]></b:skin>
.admin-tulisan{
display:block;
width:auto;
background:#FFF;
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;
}
4. Jangan disimpan dulu, letakkan kode dibawah ini tepat dibawah <div class='post-footer'> atau diatas artikel terkait, pokoknya letakkan dibagian bawah bagian artikel blog sobat
<!-- 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 Anda</h4>
<div class='kontainer'>
<img src='http://lh4.googleusercontent.com/-qosxp_0R_jI/AAAAAAAAAAI/AAAAAAAABWQ/P8eOl9bOWtw/s512-c/photo.jpg'/>
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://agan-tutorial.blogspot.com/2014/06/cara-membuat-permalink-atau-kotak-admin-di-blog.html' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Kotak Admin -->
Silahkan dikreasikan lagi tulisan yang berwarna biru diatas

5. Sekarang Simpan Template sobat

Semoga Bermanfaat.

Related Post




Post a Comment