Cara Membuat Profil Admin di Setiap Postingan


Cara Membuat Postingan Profil Admin di Setiap Postingan - Tutorial kali ini bukan dari pesanan dari pengunjung atau siapapun , ini mimin buat atas kemauan mimin sendiri , xD 
Maaf mimin baru bisa update hari ini , Semalem mimin ada acara Perpisahan Sekolah di Restoran, jadinya ga bisa update deh , plang jam 12 malem >< , Jadinya hari ini mimin baru bisa update :D
Langsung saja dicoba yah :D

DEMO Bisa Dilihat Dibawah *

Langsung saja ikuti caranya Dibawahnya ,
1. Pertama Silahkan Masukkan CSSnya diatas </style> / </b:skin>

/* AUTHOR BOX */
.author-meta{
position: relative;
text-align: left;
background-color: #f2f2f2;
}
.author-meta .author-image{
border: 5px solid rgba(0,0,0,0.2);
border-radius: 500px 500px 500px 500px;
top: 50%;
margin-top: -45px;
display: inline-block;
position: absolute;
left: 35px;
}
.author-meta .author-image img{
height: 90px;
width: 90px;
border-radius: 500px 500px 500px 500px;
}
.author-meta .author-body{

padding: 25px 65px 40px 155px;
}
.author-meta .author-body .author{
color: #FFFFFF;
margin: 5px 0;
}
.author-meta .author-body p{
color: #494949;
font-size: 14px;
}

h2.vcard.author a {
color: #373737;
}

.author-meta.box a {
color: #09F0E6;
}

2. Setelah diletakkan, Coba cari </article>
3. Jika sudah ketemu, Silahkan Letakkan Kode HTML berikut tepat dibawahnya

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='author-meta box'><div class='author-image'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDJnRZqEPV-TITu9v0HCZdJeODb9SjL65eMObH7GxX3HBUxkR9pAhiHG8R-w_Xz1elnvcluGHIjzMBUMaLDEDtmCXCb5dbMYBbZmT32VNaMYtdNr9KsPpVpBYS5k-Idt3mPkfS8CeiP7vr/s210/tumblr_ndabdiZzZq1tktegso1_500.gif'/>
</div><div class='author-body'><h2 class='vcard author'><span class='fn'><b:if cond='data:top.showAuthor'><a>iMoechan</a></b:if></span></h2><p>Fuck for those who insult or berate me from behind, I DON&#39;T CARE BASTARD!</p></div></div>
</b:if>

4. Lalu Save Template

CARA SETTING :
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='author-meta box'><div class='author-image'> <img src='LINK GAMBAR ANDA'/>
</div><div class='author-body'><h2 class='vcard author'><span class='fn'><b:if cond='data:top.showAuthor'><a>NAMA PROFILE ANDA</a></b:if></span></h2><p>DESKRIPSI TENTANG DIRI ANDA</p></div></div>

</b:if>
Jika ada masalah, Silahkan Komentar Dibawahnya,


Pengunjung yang baik, Pasti akan meninggalkan Komentarnya,
Biarpun itu Hanya Pertamax! / Sankyuu!
Jangan Lupa Like Fanpages kami yah ! (y)

No comments