free counters
free counters

close
cbox

0 Cara Membuat Pofil Admin diBawah Posting

Date: 00.54
Category:
Author: Abdul Rahman
Share:
Responds: 0 Comment
Mungkin kamu pernah menjumpai sebuah web/blog yang dibawah postingannya terdapat data profil seperti gambar diatas. Nah, pada kali ini ane akan membagikan cara membuat blog/webkamu Contohmya seperti dibawah ini :

itulis Oleh : Choy Banggai

Artikel Cara Membuat Blog Hemat Energi ini ditulis oleh Choy Banggai pada hari Selasa, 21 Agustus 2012. Terimakasih atas kunjungan Anda pada blog ini. Kritik dan saran tentang Cara Membuat Blog Hemat Energi dapat Anda sampaikan melalui kotak komentar dibawah ini.. :)
Tentunya dengan ini akan membuat web/blog kamu lebih menarik dan bagus.
Ok, berikut Cara Membuat Profil Admin Dibawah Postingan Blog  Tutorial Blog 45 :

  • Login ke akun blogger kamu>Dashboard>Template>Edit html>>Lanjutkan.
  • Setelah itu Centang EXPAND WIDGET TEMPLATES
  • Kemudian kamu cari kode <div class='post-footer'>, untuk memudahkan pencarian tekanCtrl+F lalu cari kode tadi.
  • Setelah ketemu, letakkan kode dibawah ini tepat di atas kode <div class='post-footer'>
<!-- 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='
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnp9xmgsdvFJ3pmxx5Mh-d3PWE-gok_Z88mVMrTASUmSIWrz6n-F5ao9VxcTblXMvWy7Tj-JopMWCBzU2KuLL6LKUFiHU764P7OrcvXab0fHIRN-rY4X8NMPVYswuhv9us7dR4HqnUPXok/s1600/favicon.png'/>
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://tutorialblog45.blogspot.com/2012/08/cara-membuat-pofil-admin-dibawah-posting.html
' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Profil Admin -->

Ket : ganti kode yang berwarna biru dengan direct link image foto kamu.

Kemudian cari lagi kode ]]></b:skin>, setelah ketemu letakkan kode CSS dibawah ini tepat diatas kode ]]></b:skin> 

.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;
}



Save or Simpan Tempelate & Lihat Hasilnya..)

Artikel Terkait :



Artikel Diatas Ditulis Oleh : Abdul Rahman

Artikel Cara Membuat Pofil Admin diBawah Posting Tutorial ditulis oleh Abdul Rahman. Terimakasih atas kunjungan Anda pada blog ini. Kritik dan saran tentang Cara Membuat Pofil Admin diBawah Posting dapat Anda sampaikan melalui kotak komentar dibawah ini.

:: Get this widget ! ::

Komentar
0 Komentar

Add Comment

Related Posts Plugin for WordPress, Blogger...