Parse HTML

<script src="http://www.gmodules.com/ig/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/102462998830435293579/post-Code.xml&amp;up_grows=10&amp;up_conv1=1&amp;up_conv2=1&amp;up_conv3=1&amp;up_conv4=1&amp;up_conv5=1&amp;synd=open&amp;w=315&amp;h=200&amp;title=Post-Code%3A+code+converter&amp;border=http%3A%2F%2Fwww.gmodules.com%2Fig%2Fimages%2F&amp;output=js">
</script>

Baca selengkapnya »

Cara Memberi Lagu Pada Blog

Nah... buat sobat" yang blognya pengen dikasih lagu...

Nih ane punya sedikit tips untuk Cara Memberi Lagu Pada Blog (dengan lagu pilihan sendiri)....

Ok langsung aja deeeehhh pada tipsnya....



1. Cari upload dulu lagu sobat" or kalau males upload sobat" bisa cari lagu pilihan sobat di indowebster.

NB : lagu sobat diupload hanya ke indowebster... kalau ke website laen ane gak tanggung cara ini bisa dipakek or gak....

2. Cari dan download lagu pilihan sobat..... (indowebster)
eiiiitttttzzzz..... ada trik tersendiri untuk ini and wajib diikuti.... hehehe

jika ada tampilan diatas klik OK.

lalu setelah proses download berjalan kurang lebih 30 detik.... pause proses download tersebut lalu klik kanan --> copy download link contoh seperti dibawah ini...

3. Paste kan kode tersebut pada Notepad
4.Buka Rancangan --> Elemen Halaman --> tambah gadget --> HTML/JavaScript
5. Copy kode dibawah ini

<embed src="http://www.indowebster.com/mediaplayer.swf" width="0" height="0" wmode="'transparent'" flashvars="file=http://www11.indowebster.com/55d09d32dc817960aa6b8dd498f7632d.mp3&amp;frontcolor=0xffffff&amp;backcolor=0x0066ff&amp;lightcolor=0xffffff&amp;logo=http://www.indowebster.com/images/idws.png&amp;autostart&repeat=true&amp;usefullscreen=false&amp;showeq=false&amp;volume=150" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" menu="false" allowfullscreen="false" scale="noborder" quality="High"></embed>

6. lalu ganti kode yang berwarna merah dengan kode yang sobat copy pada Notepad tadi alias url lagu sobat tadi...

7. simpan.... dan lihat hasilnyaaa.......
sekian dari saya ...... selamat mencoba....

Baca selengkapnya »

Cara Merubah Background Pada Postingan Blog

Inilah salah satu tips yang saya cari-cari, eeee.. ternyata temen saya dah ada yang tau, ok deh langsung saya share di sini.. Tips yang saya dapat dari sobat http://ironehtc.blogspot.com ini cukup mudah kok, dibawah ini adalah beberapa langkah untuk Cara Membuat Background Pada Postingan Blog :


Cari kode dibawah ini untuk Mengganti Warna Background

<div style="background:kode_warna_disini;">

Postingan Anda Disini

</div>

dan kode dibawah ini untuk Mengganti Background Dengan Gambar

<div style="background:url(Url Gambar Sobat) no-repeat right top; text-align:justify; font-size:100%; padding:10px">

Postingan Sobat Disini Letaknya

</div>

Cara di atas ini adalah cara yang manual nya,karna setiap kita akan posting mesti memasukan kode-kode di atas tersebut,saya menawarkan anda untuk cara yang otomatis nya,jadi sobat tidak perlu capek-capek memasukan kode di setiap anda posting..
Mau cara nya gimana..?

Ikuti langkah berikut

1.Login pada blogger.
2.Klik Setting pada Dashboard anda.
3.Pada Setting klik Formating.
4.Pada bagian kolom Post Template, masukkan kode berikut ini

<div style="background:url(URL Image) no-repeat;">

Letak Postingan

</div>

ganti URL Image nya sesuai keinginan anda.
good luck...

Baca selengkapnya »

Jenis-Jenis Border-radius(melengkung)

ok deh gak usah panjang basa-basinya langsung aja deh langkah-langkah cara membuat Jenis-Jenis Border-radius (melengkung).

Syntax untuk border-radius

Mozilla Equivalent	Browser Opera 10.5	Webkit Equivalent (Safari 3)
-moz-border-radius-topright	border-top-right-radius	-webkit-border-top-right-radius
-moz-border-radius-bottomright	border-bottom-right-radius	-webkit-border-bottom-right-radius
-moz-border-radius-bottomleft	border-bottom-left-radius	-webkit-border-bottom-left-radius
-moz-border-radius-topleft	border-top-left-radius	-webkit-border-top-left-radius
-moz-border-radius	border-radius	-webkit-border-radius

-Moz-Border-Radius (Untuk Mozilla)

<div style="background-color:#ccc; -moz-border-radius:5px; border:1px solid #000; padding:10px;">ISI TULISAN</div>

<div style="background-color:#ccc; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; border:1px solid #000; padding:10px;">ISI TULISAN</div>

<div style="background-color:#F5F6CE; -moz-border-radius-topright:30px; -moz-border-radius-bottomright:30px; border:5px solid #000; padding:10px;">ISI TULISAN</div>

<div style="background-color:#F5F6CE; -moz-border-radius-topleft:30px; -moz-border-radius-bottomright:30px; border:5px solid #38610B; padding:10px;">ISI TULISAN</div>

<div style="background-color:#F5F6CE; -moz-border-radius:30px 10px;  border:5px solid #38610B; padding:10px;">ISI TULISAN</div>

-Webkit-Border-Radius (Untuk Safari)

<div style="background-color:#A9D0F5; -webkit-border-top-left-radius:30px; -webkit-border-bottom-right-radius:30px; border:5px solid #38610B; padding:10px;">ISI TULISAN</div>

<div style="background-color:#F5D0A9; -webkit-border-top-left-radius:50px; -webkit-border-top-right-radius:50px; border:5px solid #38610B; padding:10px;">ISI TULISAN</div>

Border-Radius (Support Opera 10.5)

<div style="background-color:#F5F6CE; border-radius:30px; border:5px solid #38610B; padding:10px;">ISI TULISAN</div>

kode-kode diatas bisa juga ditempatkan pada sidebar atau pada css sobat, tinggal sobat bagaimana ingin mengaplikasikannya.. ^_^

Baca selengkapnya »

Menghilangkan Angka Jumlah Postingan Pada Label

Ketika kamu melakukan trik blogger memasang label postingan dalam blog. Kamu akan melihat jumlah postingan yang mengikuti label atau kategori terkait yang ditunjukkan dengan angka dalam tanda kurung. Nah, apabila kamu kurang suka dengan tampilan angka jumlah label tersebut, maka kamu bisa menghilangkannya dengan melakukan trik tertentu.


Contoh :
Tips Blogging (8)
Efek-efek (10)

Menjadi :
Tips Blogging
Efek-efek

Agar lebih menghemat waktu, mari kita mulai mantra trik blogger untuk menghilangkan angka jumlah label tersebut. Eit, hampir lupa trik ini dapat kamu gunakan jika kamu telah memasang widget atau gadget label dalam blog.

* Login dulu ke account blogger kamu.

* Pilih tab Tata Letak --> Edit HTML --> centang "Expand Template Widget".


Tips : Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.

Cari kode (<data:label.count/>).

Tips : Kalau susah mencarinya, coba tekan tombol F3 di keyboard. Maka akan muncul menu toolbar pencarian di bawah browser (Firefox), sehingga kamu tinggal memasukkan kata yang ingin dicari.

* Jika sudah ketemu, hapus kode tersebut.

* Jangan lupa disimpan

selamat mencoba...

Baca selengkapnya »

Cara Memasang Emotion Pada Kotak Komentar

Nih ane punya tips blogging lagi, yaitu Cara Memasang Emotion Pada Kotak Komentar.

Tips ini tentunya akan membuat blog sobat menjadi lebih seru, Komentator pun menjadi lebih bisa mengekspresikan perasaannya melalui icon2 (emoticon).

Nih langsung aja ane share Cara Memasang Emotion Pada Kotak Komentar.




1. login blog
2. rancangan --> Edit HTML (centang pada expand widget template)
3. lalu masukkan kode dibawah ini diatas kode </body>

<script src='http://oom.blog.googlepages.com/smiley.js' type='text/javascript'></script>

4. lalu cari kode yang seperti ini

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>

5. nah lalu taruh kode dibawah ini tepat dibawah kode <p class='comment-footer'>

<b><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/>
:))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/>
:)]
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/>

;))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/>
;;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/>
:D
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/>
;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>
:p
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/>
:((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/>
:)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/>
:(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/>
:X

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/>
=((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/>
:-o
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/>
:-/
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/>
:-*
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/>
:|
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/>
8-}
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/>
~x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/>
:-t
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/>

b-(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/>
:-L
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/>
x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/>
=))
</b>

6. Simpan.

Lihat hasilnya dengan cara membuka salah satu artikel sobat lalu pada kotak komentar akan muncul emotion"nya..... Nah Klo Tidak Kluar????? Komentar dulu ntar ane bantu... hihihihihihihi

Good luck....

Baca selengkapnya »

Cara Membuat Daftar Isi Otomatis Berdasarkan Label

Nih ane punya tips lagi nih... yaitu Cara Membuat Daftar Isi Otomatis Berdasar Label

yups langsung saja ea....


langsung aja deh di copy scriptnya....

<script src="https://sites.google.com/site/secretofzeroblogspotcom/secretofzero/daftarisi.js">
</script><script src="http://secretofzero.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script>

sekian dari saya.. semoga bermanfaat bagi sobat".....

Ganti tulisan http://secretofzero.blogspot.com dengan alamat blog sobat....

good luck... ^_^

Baca selengkapnya »

Cara Membuat Link dengan Efek Pelangi

Halo sobat semua..... waaah,,,, blogq ane jadi jarang update nih gara" PTC mulu.... hehehe

Ok deh langsung aja ya sob.... kali ini seperti pada judualnya ane share tentang Cara Membuat Link dengan Efek Pelangi.

Mungkin bagi sobat" yang suka memperindah dan mempercantik blognya, bisa mencoba tips ini.



Cara Membuat Link dengan Efek Pelangi langkah-langkahnya :
1. Login Blog
2. Rancangan >> Edit HTML
3. Cari kode <title><data:blog.pageTitle/></title>
4. Lalu taruh kode dibawah ini dibawah kode <title><data:blog.pageTitle/></title>

<script src='https://sites.google.com/site/secretofzeroblogspotcom/secretofzero/rainbowlink.js'/>

5. simpan dan lihat hasilnya....

Good Luck...

Baca selengkapnya »

Cara Membuat Tulisan Berjalan

Bagaimana agar bisa membuat tulisan berjalan?

Seperti Ini ??

Bergerak kekanan !

Bergerak kiri !

Ke Kanan dan Kekiri ??

Bergerak kekanan Perlahan !

Ke Kanan dan Kekiri Dan Bisa Di stop??

Bergerak Ke Atas


Bergerak Ke Atas dan Ke bawah


Oke ini kode nya :

Untuk Yang bergerak kekanan
<marquee direction="right"><span style="color: rgb(255, 0, 0); font-weight: bold;">Bergerak kekanan !</span></marquee>

Untuk Yang Bergerak kekiri ! : Tinggal ganti kata "right" menjadi "Left"


Untuk Yang Ke Kanan dan Kekiri
<marquee direction="left" behavior="alternate"><span style="color: rgb(255, 0, 0); font-weight: bold;">Ke Kanan dan Kekiri ??</span></marquee>


Untuk Yang Bergerak kekanan Perlahan : Note : nilai scrolldelay menentukan cepat atau lambatnya tulisan bergerak.Direction = menentukan arah bergerak
<marquee direction="right" scrolldelay="500"><span style="color: rgb(255, 255, 0); font-weight: bold;">Bergerak kekanan Perlahan !</span></marquee>


Untuk Yang Ke Kanan dan Kekiri Dan Bisa Di stop
<marquee direction="left" behavior="alternate" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()" width="95%"><span style="color: rgb(255, 0, 0); font-weight: bold;">Ke Kanan dan Kekiri Dan Bisa Di stop??</span></marquee>


Untuk Yang Bergerak Ke Atas
<marquee align="center" direction="up" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()" height="100" width="95%"><span style="color: rgb(0, 255, 0); font-weight: bold;">Bergerak Ke Atas</span></marquee>


Untuk Yang Bergerak Ke Atas dan Ke bawah
<marquee align="center" direction="up" behavior="alternate" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()" height="100" width="95%"><span style="color: rgb(255, 0, 255); font-weight: bold;">Bergerak Ke Atas dan Ke bawah</span></marquee>

Note : Anda bisa merubah warna tulisan dengan mengubah angka pada :
rgb(255,0,0)=menjadi merah
rgb(0,255,0)=menjadi Hijau
rgb(0,0,255)=menjadi Biru
Atau dikombinasi....Coba-coba aja ya....

Update 25 agustus 2009:
Karena ada pertanyaan soal bagaiamana cara agar gambar bisa bergerak kekanan atau kekiri, maka sy perlu tambahkan sedikit disini ...
caranya pertama anda bikin dulu image yang anda inginklan, lalu anda upload image tsb ke photobucket.com
Kemudian nanti dari photobucket anda akan mendapatkan URL dari image yg anda upload tsb.
Kemudian masukkan ke dalam scrip marque(Berjalan) seperti yg ada diatas.
Berikut contoh script utk image Photo saya yg bergeraK Kekanan;

<marquee direction="right"><img src="http://i420.photobucket.com/albums/pp281/goldenphoto_2009/Iconulum.jpg" /></marquee>

dan ini contoh image yg bisa bergerak kekanan


dan ini contoh image yg bisa bergerak kekanan


ganti URL http://i420.photobucket.com/albums/pp281/goldenphoto_2009/bubble.gif dgn URL image milik anda

Semoga membantu

Baca selengkapnya »

Cara Membuat Recent Post dengan Menu Scroll

Tutorial ini membahas bagaimana cara membuat Recent Post dengan menu scroll down sehinggga bisa ditarik naik turun kayak punyaku itu, caranya sederhana kok, tingal copy paste aja, nah seperti ini lho langkah langkah nya :

1. Pertama Login dulu ke blogger
2. Pilih Layout ( Tata Letak ) >> Page Element ( Elemen Halaman )
3. Add a Gadget ( Tambah Gadget )
4. Pilih HTML/JavaScript dan copy aja kode ini didalamnya:

<div style="overflow:auto;width:320px;height:250px;padding:10px;border:1px solid #eee">

<script src="http://anas.ku93.googlepages.com/post-terakhir.js"></script>
<script>var numposts = 15; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://Secretofzero.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp">
</script>

</div>

yang tak kasih kode warna unggu dan tulisan miring merupakan kode untuk recent post nya , Secretofzero.blogspot.com diganti nama blog kamu ya.
Sedang yang tak kasih warna hijau merupakan kode untuk membuat menu scroll nya, kamu tinggal copy paste aja dan nama blog nnya diganti nama blog kamu. gitu aja gampang kan teman...

Baca selengkapnya »

Cara Membuat Buku Tamu Melayang Di Blog

Buku tamu merupakan hal yang penting dalam blog, dikarenakan disinilah para blogger saling menyapa dan memberikan pendapatnya mengenai blog kita. Namun salah satu yang bikin masalah yaitu mencari peletakanya. Kadang - kadang para blogger binggung memasangnya dimana. Nah kalo masalah itu ada solusinya yaitu memasang Buku tamu yang melayang.

Salah satu keuntungnya yaitu ini akan mengikuti letak kusor, naik maupun turun. Tapi di setiap keuntungan ada kerugian, kerugianya adalah aga lambat dalam meload. Maka dari itu sebelum memasang ini harus diperhitungkan juga masalah kecepatanya.

Nah saya tak akan memperpanjang lagi pembahasan, saya langsung saja memberikan script tersebut yaitu :

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj6VpdJtWg6Ks77FFj54iHXzW8_-BXcyI1R5BYEZVKOLe0-Q4hec0J1nupYliXbgPjW9km6Cor2EX1zRIsIEEjP8aygL5QEyji9gzKD1n8AA6-MAa3JGmmBcCjqJELDCYyGmKZDCgN6ORR/') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

<!-- Begin ShoutMix - http://www.shoutmix.com -->
<iframe title="m4n0" src="http://www6.shoutmix.com/?m4n0" width="160" height="400" frameborder="0" scrolling="auto">
<a href="http://www6.shoutmix.com/?m4n0">View shoutbox</a>
</iframe>
<br /><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br />
<!-- End ShoutMix -->
<br/>
Anda berminat buat Buku Tamu seperti ini?<br/>
Klik di
<a href="http://secretofzero.blogspot.com/2011/07/cara-membuat-buku-tamu-melayang-di-blog.html&quot;>
sini </a>

<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>

</div>

</div>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

 Catatan:

1. Jangan satukan dengan iklan yang melayang karena akan menjadi kacau.
2. Yang diberi tanda berupa huruf yang merah dapat diganti, contohnya  buku tamu anda yang shoutbox atau cbox.

Selamat mencoba........

Baca selengkapnya »

Cara Membuat Artikel terkait di Bawah Posting

pada dasarnya artikel terkait atau related post bisa ditempatkan di sidebar, untuk kali ini kita akan mencoba untuk menempatkan artikel terkait di bawah postingan.
sebelum mulai membuat artikel terkait ini silakan di backup dulu template kamu. setelah itu apakah artikel kamu di categorikan??kalau belum coba kategorikan artikel kamu,karena ini sangat mempengaruhi ada tidaknya tampilan artikel terkait di bawah postingan, untuk yang sudah mengkategorikan artikelnya,bisa langsung membuat artikel terkait di bawah ini : 1. Login ke Blogger dengan akun gmail kamu

2. Klik Tata Letak

3. Klik tab Edit HTML

4. Klik Expand Template Widgets

5. Kemudian Cari kode yang seperti ini :

<p><data:post.body/></p>

atau tekan Ctrl + F untuk pencarian cepat :

<data:post.body/>

6. copy/paste kode di bawah ini setelah kode <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'> <strong>Artikel Terkait di Bawah posting</strong> <div class='rbbox'> <div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'> <div id='ardi33'/> <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;ardi33&#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> <script type='text/javascript'>RelPost();</script> </div> </b:if>

7. Save template kamu,kemudian lihat hasilnya

............ selamat mencoba..................

Baca selengkapnya »