Diberdayakan oleh Blogger.

Tips Membuat Link Antar Artikel Blog

By | 16.57 Leave a Comment
Tips Membuat Link Antar Artikel Blog

Ketika kita membuat sebuah artikel yang diposting di blog, ada kalanya, bahkan sering kali, artikel itu memiliki keterkaitan atau hubungan dengan artikel lainnya. Nah, ketika artikel yang baru kita tulis ini memiliki hubungan dengan artikel yang telah ditulis satu bulan atau tiga bulan yang lalu, misalnya, kita biasanya menggunakan link yang kita sisipkan pada artikel yang terbaru, dimana link itu kemudian akan menghubungkan pengunjung dengan artikel lama kita.

Nah, yang jadi masalah, bagaimana kalau artikel yang saling berkaitan itu jumlahnya lebih dari satu, misalnya ada sepuluh artikel yang sama-sama berkaitan? Mungkin bisa saja kita “memaksa” diri untuk menaruh sepuluh link sekaligus pada artikel terbaru agar dapat terhubung dengan sepuluh artikel terkait lainnya. Tapi pengunjung biasanya akan malas untuk meng-klik kesepuluh link itu, bahkan kesannya malah membingungkan.

Karenanya, ada cara yang lebih efektif sekaligus menarik untuk mengatasi hal semacam itu. Cara ini telah digunakan oleh banyak blogger yang biasa mengaitkan satu artikelnya dengan banyak artikel lain di blognya. Cara ini pun dipercaya dapat menjadikan pengunjung semakin betah berlama-lama di blog kita, karena mereka akan mudah ketika akan menelusuri artikel-artikel yang ada di blog kita.

Anda pun mungkin pernah menyaksikan hal semacam ini. Anda mengunjungi sebuah blog, kemudian di bawah artikel yang Anda baca, ada tulisan yang berbunyi, “Post-post Terkait Lainnya”, atau “Artikel-artikel Menarik Lainnya”, dan lain-lain. Anda pun biasanya jadi tertarik dan meng-klik artikel-artikel lain yang disuguhkan tersebut.

Nah, bagaimana cara membuat yang seperti itu? Silakan perhatikan tips berikut ini.

Pertama, login atau masuklah ke blog Anda, lalu masuk ke menu Rancangan, dan kemudian klik Edit HTML. Setelah terbuka, centanglah kotak Expand Widgets Template. Setelah itu, cari kode <data:post.body/>. Setelah ketemu, masukkan script berikut ini di bawah kode <data:post.body/> tersebut.

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

<div class='widget-content'>
<h3>Artikel 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>

Setelah itu klik Simpan. Nah, sekarang blog Anda pun telah dilengkapi dengan fitur “Artikel Terkait” yang dapat Anda isi dengan judul-judul artikel lainnya di blog.

Catatan: Anda dapat mengganti kata “Artikel Terkait” yang ada pada script di atas dengan kalimat lain, semisal “Posting Asyik Lainnya”, atau “Artikel yang Berhubungan”, dan lain-lain.
Tips Membuat Tulisan Berkedip di Blog

Posting artikel di blog kita pasti akan jauh lebih cantik dan menarik jika dikreasi dengan hal-hal unik. Tulisan yang berkedip adalah salah satu kreasi yang selalu menarik perhatian orang. Anda dapat membuat tulisan yang berkedip ini untuk menarik perhatian pengunjung blog Anda, sehingga kemudian pengunjung akan meng-klik tulisan tersebut.

Jika di dalam blog Anda menyisipkan iklan komersial, maka tulisan berkedip semacam itu pasti akan dapat meningkatkan penghasilan Anda dari iklan tersebut, karena perhatian pengunjung akan sering tertarik pada tulisan berkedip itu.

Lalu bagaimana cara membuat tulisan berkedip di blog kita?

Pertama, setelah Anda login ke blog Anda, klik tab Rancangan, lalu klik Edit HTML. Setelah itu cari kode <title><data:blog.pageTitle/></title>.

Setelah ketemu, hapus dan gantilah kode tersebut dengan kode di bawah ini.

<!-- Start www.bloggerplugins.org: Changing the Blogger Title Tag -->
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> ~ <data:blog.title/></title>
</b:if>
<!-- End www.bloggerplugins.org: Changing the Blogger Title Tag -->

Kemudian simpan perubahan tersebut. Nah, sekarang Anda sudah bisa mulai membuat tulian berkedip di blog Anda.

Posting Lebih Baru Posting Lama Beranda

0 komentar: