Ihgilailmam: Artikel Terkait

Tampilkan postingan dengan label Artikel Terkait. Tampilkan semua postingan

Membuat Recent Post PerLabel

Posted in Label: Artikel Terkait, Modifikasi |

Layaknya sebuah blog yang ingin terlihat profesional, harus juga menampilkan yang sederhana tetapi bisa memudahkan penelusuran. Menu navigasi yang mudah bisa membuat pembaca blog merasa nyaman. Untuk itu blog juga menampilkan recent post atau link tulisan-tulisan terbaru kita di blog.

Blog yang bagus adalah tulisan atau postingan dikategorikan dengan rapi. Jika di blogspot kita menggunakan fitur label untuk mengaktegorikan jenis tulisan yang memiliki kesamaan. Misalnya saja kalau di blog ini ada, tutorial blog, tips ngeblog, widget dan sebagainya.

Untuk menyajikan lebih banyak menu dan pilihan, kita bisa membuat atau memasang widget recent post yang di tampilkan berdasarkan kategori atau recent post per label. Dengan pilihan menu bisa jadi pembaca akan banyak mengklik postingan-postingan terbaru yang tertata rapi sesuai dengan labelnya.

Cara Membuat Recent Post Per Label
1. Login ke akun blogger.com
2. Pilih Template kemudian Edit HTML
3. Jangan lupa centang Expand Template Widget
4. Masukkan kode css berikut di atas kode ]]></b:skin>

img.label_thumb{float:left; padding:5px; border:1px solid #8f8f8f; background:#D2D0D0; margin-right:10px; height:55px; width:55px}
img.label_thumb:hover{background:#f7f6f6}
.label_with_thumbs{float:left; width:100%; min-height:70px; margin:0px 10px 2px 0px; adding:0}
ul.label_with_thumbs li{padding:8px 0; min-height:65px; margin-bottom:10px}
.label_with_thumbs a{}
.label_with_thumbs strong{}

5. Lalu cari kode </head> dan letakkan kode di bawah ini tepat di atas:

6. Simpan Template jika sudah selesai.

Langkah-langkah di atas adalah untuk mengkostumisasi template. Jika sudah selesai kita ke langkah berikutnya untuk menambahkan recent post per label, yaitu:

7. Pilih Tata Letak lalu tambahkan Tambah Gadget >HTML/Javascript
8. Kemudian masukan kode berikut ini:

9. Kita dapat menkostumisasi tampilan dengan mengubah kode yang berwarna merah. Dan ganti teks yang berwarna hijau dengan nama lebel yang akan ditampilkan. Simpan jika sudah selesai.

Read Users' Comments (2)

Cara Membuat Random Post

Posted in Label: Artikel Terkait |

Binguuung nih mau ngomong apa...??? yaudahlah , kalo mau diisi top post atau posting terpopuler nanti juga itu - itu saja yang muncul ,Hmmm...Kurang variatif . Ok, Sekarang kita akan membahas tentang cara Membuat Random Post ,, masih bingung apa yang dimaksud dengan random post ??? yaitu judul-judul posting ditampilkan secara acak ,jika halaman blog kita di reload.

Jadii , dapat dimungkinkan pengunjung blog tidak mencari - cari apa yang dia cari , bisa saja jika halaman blog kita dia reload , apa yang dia inginkan bisa muncul , karena itulah gunanya Random Post

Cara Membuat Random Post :
1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode script berikut ini:

5. Angka 7 adalah banyak judul postingan yang akan tampil.
Simpan jika sudah selesai.
Semoga Bermanfaat...

Read Users' Comments (2)

Menampilkan Judul Artikel Terkait Dengan Thumbnails

Posted in Label: Artikel Terkait |

Tak usah bertele-tele kita langsung saja :
1. Go to Link
2. Ikuti langkah-langkahnya
3. Get Widget ,
4. Install Widget , Pasti ada gambar seperti yang dibawah ini :

--->

Read Users' Comments (0)

Menampilkan Judul Artikel yang Terkait (Related Articles by Categories)

Posted in Label: Artikel Terkait |

Suatu ketika saya berkunjung kekompas.com saya mengeklik salah satu judul berita, disana saya menemui ARTIKEL TERKAIT yang dibawahnya link judul-judul yang masih ada hubungannya dengan berita yang pertama tadi. Mungkin sedikit cerita itu bisa mengambarkan kita apa yang dimaksud dengan judul di atas yaitu "Menampilkan Judul Artikel yang Terkait (Related Articles by Categories)"

Berjalan-jalan ke trik-tips blogging, saya menemukan cara untuk menampilkan judul artikel yang berhubungan. Di trik ini, judul itu di tampilkan di bawah artikel, dan penampilan itu berdasarkan label. Mungkin kita ada label Kucing karena kamu pengemar binatang, di Label Kucing itu ada 10 judul, maka saat kita melihat salah satu dari judul itu maka 9 judul ada di bawahnya.

Berikut ini langkah-langkah kita untuk menampilkan judul artikel yang berhubungan :
1. login ke Blogger
2. Lalu pilih Tata Letak-->Edit HTML
3. Selanjutnya Expand Widgets Template template kita
4. Cari kode berikut ini

<data:post.body/>

*) untuk blog yang ada "read more" nya akan ditemui 2 kode<data:post.body/>, pilihlah kode yang pertama

5. kalau sudah ketemu taruh script berikut ini dibawahnya

<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>

<div class='widget-content'>
<h3>ARTKEL TERKAIT</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>

var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;

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('data2007').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;

<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = "<data:label.name/>";

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++;
}
}
</b:loop>
</b:loop>
</script>
</div>

</div>
</b:if>

Read Users' Comments (0)

Ihgilailmam

Membuat Recent Post PerLabel

Cara Membuat Random Post

Menampilkan Judul Artikel Terkait Dengan Thumbnails

Menampilkan Judul Artikel yang Terkait (Related Articles by Categories)

About Me

Search

Statistic

Tag Cloud

Followers

About Me

Blog Archive