Membuat Related Post

     Mari kita langsung ke tutorialnya...

1. Masuk ke blog anda
2. Klik tata letak
3. Klik edit HTML
4. Centang kotak 'Expand Template Widgets'
5. Cari kode ini <data:post.body/>
6. Letakkan kode berikut ini di bawah kode <data:post.body/>

<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>

7. Terakhir, Tinggal Simpan

Obat Buat Yang Suka Duduk Di Depan Komputer

Membuat Recent Post dan Recent Comment

Cara I
1. Masuk Blogger
2. Klik Tata letak
3. Tambah Gadget
4. Pilih Feed
5. Masukan alamat ini http://BLOGMU/feeds/posts/default/
6. Edit Sedikit dan simpan

Cara II
1. Masuk Blogger
2. Klik Tata letak
3. Tambah Gadget
4. Pilih HTML/Javascript
5. Masukan Code ini

<script src="http://sites.google.com/site/rtechnologi/java-script/post-terakhir.js"></script>
<script>var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://BLOGMU.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp">
</script>

6. Simpan

     Cara II Bisa digunakan untuk anda yang ingin recent postnya lebih dari 5, tinggal ganti aja angka 10 yang bercetak tebal...

     Oh ya hampir lupa..., Untuk recent comment tinggal ganti tulisan posts dengan comments.

     Selamat Mencoba...

Menghilangkan Navbar Bloger

     Mungkin diantara anda ada yang merasa risih dengan adanya navbar bloger (ngebikin tampilan kurang enak dipandang). Cara menghilangkannya cukup mudah. Begini caranya:

1. Masuk ke blogger
2. klik tata letak
3. Klik Edit HTML
4. Cari Code ]]></b:skin>
5. Simpan code ini:

#navbar-iframe{
display: none;
}

Diatas Code ]]></b:skin>
6. Simpan Tempelate
7. Lihat Hasilnya....!

Membuat Efek Sprakle

     Apa itu efek sparkle? Efek sparkle adalah sebuah efek yang dimana jika kita (arrrggghhh... terlalu bertele-tele...) menggerakan mouse akan muncul butiran-butiran salju.

     Kebayang gak...? Mudah-mudahan kebayang ya....

     Gini Tutorialnya....

1. Masuk dulu ke blogger
2. Klik Tata letak
3. Klik edit HTML
4. Cari code </body>
5. Copy code ini

<script src="http://sites.google.com/site/rtechnologi/java-script/Sparkle.js" type="text/javascript"></script>
<script language="JavaScript" type="text/javascript">var colour="white";</script>

dan paste di atas code </body>
6. Simpan template
7. Lihat deh hasilnya...

     Akhirnya kebayang juga ya...

Keajaiban Pernafasan [part 3]

Keajaiban Pernafasan [part 4]

Keajaiban Pernafasan [part 2]

Keajaiban Pernafasan [part 1]