Total Tayangan Halaman

Widget Posting Terkait Bagus Untuk Blogger

1.Log ke dasbor Anda -> tata letak- -> Edit HTML
2. Klik pada " Expand Template Widget "
3. Gulir ke bawah ke tempat Anda melihat tag </head> .
4. Sekarang Tambahkan kode di bawah ini sebelum tag </head> .
<style>
# related-posts { 
float: left; 
lebar: 540px; 
margin-top: 20px; 
margin-kiri: 5px; 
margin-bottom: 20px; 
font: 10px Verdana; 
margin-bottom: 10px; 
} 
# related-posts .widget { 
list-style-type: none; 
margin: 5px 0 5px 0; 
bantalan: 0; 
} 
# related-posts .widget h2, # related-posts h2 { 
color: # 940f04; 
ukuran font: 15px; 
font-weight: normal; 
margin: 5px 7px 0; 
padding: 0 0 5px; 
} 
# related-posts a { 
color: # 054474; 
ukuran font: 10px; 
teks-dekorasi: tidak ada; 
} 
# related-posts a: hover { 
color: # 054474;
teks-dekorasi: tidak ada; 
} 
# related-posts ul { 
border: medium none; 
margin: 10px; 
bantalan: 0; 
} 
# related-posts ul li { 
display: block; 
background: url ("http://www.dogphilosophy.net/graphics/sample1.jpg") no-repeat 0 0; 
margin: 0; 
padding-top: 0; 
padding-right: 0; 
padding-bottom: 1px; 
padding-left: 16px; 
margin-bottom: 5px; 
garis-tinggi: 2em; 
border-bottom: 1px bertitik #cccccc; 
}
</style>
<script type = 'text / javascript'> 
// <! [CDATA [ 
var relatedTitles = new Array (); 
var relatedTitlesNum = 0; 
var relatedUrls = new Array (); 
function related_results_labels (json) { 
for (var i = 0; i <json.feed.entry.length; i ++) { 
var entry = json.feed.entry [i]; 
relatedTitles [relatedTitlesNum] = entry.title. $ t; 
untuk (var k = 0; k <entry.link.length; k ++) { 
if (entry.link [k] .rel == 'alternate') { 
relatedUrls [relatedTitlesNum] = entry.link [k] .href; 
relatedTitlesNum ++; 
istirahat; 
} 
} 
} 
} 
fungsi removeRelatedDuplicates () { 
var tmp = new Array (0); 
var tmp2 = new Array (0);
untuk (var i = 0; i <relatedUrls.length; i ++) { 
if (! berisi (tmp, relatedUrls [i])) { 
tmp.length + = 1; 
tmp [tmp.length - 1] = relatedUrls [i]; 
tmp2.length + = 1; 
tmp2 [tmp2.length - 1] = relatedTitles [i]; 
} 
} 
relatedTitles = tmp2; 
relatedUrls = tmp; 
} 
fungsi berisi (a, e) { 
for (var j = 0; j <a.length; j ++) jika (a [j] == e) mengembalikan true; 
return false; 
} 
function printRelatedLabels () { 
var r = Math.floor ((relatedTitles.length - 1) * Math.random ()); 
var i = 0; 
document.write ('<ul>'); 
while (i <relatedTitles.length && i <20) {
document.write ('<li> <a href="' + relatedUrls[r[ +'">' + relatedTitles [r] + '</a> </li>'); 
if (r <relatedTitles.length - 1) { 
r ++; 
} else { 
r = 0; 
} 
i ++; 
} 
document.write ('</ul>'); 
} 
//]]> 
</script>
Catatan: Jika Anda ingin Anda dapat mengubah jenis font , ukuran font , lebar , ..... dari kode di atas.
5.Sekarang gulir lagi ke bawah ke tempat Anda melihat ini:
<p><data:post.body/> </p>
6. Sekarang tambahkan kode di bawah ini setelah baris di atas.
<b: jika cond = 'data: blog.pageType == "item"'> 
<div id = "related-posts"> 
<h2> Kiriman Direkomendasikan Lainnya di <b: nilai loop = 'data: post.labels' var = 'label'> <data: label.name /> <b: if cond = 'data: label.isLast! = & quot; true & quot;'>, </ b: if> <b: if cond = 'data: blog .pageType == & quot; item & quot; '> 
<script expr: src =' & quot; / feeds / posts / default / - / & quot; + data: label.name + & quot;? alt = json-in-script & amp; callback = related_results_labels & amp; hasil-maksimal = 10 & quot; ' ketik = 'teks / javascript' /> </ b: if> </ b: loop> </h2>
<script type = 'text / javascript'> removeRelatedDuplicates (); printRelatedLabels (); </script>
</div> </ b: if>
Catatan: Anda dapat mengubah jumlah hasil maksimal sebagai pilihan Anda.
7. Sekarang simpan template Anda dan Anda selesai. Ini terlihat seperti ini:

0 komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)