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

Cara Membuat Efek Bintang Keluar di blog

Hai blogger! Hari ini saya coba menulis khususnya buat para blogger pemula
tentang bagaimana cara 'Membuat Efek Bintang Berjatuhan di Blog'.
Ada 4 (empat) warna bintang yang bisa anda pasang di blog anda. Tanpa basa-basi, langsung saja kita menuju ke TKP :

*  Pada Dasbor, anda pilih Rancangan
*  Tambah Gadget dan pilih HTML/JavaScript
*  Copy Script di bawah ini dan paste ke dalam kontennya.
*  Simpan dan lihat hasilnya.

1. Bintang warna merah :

<script src='https://sites.google.com/site/secretofzero/home/fajrul/bintang_merah.js"></script>

2. Bintang warna kuning :

<script src='https://sites.google.com/site/secretofzero/home/fajrul/bintang_kuning.js"></script>

3. Bintang warna hijau :

<script src='https://sites.google.com/site/secretofzero/home/fajrul/bintang_hijau.js"></script>

4. Bintang warna biru :

<script src='https://sites.google.com/site/secretofzero/home/fajrul/bintang_biru.js"></script>

Baca selengkapnya »

Cara Membuat Menu Navigasi Dengan Icon

hari ini saya akan share Cara Membuat Menu Navigasi Dengan Icon.

Cara ini sebenernya punya banyak manfaaat, yaitu selain lebih mempercantik blog kita karena icon" yang menarik dan lucu dan juga bisa menghemat tempat.

Cara ini bisa sobat terapkan pada berbagai tempat, misalnya pada gadget atau malah bisa ditempatkan dibawah postingan... yaaaaa tergantung selera kita deh... hihihihihihih

Nih langsung aja pada tutorialnya :
1. login blog
2. rancangan --> Edit HTML
3. Cari kode ]]></b:skin>
4. lalu taruh kode dibawah ini diatas kode ]]></b:skin>

#newnavbar ul li{
list-style-type: none;
display:inline;
margin:0px;
padding:30px;
border:0px solid;
}

5. simpan........

SELESAI?????? belum lahhh.. karena tu masih instalasi cssnya saja... nah langsung aja pada langkah selanjutnya.

6. buka Elemen halaman --> tambah gadget --> HTML/JavaScript
7. lalu copy kode dibawah ini dan taruh pada gadget tadi

<div id='newnavbar'>
<ul>
<li><a href="URL "><img src="URL gambar" /></a></li>
<li><a href="URL "><img src="URL gambar" /></a></li>
<li><a href="URL "><img src="URL gambar" /></a></li>
--- Dan seterusnya Bila mungkin sobat ingin menambahkan lagi ---
</ul></div>

NB : ganti URL dengan alamat yang akan di link, dan ganti URL gambar dengan alamat gambarnya, dan anda pun bisa menambahkan beberapa navigasi icon lagi seperti contoh diatas. Eitsss jangan lupa hapus tulisan --- Dan seterusnya Bila mungkin sobat ingin menambahkan lagi --- Karena itu hanya menandakan bahwa sobat bisa membuat menu navigasi icon lebih dari 3 seperti yang saya contohkan diatas.....

good Luck .............. eitsssss lupa sobat bisa cari icon" bagus Disini

Baca selengkapnya »

Cara Membuat 3 Kolom Widget di Bawah Header

kali ini akan share mengenai Cara Membuat 3 Kolom Widget di Bawah Header.

ok deh gak usah panjang-panjang basa-basinya...



Langkah-langkah Cara Membuat 3 Kolom Widget di Bawah Header :
1. login blog
2. rancangan >> edit HTML (centang Expand Template Widget)
3. cari kode ]]></b:skin>
4. lalu taruh kode dibawah ini tepat diatas kode ]]></b:skin>

/* Top Header
---------------------------- */
#topheader {
width:930px;
clear:both;
float:left;
color:#333;
background:#fff;
margin:0 auto;
padding:0 0 10px;
}


#topheader a:visited {
color:gray;
text-decoration:none;
}


#topheader h2 {
font-size:11px;
font-weight:700;
line-height:1.4em;
text-transform:uppercase;
border-bottom:1px dotted silver;
margin:0 0 10px;
padding:20px 0 2px;
}


#topheader ul {
color:#333;
margin:0;
padding:0;
}


#topheader ul li {
list-style-type:none;
background:fff;
border-bottom:1px dotted #ccc;
padding-left:17px;
margin-top:2px;
}


#left-topheader {
width:360px;
float:left;
padding-left:15px;
}


#center-topheader {
width:230px;
float:left;
padding:0 20px;
}


#right-topheader {
width:260px;
float:right;
padding-right:15px;
}

Silahkan sobat modifikasi kode HTML diatas agar sesuai dengan template blog sobat.
5. cari kode seperti dibawah ini, jika tidak ada cari kode yang hampir sama seperti kode dibwah ini.

<b:section class='blogname' id='top' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='™Secret Of Zero™ (Header)' type='Header'/>
</b:section>

pada tulisan yang berwarna merah tergantung pada nama blog sobat.
6. lalu tambahkan kode dibawah ini dibawah kode diatas

<div id='topheader'>
<b:section class='topheader' id='left-topheader' preferred='yes'/>
<b:section class='topheader' id='center-topheader' preferred='yes'/>
<b:section class='topheader' id='right-topheader' preferred='yes'/>
</div>

7. simpan dan lihat hasilnya.....

Selamat Mencoba sob ^_^

Baca selengkapnya »

Cara Mendisbled (mematikan) Klik Kanan Pada Blog

Cara Mendisbled (mematikan) Klik Kanan Pada Blog. buat sobat-sobat yang blog nya pengen di matikan klik kanannya, sobat bisa pakai cara ini karena artikel kali ini akan membahas Cara Mendisbled (mematikan) Klik Kanan Pada Blog. hehehehe



ok deh langsung saja ya pada langkah-langkah Cara Mendisbled (mematikan) Klik Kanan Pada Blog.
1. login blog
2. rancangan -> elemen halaman -> tambah gadget (HTML/JavaScript)
3. copy dan paste kode dibawah ini

<script language="JavaScript">
<!--
//Disable right mouse click Script
//By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
//For full source code, visit http://www.dynamicdrive.com
var message="Izin dulu yach kalau mau Copas";
///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}
document.oncontextmenu=new Function("alert(message);return false")
// -->
</script>

NB : Ganti kalimat HTML yang berwarna merah di atas, bisa sobat ganti dengan kalimat sobat sendiri , misalnya ” dilarang klik kanan” dan lain-lain.

4. simpan deh... dan coba buka blog sobat dan coba klik kanan pada blog sobat untuk mengetahui cara ini bekerja atau tidak.

Good Luck ^_^

Baca selengkapnya »

Cara Membuat Title Blog Berjalan Bergantian

Ok Langsung saja ke langkah-langkah nya:
1. Login Ke Blogger.
2. Rancangan>Elemen Laman>Tambah Gadget>HTML/Java Script.
3. Lalu masukan kode dibawah ini:

<script language="JavaScript">
<!--


function tb5_makeArray(n){
this.length = n;
return this.length;
}

tb5_messages = new tb5_makeArray(6);
tb5_messages[0] = "Selamat Datang Di";
tb5_messages[1] = "Secret Of Zero";
tb5_messages[2] = "Tempat Untuk Tips, Trick Dan Hack";
tb5_messages[3] = "Untuk Kebutuhan Sehari-Hari";
tb5_messages[4] = "Jangan Lupa Tinggalkan Pesan";
tb5_messages[5] = "Terima Kasih Atas Kunjungannya";
tb5_rptType = 'infinite';
tb5_rptNbr = 10;
tb5_speed = 50;
tb5_delay = 2000;
var tb5_counter=1;
var tb5_currMsg=0;
var tb5_stsmsg="";
function tb5_shuffle(arr){
var k;
for (i=0; i<arr.length; i++){
k = Math.round(Math.random() * (arr.length - i - 1)) + i;
temp = arr[i];arr[i]=arr[k];arr[k]=temp;
}
return arr;
}
tb5_arr = new tb5_makeArray(tb5_messages[tb5_currMsg].length);
tb5_sts = new tb5_makeArray(tb5_messages[tb5_currMsg].length);
for (var i=0; i<tb5_messages[tb5_currMsg].length; i++){
tb5_arr[i] = i;
tb5_sts[i] = "_";
}
tb5_arr = tb5_shuffle(tb5_arr);
function tb5_init(n){
var k;
if (n == tb5_arr.length){
if (tb5_currMsg == tb5_messages.length-1){
if ((tb5_rptType == 'finite') && (tb5_counter==tb5_rptNbr)){
clearTimeout(tb5_timerID);
return;
}
tb5_counter++;
tb5_currMsg=0;
}
else{
tb5_currMsg++;
}
n=0;
tb5_arr = new tb5_makeArray(tb5_messages[tb5_currMsg].length);
tb5_sts = new tb5_makeArray(tb5_messages[tb5_currMsg].length);
for (var i=0; i<tb5_messages[tb5_currMsg].length; i++){
tb5_arr[i] = i;
tb5_sts[i] = "_";
}
tb5_arr = tb5_shuffle(tb5_arr);
tb5_sp=tb5_delay;
}
else{
tb5_sp=tb5_speed;
k = tb5_arr[n];
tb5_sts[k] = tb5_messages[tb5_currMsg].charAt(k);
tb5_stsmsg = "";
for (var i=0; i<tb5_sts.length; i++)
tb5_stsmsg += tb5_sts[i];
document.title = tb5_stsmsg;
n++;
}
tb5_timerID = setTimeout("tb5_init("+n+")", tb5_sp);
}
function tb5_randomizetitle(){
tb5_init(0);
}
tb5_randomizetitle();

//-->
</script>


NB: Ganti Tulisan Merah Dengan Apa Yang Anda Inginkan.

Baca selengkapnya »

Cara Membuat Widget Tampil Pada Homepage Saja

OK deh langsung aja deh pada langkah" Cara Membuat Widget Tampil Pada Homepage Saja

1. login Blogger
2. rancangan -> edit HTML (centang 'Expand Widget Template')
3. cari judul widget sobat (harus widget yang diberi judul)

Sebagai Contoh saya hanya akan menampilkan widget -::Statistik::- (judul) pada homepage saja.

Jadi cari kode yang seperti dibawah ini

<b:widget id='HTML4' locked='false' title='-::Statistik::-' type='HTML'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
</b:widget>

NB :
pada tulisan yang berwana merah adalah nama judul widget sobat. tulisan -::Statistik::- diatas menyatakan kalau widget saya yang berjudul -::Statistik::- akan saya tampilkan pada homepage saja.

4. lalu letakkan kode <b:if cond='data:blog.homepageUrl == data:blog.url'> dibawah kode <b:includable id='main'>
5. dan letakkan kode </b:if> dibawah kode <b:include name='quickedit'/>

maka hasilnya akan seperti ini

<b:widget id='HTML4' locked='false' title='-::Statistik::-' type='HTML'>
<b:includable id='main'> 
<b:if cond='data:blog.homepageUrl == data:blog.url'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
  <b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Good Luck sob....

Baca selengkapnya »

Cara Membuat Efek Daun-Daun Berguguran pada Blog

ok langsung saja ya.... untuk kali ini kita gak usah basa-basi dulu.... hehehehehehe


cara ini juga sama kok yaitu :



1. login Blog
2. Rancangan --> Elemen Halaman --> tambah gadget --> HTML/javascript


langsung deh copy kode dibawah ini dan paste pada kotak HTML/javascript.

<script src='https://sites.google.com/site/secretofzero/home/fajrul/DaunBerguguran.js' type='text/javascript'/>

3. simpan deh... dan lihat hasilnya.....


Tapi bila cara ini belum berhasil, ane punya tips berikutnya yaitu :


1. login blog
2. Rancangan --> Edit HTML --> cari kode ]]></b:skin>
lalu copy kode dibawah ini dan taruh dibawah kode ]]></b:skin>

<script src='https://sites.google.com/site/secretofzero/home/fajrul/DaunBerguguran.js' type='text/javascript'/>

3. simpan template
Selamat Mencoba!!!^_^

Baca selengkapnya »

Cara Membuat Efek Turun Salju Pada Blog

Mumpung sekarang hari minggu saya mau sharing nih, kali ini saya akan memberikan tips cara membuat efek salju di blog langsung aja ya gan pasti kalian udh ga sabar.... ni gua punya tips buat agan" sekalian yaitu Cara Memberi Efek Turun Salju Pada Blog.

ok langsung aja deh ke langkah-langkahnya....

1. Login Blogger
2. Klik rancangan --> edit HTML --> centang pada Expand Template Widget
3. Cari kode <head>
4. Lalu masukkan kode dibawa ini ke atas kode <head>

<script src='https://sites.google.com/site/secretofzero/home/fajrul/Salju.js' type='text/javascript'/>

5. Simpan Templates
good luck.........

Baca selengkapnya »