Sudah pada tahu belum topik kita pada kali ini....???
Ok... lansung aja udah ngantuk soalnya,
Pernakah anda mengalami masalah saat membuat Kotak Admin dibawah postingan anda....???
Jawabannya :
Ya.....
Because, karena tempelate blog yang kita gunakan berbeda beda dan kali ini saya akan mencoba berbagi dengan agan agan semuanya yang pernah mengalami masalah yang serupa,..
OK....!!!
Tutorial ini saya dapat setelah berjam jam duduk di depan komputer saya dan mencari titik masalahnya, dan ternyata sahabat sekalian masalahnya hanya kayak mencari saklar lampu ada di sebelah mana ya...??? he...heee mungkin karena kita semua masih awam jidi agak kerepotan nyarinya . . .
Duduk yang manis dan perhatikan kode kode penting ini biar nggak gagal lagi membuatnya
- Pastinya harus login terlebih dahulu ke blog anda.
- Pilih Template > edit html.
- Kemudian cari kode berikut ]]></b:skin> agar mudah dalam pencarian gunakan Ctrl+F
- jika sudah ditemukan, pastekan kode berikut ini diatas kode ]]></b:skin>
.admin-tulisan {
display:block;
width:98%;
background:#CFE2E0;
border:2px solid #fff;
-webkit-box-shadow:0 1px 3px #000;
-moz-box-shadow:0 1px 3px #000;
box-shadow:0 1px 3px #000;
padding:0;
margin:30px auto 10px auto;
font:normal 11px 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:uppercase;
text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
font:bold 11px 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:4px;
background:#C36702;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
- Selanjutnya cari kode <div class='post-footer'>
Biasanya disini letak perkaranya nih ada yang bisa dan ada juga nggak bisa, sampai sampai pecah otaknya kawan kawan. he..he...
Lanjut :
Jika udah ketemu letakan kode CCS di bawah ini tepat di atas <div class='post-footer'>
<!-- Kotak Admin -->
<b:if cond='data:blog.pageType == "item"'>
<div class='admin-tulisan'> <h4>Penulis: <a expr:href='data:blog.homepageUrl'>
<data:post.author/></a> Lokasi: Sulawesi, Gorontalo</h4> <div class='kontainer'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6VbaQ3vXYGmh3cYWTovBBunt5txCI3mOXWYq0CMhjyTv9mpj3WxU4RkknZ_j1zexzF2gdejV8z2E2-HerxF4DEksrwx3LhC0c5TdFC5HxeEu-R2hWcTyoW2_OuzHbDsyEx5P9mGTbyCqc/h120/si3u6sgx.jpg'/> Artikel <a expr:href='data:post.url'>
<data:post.title/></a>, ditulis oleh <data:post.author/> pada <data:post.dateHeader/>. Semoga artikel ini dapat bermamfaat buat kalian. Jika kalian ingin menyebarkan postingan dari
<data:post.author/> Silahkan tak ada batasan dan aturan buat agan agan semua. Terima Kasih yang telah berkunjung dan jangan lupa komentarnya ya. . .! ! !
EMOSI adalah bahan bakar terdasyat dalam menggerakan tubuh,jika kita dapat
mengarahkan emosi kedalam hal yang positif,yakinlah anda akan menjadi pribadi
yang produktif <div style='clear:both;'/> </div> </div> </b:if>
<!-- Akhir Kotak Admin -->
<b:if cond='data:blog.pageType == "item"'>
<div class='admin-tulisan'> <h4>Penulis: <a expr:href='data:blog.homepageUrl'>
<data:post.author/></a> Lokasi: Sulawesi, Gorontalo</h4> <div class='kontainer'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6VbaQ3vXYGmh3cYWTovBBunt5txCI3mOXWYq0CMhjyTv9mpj3WxU4RkknZ_j1zexzF2gdejV8z2E2-HerxF4DEksrwx3LhC0c5TdFC5HxeEu-R2hWcTyoW2_OuzHbDsyEx5P9mGTbyCqc/h120/si3u6sgx.jpg'/> Artikel <a expr:href='data:post.url'>
<data:post.title/></a>, ditulis oleh <data:post.author/> pada <data:post.dateHeader/>. Semoga artikel ini dapat bermamfaat buat kalian. Jika kalian ingin menyebarkan postingan dari
<data:post.author/> Silahkan tak ada batasan dan aturan buat agan agan semua. Terima Kasih yang telah berkunjung dan jangan lupa komentarnya ya. . .! ! !
EMOSI adalah bahan bakar terdasyat dalam menggerakan tubuh,jika kita dapat
mengarahkan emosi kedalam hal yang positif,yakinlah anda akan menjadi pribadi
yang produktif <div style='clear:both;'/> </div> </div> </b:if>
<!-- Akhir Kotak Admin -->
Nah sekarang masukan URL foto sobat lalu pertinjau dulu jadi apa kagak kalo nggak jadi berarti tempelate yang sobat gunakan tidak mendukung silahkan cari kode <div class='post-footer-line post-footer-line-3'> dan letakan kode tadi tepat di bawah kode <div class='post-footer-line post-footer-line-3'>
kemudian simpan dan pasti 100% berhasil
Cukup sekian dan terima kasih
Posting Komentar