Cara Membuat Related Post/Posting Berhubungan

Banyak cara untuk membuat pengunjung blog betah atau jalan - jalan, nah salah satunya dengan menampilkan artikel yang berhubungan atau related Post, fungsi dari Related Articl atau related post adalah untuk membuat teks link-link yang berhubungan dengan halaman yang sedang dibaca misalnya admin menulis tentang cara membuat read more otomatis, cara membuat iklan float image dan membuat footer tiga kolom, semua itu admin menulis label yang sama misal tips - trik blog maka otomatis artikel yang berhubungan dengan tips - trik blog akan muncul ketika pengunjung membuka salah satu artikel berlabel tips - trik blog. Nah kali ini gimana sih carannya buat Artikel yang Berhubungan? kalo kamu minat dan pengen bikin, ayo baca artikel ini untuk metodenya dan trik berikut tips:

Berikut membuat artikel yang berhubungan :

1. Login ke blogger Blogger
2. Pilih menu Tataletak lalu pilih edit HTML
3. Setelah itu beri tanda centang pada kotak "Expand Widgets Template".
4.cari kode berikut dengan Ctrl+F masukkan <data:post.body/>
5 lalu paste kode dibawah ini, persis dibawah <data:post.body/>
catatan: kalo kamu sudah pasang readmore/bacaselengkapnya, maka taruh di bawah <data:post.body/>  yang pertama, bukan yang kedua





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

<div class='widget-content'>
<h3>Related Post</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>



6 kalau sudah, SIMPAN TEMPLATE

Anda bisa mengganti tulisan 'Related Post' dengan kalimat lain misalnya 'posting terkait', 'artikel terkait', dll. Kalau di blog saya tulisannya 'Baca juga postingan di bawah ini'

Selamat mencoba.

Album Baru Red Hot Chili Peppers


Red Hot Chili Peppers sedang berekperimen dengan musik khas afrika di album terbaru mereka.

Sang drummer Chad Smith mengatakan kepada spin.com bahwa style baru tersebut sebagian diinspirasi oleh perjalanan sang bassist Flea dan gitaris baru RHCP John Klinghoffer dimana turnya ke Lagos, Nigeria dan Ethiopia.

"Musik tersebut bergerak ke wave yang berbeda, ini tidak seperti aliran barat yang lain. Ritmenya sangat mengena," kata Smith. "Kami mencoba untuk mengkolabirasikannya dengan alur musik kami, semoga saja kami dapat menemukan sesuatu yang baru."

Smith berkata, Flea juga sedang menulis kumpulin nada untuk album baru mereka, juga sering menulisnya melalui piano. "Itu adalah sesuatu yang berbeda. Dan juga sangat bervariasi," tutur Smith.

RHCP, juga pentolannya Anthony Kiedis berharap pada musim semi ini album baru tersebut sudah bisa diluncurkan, yang dimana saat ini sedang digarap dimana pengerjaannya berkolaborasi dengan Rick Rubin.

"Kami sangat mempercayainya," kata Smith. "Dia akan sangat membantu saat kamu memainkan lagu yang tengah kamu kerjakan untuk waktu yang lama, dia akan menyimaknya dan akan memberikan komentar yang objektif, dia tidak akan terpengaruh secara emosional kepada sebuah lagu seperti kami. Itu adalah hal yang hebat yang dimilikinya."(kad/ugc)

Pasang Alert di Blog Sebagai Pesan Pembuka

Kembali lagi pada posting yang akan membahas tentang trik blog degh. Trik ini sangat mudah alias gampang banget diterapkan. Trik ini berfungsi sebagai pesan pembuka, ya seperti yang dikatakan pada judul tadi, kotak yang akan muncul sebelum loading page blog, udah pernah liyat kan blog yang ada pesan pembukanya? Mereka itu pake cara ini nih. Ohya, ada beberapa trik yang membuat trik ini menjadi sebegitu indahnya, tetapi kali ini yang standar dulu deh, oke???

Langsung aja deh, caranya gini nih:

1. Pergi ke Layout--->Edit HTML
2. Centang dulu kotak pada Expand Template Widget
3. Kemudian pasangkan kode berikut sebelum kode </body>
<script language="JavaScript">alert("SELAMAT DATANG DI BLOG SAYA");</script>

sebagai contoh:


4. Tulisan yang berwarna merah dapat Anda ganti dengan tulisan/kata-kata Anda sendiri
5. Simpan dan lihat deh Hasilnya :D



Semoga bermanfaat okeee... :L

Memasang Alert di Blog Sebagai Pesan Penutup

Tutorial sebelumnya, saya sudah pernah membahas tentang memasang alert di blog untuk pesan pembuka. Nah, untuk kali ini saya akan mencoba membuat alert di blog tapi sebagai penutup. Efek ini akan muncul apabila pengunjung atau kita sendiri menutup jendela blog kita, otomatis akan muncul kotak alert. Untuk mempersingkat, mari kita tengok bagaimana caranya :D


  1. Login ke Blogger
  2. Pilih Layout/Tata Letak
  3. Kemudian pada tab menu pilih Edit HTML
  4. Kalau sudah beri tanda pada Expand Template Widget
  5. Taruh kode di bawah ini di bawah kode</head>
<script type='text/javascript'>
// goodbye alert
function goodbye(){
alert('Terima KAsih Atas Kunjungan Anda, Ditunggu Kunjungan Selanjutnya');
}
parent.window.onunload=goodbye;

</script>
Keterangan :
Tulisan tebal berwarna merah bisa Anda ganti dengan kalimat penutup Anda sendiri.
6.Kembali ke pengeditan oke? setelah meletakkan kode tersebut, langkah selanjutnya adalah SIMPAN PERUBAHAN :D


Selamat berkreasi!!! :D

Pasang Upin & Ipin Melayang Pada Blog

Hi....Blogger,Kali ini saya kan berbagi cara pasang Upin dan Ipin,

Upin & Ipin ini akan mengucapkan "Assalamu'alaikum" secara Otomatis apabila arah panah mouse di dekatkan ke gambarnya...
Langsung aJjah yUa..!!!

Caranya :

1. Masuk ke Blog
2. Klik Tab Tata Letak
3. Klik Edit/HTML
4. Cari kode seperti ini :< /body>
5. Kalau sudah ketemu, letakkan script di bawah ini tepat di bawah sebelum < /body>


> Posisi melayang Upin & Ipin ada di sebelah "Kanan Atas"

<script language="JavaScript" src="http://adiwidget.com/js/adiWidget.js" type="text/javascript"></script><script language="JavaScript" type="text/javascript">eXl1lXc('http://adiwidget.com/flash/atuk.swf','top','0px','right','0px','100001','95','170','transparent','ffffff');</script>



> Posisi melayang Upin & Ipin ada di sebelah "Kanan Bawah"


<script language="JavaScript" src="http://adiwidget.com/js/adiWidget.js" type="text/javascript"></script><script language="JavaScript" type="text/javascript">eXl1lXc('http://adiwidget.com/flash/atuk.swf','bottom','0px','right','0px','100001','95','170','transparent','ffffff');</script>


> Posisi melayang Upin & Ipin ada di sebelah "Kiri Bawah"  


<script language="JavaScript" src="http://adiwidget.com/js/adiWidget.js" type="text/javascript"></script><script language="JavaScript" type="text/javascript">eXl1lXc('http://adiwidget.com/flash/atuk.swf','bottom','0px','left','0px','100001','95','170','transparent','ffffff');</script> 
 
> Posisi melayang Upin & Ipin ada di sebelah "Kanan Atas" 



<script language="JavaScript" src="http://h1.ripway.com/ichal13/ichalWidget.js" type="text/javascript"></script>
<script language="JavaScript" type="text/javascript">eXl1lXc('http://adiwidget.com/flash/atuk.swf','top','0px','left','0px','100001','95','170','transparent','ffffff');</script> 

6. Simpan...
7. Selesai..

Selamat Mencoba yah!!!
 

sumber : Adi Widgwet