.showpageNum a { padding: 3px 8px; margin:0 4px; text-decoration: none; border:1px solid #999; -webkit-border-radius:3px;-moz-border-radius:3px; background: #ddd; } .showpageOf { margin:0 8px 0 0; } .showpageNum a:hover { border:1px solid #888; background: #ccc; } .showpagePoint { color:#fff; text-shadow:0 1px 2px #333; padding: 3px 8px; margin: 2px; font-weight: 700; -webkit-border-radius:3px;-moz-border-radius:3px; border:1px solid #999; background: #666; text-decoration: none; }

Halaman

wirausaha online Kontak jodoh Mobil bekas Rumah dijual
Tampilkan postingan dengan label Judul. Tampilkan semua postingan
Tampilkan postingan dengan label Judul. Tampilkan semua postingan

Jumat, 05 November 2010

Menganti Judul Blog Dengan Judul Postingan

Seprti yang dahulu ornag katakan banyak jalan menuju Roma (kenapa ke Roma?) Begitu dengan kita, blogger banyak jalan menuju traffict yang lebih baik. Salah satu jalan yang dapat kita gunakan yaitu, menganti judul blog dengan judul postingan, karena ini akan membuat blog kita optimal dalam meraih page rank search engine.

Lalu bagaimana caranya merubah judul blog denganjudul postingan? Caranya cukup mudah, kita akan bersama mempraktekannya.
1. Pilih tata letak kemudian edit html
2. Jangan lupa beri tanda centang pada Expand Template Widget
3. Cari kode berikut ini: <data:blog.pageTitle/>
4. Jika sudah ketemu ganti dengan kode berikut

<b:if cond='data:blog.pageType == &quot;index&quot;' >
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>

5. Kalau sudah di simpan.

read more “Menganti Judul Blog Dengan Judul Postingan”

Menampilkan Judul Artikel yang Terkait (Related Articles by Categories)

Suatu ketika saya berkunjung ke kompas.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 di bawahnya

<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 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;


function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;

for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
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 &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;data2007&#39;).appendChild(div1);
}
}
}
function search10(query, label) {

var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
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 = &quot;<data:label.name/>&quot;;

var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>

</div>
</b:if>

atau KLIK DI SINI UNTUK MELIHAT SCRIPTNYA

6. Kalau sudah kita ditaruh script di atas, SIMPAN temlpate kita

Sebelumnya saya ucapkan terima kasih untuk kendhin yang sudah lebih dulu menulis tips dan trik ini. Untuk tips dan trik ini ditulis di sini, jadi sumber artikel yang saya tulis ini dengan perubahan dari saya adalah http://trik-tips.blogspot.com/ :)
read more “Menampilkan Judul Artikel yang Terkait (Related Articles by Categories)”

Menampilkan Judul Entri Terbaru ( Recent Post )

Ingin menampilkan judul postingan terbarumu? Karena oarang perlu tahu judul terbarumu, setelah dulu pernah saya bahas cara menampilkan komentar terbaru (klik di sini untuk membaca), sekarang dengan bahasan yang berbeda tapi sedikit sama, Yaitu menampilkan judul postingan terbaru.

Masih sama dengan menampilkan judul postingan terbaru, setiap pengunjung akan dapat melihat judul-judul yang pernah kita tulis. Kita dapat menampilkannya di halaman utama blog kita. Judul yang dapat kita tampilkan lebih dari 15 judul. Judul potingan terbaru juga dikenal dengan nama recent post atau new entri

Caranya sangat mudah, yaitu kita login ke blog kita, pilih tata letak, tambahkan gadget, pilih HTML/Javascript. Sekarang masukan script berikut ini :

<script src="http://www.geocities.com/uddin_81/recent-post.js"></script>
<script>var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://NAMABLOG.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp">
</script>

Sedikit yang harus kita rubah yaitu
numposts = 10 angka 10 berarti 10 judul yang akan kita tampilkan
http://NAMABLOG.blogspot.com NAMABLOG harus diganti dengan URL blog kita.
Kalau sudah selesai SIMPAN.
read more “Menampilkan Judul Entri Terbaru ( Recent Post )”