Template FacePostds adalah template personal dengan desain dinamis, agar bisa menyesuaikan segala pramban saya mencoba menggunakan Media Query untuk menghitung struktur template, dan tentu tidak kalah dengan template premium.
Tentu masih banyak kekurangan dalam template ini, saya sendiri tidak suka membesar-besarkan seberapa bagusnya desain saya. Saya hanya mengatakan seberapa adanya dalam template ini. Jika Anda menyukai template ini Anda tinggal download dan pelajari.
Untuk iklan 728x90, 970x90 dan 250x300 silakan di isi dengan iklan Anda (Saya sarankan jika Anda menggunakan iklan GA, lebih bagus dengan Script Responsive).
Untuk artkel perlabel yang dibawah silahkan menggunakan kode pemanggil bawah ini.
<script>
document.write('<div class="recent-post-title"><h2><a href="/search/label/NAMA LABEL ANDA?max-results=5">NAMA LABEL ANDA</a></h2></div>');
document.write("<script src=\"/feeds/posts/default/-/NAMA LABEL ANDA?orderby=updated&alt=json-in-script&callback=labelthumbs\"><\/script>");
</script>Perhatikan tulisan huruf besar 'NAMA LABEL ANDA' silakan isi dengan label Anda.
Untuk Artikel terbaru (di bagian Sidebar) silakan di isi dengan JS bawah ini.
<style scoped="scoped">
.recent-backg{padding:10px;border:1px solid #e5e5e5;border-radius:3px;}
.recent-posts {background:#fff;padding:10px 8px;border:1px solid #e5e5e5;border-radius:2px;}
#recent-posts {margin:4px 0;}
.recent-posts a {font:16px Oswald;text-transform:uppercase;font-weight:400;line-height:1.6em;overflow:hidden;transition:none;}
.recent-posts a:hover {text-decoration:underline;}
.author {display:block;background:#f9f9f9;font:11px Arimo;font-weight:400;color:#777;padding:5px;margin-top:7px;border:1px solid #e5e5e5;border-radius:2px;}
</style>
<div class="recent-backg">
<script type='text/javascript'>
//<![CDATA[
var homePage = "http://URL BLOG ANDA.blogspot.com/",
numPosts = 10 ;
//]]>
</script>
<script src='https://googledrive.com/host/0Bx1BDhFqeIKHc2xRTVE5UVNfQWc/' type='text/javascript'/></script>
<ol id="recent-posts"></ol></div>Silakan ganti URL BLOG ANDA dengan url blog Anda.
Setting jumlah postingan 'numPosts = 10' silakan ganti angka 10 sesuai dengan selera Anda.
Untuk JS yang saya garisbawahi itu silahkan disimpan dengan hosting Anda atau di drive google.
Bagi anda yang kesulitan untuk instalasi template, saya ada buka jasa desain dengan harga terjangkau, klik disini
16 komentar
ijin nyinyipin templatenya ya Non.. mumpung gratis..hehehe
tampilannya mirip Evo Magz punya om geng
mirip aja kan, bukan berarti sama hehe.. :)
thanks mbak,, saya sudah bisa... hihi
mbak cara mengecilkan fonts artikel gimana??
infonya bagus,, aku ijin coba yah,,,,,,,,, eh mbak kok punya aku adsense ditolak terus yah,, mohon pencerahannya
Cara nyimpen JS nya gimana mba?
Btw, koq artikel terbarunya ga bisa ya?
Jangan lupa ganti URL nya :)
<style scoped="scoped">
.recent-backg{padding:10px;border:1px solid #e5e5e5;border-radius:3px;}
.recent-posts {background:#fff;padding:10px 8px;border:1px solid #e5e5e5;border-radius:2px;}
#recent-posts {margin:4px 0;}
.recent-posts a {font:16px Oswald;text-transform:uppercase;font-weight:400;line-height:1.6em;overflow:hidden;transition:none;}
.recent-posts a:hover {text-decoration:underline;}
.author {display:block;background:#f9f9f9;font:11px Arimo;font-weight:400;color:#777;padding:5px;margin-top:7px;border:1px solid #e5e5e5;border-radius:2px;}
</style>
<div class="recent-backg">
<script type='text/javascript'>
//<![CDATA[
var homePage = "http://facepostds.blogspot.com/",
numPosts = 10 ;
//]]>
</script>
<script src='https://googledrive.com/host/0Bx1BDhFqeIKHc2xRTVE5UVNfQWc/' type='text/javascript'/></script>
<ol id="recent-posts"></ol></div>
try again ^_^
Thanx mbak, sangat membantu..
:-)
coding yang itu disimpan bagian mana mbak... punyaku error terus
bagian tata letak, lihat ada tulisan artikel terbaru
mbak cara mengganti logo LI nya gimana?
untuk titlenya silakan cari ini
<a expr:href='data:blog.homepageUrl' style='display: block' title='FacePostds - Informasi Gadget'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
untuk ganti logo, masuk ke tata letak dan pilih healer, silakan upload gambar logonya disana
terima kasih templatenya mbk :)
Thanks buat templatenya, mba Leony
Apapun alasannya saya hanyalah manusia biasa seperti Anda dengan keterbatasan kemampuannya, disini kita sama-sama belajar agar bisa berkembang di dunia maya. Maaf, jika ada komentar yang tidak terjawab adalah mungkin di luar kemampuan saya. Terima kasih telah membaca coretan kecil saya ini. Semoga bermanfaat untuk Anda.
Show EmoticonHide EmoticonShow Konversi KodeHide Konversi Kode