ARTIKEL - ARTIKEL PILIHAN

Fitur ini menggunakan feed label atau kategori post, dan cara kejanya hampir sama dengan "Related Articles" atau "Artikel yang berhubungan". Bedanya kalau fitur ini, kita dapat menentukan label atau kategori artikel apa yang akan kita tampilkan. Sehingga judul artikel yang muncul secara acak dan otomatis, akan sesuai dengan label atau kategori yang kita pasang pada fitur ini.
Selain itu kita juga dapat menentukan jumlah label atau kategori yang akan ditampilkan dan jumlah judul artikel yang akan muncul pada setiap label atau kategori yang kita pasang.

Untuk letak, dimana kita meletakkan fitur ini terserah kita....
Pada artikel ini saya memberi contoh dan langkah-langkahnya di bawah artikel post. Atau bila sudah ada fitur "Related Articles" atau "Artikel yang berhubungan", kita tinggal menambahkan dibawahnya.

Contohnya bisa anda lihat fitur "Baca artikel lain" yang ada dibawah fitur "Related Articles" pada blog ini.

Tapi, bila anda menghendaki fitur ini ditampilkan dalam gadget sidebar juga bisa. Sebab fitur ini akan tetap bekerja dengan baik, asal anda tidak keliru mengganti teks yang ada pada script yang saya berikan dan anda tinggal copy paste pada gadget....OK.

Bila anda juga bermninat membuat artikel berhubungan atau related Post pada blog anda, silahkan anda ikuti langkah-langkah berikut :

1. Login ke blogger dengan ID anda.
2. Klik Rancangan.
3. Dan KLik tab Edit HTML.

4. Seperti biasa alangkah baiknya setiap edit Html, Download dulu Template Lengkap (back-up Template) agar template aman, bila terjadi kesalahan.

5. Jangan lupa Klik tombol "Expand Widget Templates"

6. Cari kode yang mirip dengan kode ini : <data:post.body/>

7. Bila blog anda sudah menggunakan "Read more",
Taruh kode dibawah ini setelah kode <data:post.body/> yang kedua.
Dan bila anda sudah menggunakan "Related Articles" atau "Artikel yang berhubungan", anda tinggal meletakkan kode dibawah ini setelahnya. :

<br/>
<b>Baca artikel lain :</b><div style='height:200px;overflow:auto;' class='related-post' id='artikel_lain'>
<script type='text/javascript'>
var homeUrl3 = "http://www.carabuatwebgratis.com/";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 4;
maxNumberOfPostsPerLabel = 4;
maxNumberOfLabels = 4;
function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}}
var li = document.createElement('li');
var a = document.createElement('a');
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}}
for (var l = 0; l < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('artikel_lain').appendChild(div1);
}}}
function search10(query, label) {
var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;

textLabel = "LABEL-1";
var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}}

textLabel = "LABEL-2";
var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}}

textLabel = "LABEL-3";
var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}}

textLabel = "LABEL-4";
var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}}

</script>
</div>

Catatan :

"maxNumberOfPostsPerLabel = 4;" Jumlah artikel yang tampil.
"maxNumberOfLabels = 4; " Jumlah artikel yang tampil.
Ganti teks LABEL-1, LABEL-2, LABEL-3, LABEL-4, dengan label yang ingin anda pasang.
Bila ingin menambahkan label, anda tinggal menambahkan satu bagian kode seperti berikut :

textLabel = "LABEL-4";
var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}}

Jangan lupa ganti teks berwarna merah.

8. Simpan Template.

Selamat mencoba dan Semoga bermanfaat....
sumber dari : http://www.carabuatwebgratis.com/2012/02/menambahkan-fitur-baca-artikel-lain.html

Update kembali trik cara hanya menampilkan judul postingnya saja pada halaman depan atau home page. Mengingat cara ini memang sangat efisien dan sangat menghemat tempat pada halaman depan sebuah blog. Biasanya cara ini digunakan karena artikel, sidebar ataupun konten yang ditampilkan sudah padat. Tapi ada juga yang hanya sekedar ingin tampil lebih praktis dan lebih meringankan pada saat loading ketika blog tersebut dibuka.
Untunglah ada sobat blogger yang mengeluhkan, bahwa kode css yang saya berikan tidak bekerja dengan baik.... terima kasih sobat. Dan ternyata setelah saya cek kembali, ada beberapa kode yang kurang, dan kini kode yang saya berikan dibawah sudah normal kembali, maka dari itu artikel ini saya update kembali ... bagi yang memerlukan trik ini silahkan anda coba dan saya pastikan akan berhasil tanpa keluhan.

Berikut gambar tampilan blog hanya menampilkan judul posting saja :

OK... bila anda berminat, anda bisa ikuti lankah - langkah dibawah ini :

1. Login ke blogger dengan ID anda.

2. Klik Rancangan.

3. Dan KLik tab Edit HTML.

4. Cari kode di bawah ini atau yang mirip dengan kode ini :

</head>

5. Copy kode css di bawah ini dan taruh sebelum kode </head> :

6. Simpan Template.

Selamat mencoba ya... Semoga bermanfaat.... Anda juga bisa berlangganan artikel-artikel terbaru dari saya, silahkan anda masukkan email pada forum Langganan Via Email yang ada disebelah kanan halaman ini. Jangan lupa luangkan waktu untuk beri komentar ya......, Terima kasih.

ARTIKEL - ARTIKEL PILIHAN

Translate

Minggu, 17 Juni 2012

Membuat " Baca artikel lain " di blog

Cara menampilkan judul saja di blog