nongool.com (13/10/2013) - Cara Membuat Kotak Admin dibawah Postingan. Pada dasarnya kotak admin ini sangat di perlukan untuk blog karena untuk mengetahui siapakah admin blog ini. dari segi design blog tentunya ini memberikan kesan yang cukup menarik karena bayangkan saja jika Teman-teman mempunyai blog dan didalam blog tersebut dibawah postingan nya terdapat kotak adminnya, sangat menarik kan ?
Nah tapi teman-teman tenang saja itu bukan sebuah hayalan lagi. saya disini akan memberikan tutorial cara membuat kotak admin di bawah postingan. Oke ikuti langkah - langkah berikut ini...
Pastikan teman-teman sudah login ke blog..
1. Klik Pada menu Template lalu Edit HTML
2. Setelah itu tekan Control + F pada bagian kotak HTML
3. Setelah muncul kotak Searchnya lalu cari kode ]]></b:skin> pada kotak search.
Nah tapi teman-teman tenang saja itu bukan sebuah hayalan lagi. saya disini akan memberikan tutorial cara membuat kotak admin di bawah postingan. Oke ikuti langkah - langkah berikut ini...
Pastikan teman-teman sudah login ke blog..
1. Klik Pada menu Template lalu Edit HTML
2. Setelah itu tekan Control + F pada bagian kotak HTML
3. Setelah muncul kotak Searchnya lalu cari kode ]]></b:skin> pada kotak search.
.admin-tulisan{ display:block; width:auto; background:#fff; border:2px solid#BFCFFE;
box-shadow:0 1px 3px #BFCFFE -moz-box-shadow:0 1px 3px#BFCFFE -webkit-box-shadow:0 1px 3px #BFCFFE;
padding:0;margin:30px 0 10px 0; font:normal 12px Arial, Sans-Serif;color: #000;}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{background:#BFCFFE;border:none;border-bottom:1px solid #;color:#000; text-transform:normal; text- box-shadow:0 1px 3px #BFCFFE -moz-box-shadow:0 1px 3px#BFCFFE;-webkit-box-shadow:0 1px 3px #BFCFFE; font:bold 12px Arial,Sans-Serif;padding:5px 10px; margin:0 0 0 0; display:block; }
.admin-tulisan h4 a{color:#000;}
.admin-tulisan img{width:110px;height:110px; margin:0 10px 0 0; float:left; border:1px solid #BFCFFE;padding:2px; background:#BFCFFE; box-shadow:0 1px 3px #4eabff;-moz-box-shadow:0 1px 3px #FF0000;-webkit-box-shadow:0 1px 3px #BFCFFE;}
4. Setelah sudah, copy dan paste kan kode diatas tepat diatas kode ]]></b:skin>5. Langkah selanjutnya adalah cari kode <data:post.body/> Jika kode lebih dari satu atau dua pilih yang ke dua. jika ada tiga pilih yang ke tiga.
6. Setelah ketemu lalu copy dan pastekan kode dibawah ini tepat dibawah kode <data:post.body/>
<!-- kotak admin -->
<b:if cond="data:blog.pageType == "item""></b:if>
<div class="admin-tulisan">
<h4>
Create By : <b><data:post .author=""></data:post></b> - anepublisher.com</h4>
<div class="kontainer">
<img alt="nongool.com" src="http://i973.photobucket.com/albums/ae217/aguskusuma_photos/th_banner-asia-125x125.gif"/>
Anda sedang membaca Artikel Tentang <b><a expr:href="data:post.url" href=""><data:post .title=""></data:post></a></b>. Jika anda menyukai artikel ini, anda bisa menyebarluaskannya dengan disertakannya link yang sesuai dengan postingan ini sebagai sumbernya, Silahkan Copy Link di bawah ini :
<textarea cols="42" id="bloglinking" name="bloglinking" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" readonly="readonly" rows="2"><data:post.url/></textarea><br /> <br />
<span style="float: right; font: italic 10px Arial, Sans-Serif;">
<a href="http://www.nongool.com/" target="_blank">--- www.nongool.com ---</a></span><br />
<div style="clear: both;">
</div>
</div>
</div>
<!-- kotak admin -->
7. Jika sudah, Ganti kode yang berwarna orange dengan url blog teman-teman dan ganti juga www.nongool.com yang berwarna orange dengan nama blog teman-teman.8. Langkah terakhir adalah teman-teman tinggal Save Template. dan hasilnya bisa tema-teman liat seperti screenshot yang diatas.
Semoga Artikel Tutorial Cara Membuat Kotak Admin dibawah Postingan ini bisa membatu dan bermanfaat untuk teman-teman.
Note : Jika Teman-teman suka dengan Artikel Tutorial Cara Membuat Kotak Admin dibawah Postingan ini Tolong tinggalkan jejak Teman-teman dengan berkomentar disini.
Terimakasih!
Created By : Unknown - www.nongool.com
Anda sedang membaca artikel tentang Cara Membuat Kotak Admin dibawah Postingan.Jika anda suka artikel ini, anda dapat share artikel ini dengan disertakannya link yang sesuai dengan postingan ini sebagai sumbernya. silahkan copy link dibawah ini:
- Hak cipta pemilik -
0 comments:
Post a Comment