Recent Post Berdasarkan Label Artikel ( non java script )
Bagaimana cara menambahkan Post Terbaru ( Recent Post ) ke dalam blog kita ?
Sebenarnya banyak cara, namun di sini saya lebih suka mengunakan Elemen Feed yang sudah tersedia dalam dasboard , kelebihannya mengunakan elemen feed ini tidak mempengaruhi beban halaman blog ketika meloding. Sangat berbeza speed-nya jika kita mengunakan recent post mengunakan sebuah java-script.
Tetapi kekuranganya mengunakan elemen feed hanya di boleh memaparkan 5 post terbaru sahaja.
Namun begitu dengan sedikit trick kita akan menampilkan 5 post terbatas itu semenarik mungkin. Iaitu dengan cara menampilkan recent post berdasarkan label artikel. Atau trick ke dua dengan cara mengatur bilangan postinga yang ke berapa.
Cara Pertama
Dalam Halaman Elemen tambahkan sebuah Elemen Feed. Setelah terbuka masukan alamat feed berdasarkan label
ini contohnya :
http://namablogkamu.com/feeds/posts/default/-/labelname
Note
Perlu di ketahui jika label nya mengunakan space biasanya penulisannya seperti ini.
contoh :
Blogger Bab 2 menjadi Blogger%20Bab%202
http://namamu.blogspot.com/search/label/Blogger%20Bab%202
yang berwarna menunjukan nama label blog anda.
Setelah ok, klik tulisan Teruskan, jika tidak ada kesalahan kemudian atur jumlah feednya ke angka 5.
Setelah beres klik Simpan Perubahan.
Cara Kedua.
Seperti diatas, kita biasanya menampilkan postingan dalam halaman blog utama kurang/lebih sebanyak 5 postingan. Supaya menampilkan Recent Post dengan elemen feed ini meloncat atau mundur pada postingan yang 6,7,8 dst.
caranya dengan merubah parameter atau queri seperti ini.
http://namamu.blogspot.com/feeds/posts/default/?start-index=5
?start-index=5 artinya meloncat atau mundur pada postingan 5 sebelumnya. jadi ganti angka 5 tersebut dengan yang kita kehendaki.
creadit to blogger tutorial
Sebenarnya banyak cara, namun di sini saya lebih suka mengunakan Elemen Feed yang sudah tersedia dalam dasboard , kelebihannya mengunakan elemen feed ini tidak mempengaruhi beban halaman blog ketika meloding. Sangat berbeza speed-nya jika kita mengunakan recent post mengunakan sebuah java-script.
Tetapi kekuranganya mengunakan elemen feed hanya di boleh memaparkan 5 post terbaru sahaja.
Namun begitu dengan sedikit trick kita akan menampilkan 5 post terbatas itu semenarik mungkin. Iaitu dengan cara menampilkan recent post berdasarkan label artikel. Atau trick ke dua dengan cara mengatur bilangan postinga yang ke berapa.
Cara Pertama
Dalam Halaman Elemen tambahkan sebuah Elemen Feed. Setelah terbuka masukan alamat feed berdasarkan label
ini contohnya :
http://namablogkamu.com/feeds/posts/default/-/labelname
- gantikan namablogkamu dengan alamat blog anda
- kemudian ganti LabelName dengan nama label yang ada di blog anda.
Note
Perlu di ketahui jika label nya mengunakan space biasanya penulisannya seperti ini.
contoh :
Blogger Bab 2 menjadi Blogger%20Bab%202
%20 = menunjukan space.Hasil keseluruhan :
http://namamu.blogspot.com/search/label/Blogger%20Bab%202
yang berwarna menunjukan nama label blog anda.
Setelah ok, klik tulisan Teruskan, jika tidak ada kesalahan kemudian atur jumlah feednya ke angka 5.
Setelah beres klik Simpan Perubahan.
Cara Kedua.
Seperti diatas, kita biasanya menampilkan postingan dalam halaman blog utama kurang/lebih sebanyak 5 postingan. Supaya menampilkan Recent Post dengan elemen feed ini meloncat atau mundur pada postingan yang 6,7,8 dst.
caranya dengan merubah parameter atau queri seperti ini.
http://namamu.blogspot.com/feeds/posts/default/?start-index=5
?start-index=5 artinya meloncat atau mundur pada postingan 5 sebelumnya. jadi ganti angka 5 tersebut dengan yang kita kehendaki.
creadit to blogger tutorial
Dropdown Label / Kategori
Jadikan menu dropdown label seperti dropdown archive
1). Cari kode dibawah ini:
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>
2). Setelah menemuinya, gantikan seluruh kode diatas dengan kode dibawah ini:
<br />
<select onchange='location=this.options[this.selectedIndex].value;'>
<option>Pilihan Label/Kategori</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
(<data:label.count/>)
</option>
</b:loop>
</select>
Warna merah "Pilihan Label/Kategori" boleh diganti dengan ayat kretif anda sendiri.
1). Cari kode dibawah ini:
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>
2). Setelah menemuinya, gantikan seluruh kode diatas dengan kode dibawah ini:
<br />
<select onchange='location=this.options[this.selectedIndex].value;'>
<option>Pilihan Label/Kategori</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
(<data:label.count/>)
</option>
</b:loop>
</select>
Warna merah "Pilihan Label/Kategori" boleh diganti dengan ayat kretif anda sendiri.
Animated / Flash Label
Tambah kode ini kedalam teplate anda & save :
<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
creadit to Blogger Buster
Memasang Page View
Page View ni sangat berguna untuk melihat sejauh mana entri kita dapat memikat pembaca kamu.
Sebagai tambahan Page View tidak berfungsi pada main page, ianya hanya akan berfungsi pada single page sama seperti Wordpress. Satu kelemahannya yang aku perasan, ianya hanya tidak ada widget pada sidebar seperti Wordpress yang digelar popular page. Tapi masih boleh diterima kan?
Memasang Page View
01. Pilih Template > Edit Html (tick Expand Widget Templates).
02. Cari kod ini :
<p>
<data:post.body/>
</p>
03. Tambahkan kod ini di bawahnya :
<b:if cond='data:blog.pageType == "item"'>
<div id='hit-counter'>
<a href='http://dilarangmelarang.com/' rel='follow'>
<script src='http://blogspot.6te.net/pageviews.php' type='text/javascript'/> </a>
</div>
</b:if>
04. Pilih Save
Sebagai tambahan Page View tidak berfungsi pada main page, ianya hanya akan berfungsi pada single page sama seperti Wordpress. Satu kelemahannya yang aku perasan, ianya hanya tidak ada widget pada sidebar seperti Wordpress yang digelar popular page. Tapi masih boleh diterima kan?
Memasang Page View
01. Pilih Template > Edit Html (tick Expand Widget Templates).
02. Cari kod ini :
<p>
<data:post.body/>
</p>
03. Tambahkan kod ini di bawahnya :
<b:if cond='data:blog.pageType == "item"'>
<div id='hit-counter'>
<a href='http://dilarangmelarang.com/' rel='follow'>
<script src='http://blogspot.6te.net/pageviews.php' type='text/javascript'/> </a>
</div>
</b:if>
04. Pilih Save