Membuat Scroll pada Label, Arsip Blog Ataupun Widgets Lainnya

Langsung ke bahasan membuat scroll pada label atau widgets lainnya saja Yak...
Seperti yang sudah mafhum yang namanya scroll itu adalah sesuatu yang bisa ditarik ke atas dan ke bawah, seperti pada halaman utama blog ini. Atau Pada arsip di blog ini maupun NEW dan Blogger ter'buwel, Yang mana widgets2 tadi adalah widgets yang berupa bawaan dari blogger atau blogspot. Atau bisa juga widget2 lainnya yang memang pengin diberikan scroll... :-)

Dan Langsung ke cara membuatnya yaitu

1.Sign in seperti biasa di blogger
2.Ke Tata letak---> terus ke Edit Html
3.Cari Kode:


<b:widget id='Profile1' locked='false' title='Mengenai Saya' type='Profile'/>
<b:widget id='HTML6' locked='false' title='Jam' type='HTML'/>
<b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'/>
<b:widget id='Label1' locked='false' title='Kategori' type='Label'/>
<b:widget id='Followers1' locked='false' title='Pengikut' type='Followers'/>
<b:widget id='HTML7' locked='false' title='Statistik Blog Ini' type='HTML'/>
<b:widget id='HTML1' locked='false' title='Kotak Chatting' type='HTML'/>





4.Lha trus cari nama widgets yang akan anda beri scroll.
Misalkan anda pengin mengasih scrollnya untuk Arsip Blog, maka kodenya kira2 seperti ini

<b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'/>


Nah kode id yang nanti di pakai untuk Arsip blog ini adalah BlogArchive1

5. Kemudian Pastekan Kode dibawah ini di atas kode ]]></b:skin>


#BlogArchive1 .widget-content{
height:200px; /* Tinggi yang diinginkan */
width:auto;
overflow:auto;
}

Kemudian simpan Templete.
Nah kalo berhasil nggak akan Error, dan Arsip Blog kita akan terscrollkan.

Cara ini bisa juga untuk membuat scroll pada label, Seperti contoh script diatas (script no 3) yang mengambarkan id Label yaitu Label1, maka kita tinggal mengganti kata BlogArchive1 pada script nomer 5 dengan Kata Label1.
Sedang Untuk tinggi scroll bisa diatur sesuai keinginan dan kebutuhan :D


Semoga berguna, jangan lupa follow dan like fans page !
Source : cah-cikrik

Read More

Membuat Spoiler pada Postingan Blog

Sedikit tip basi sehabis ngutak-ngatik gambar-gambar sambil iseng-iseng belajar nyari buat menguntungkan “membuat puntung” sebatang 234 sebagai pengganjal kelopak mata ketika belum mau merapat. Hanya berbagi sama yang belum tahu aja, barangkali masih ada yang belum mencobanya

Ingin menampilkan koleksi photo pada blog kadang-kadang mikir dulu kalau koneksi yang dihadapi tidaklah selalu stabil. Sedikit cara menyiasatinya agar tetap gambar-gambar tersebut dapat terpajang dengan menggunakan spoiler hingga tidak terlalu mempengaruhi bandwidth yang ada.

Membuat spoiler atau tombol buka/tutup pada blog yang dapat disimpan dalam postingan atau bisa juga di sidebar. Selain mempengaruhi akses blog, dengan adanya spoiler juga bisa menghemat tempat. Jika dalam forum kaskus cukup diawali dengan menuliskan

EASY SPOILER SHORTCODE ERROR

Check for misspelled parameters (case matters)

Check for new lines (all must reside on one long line)

Error near [0], [=Judul]

For assistance, please visit http://www.dyerware.com/main/products/easy-spoiler

cara membuatnya dalam blog cukup sederhana juga dengan menggunakan kode HTML seperti di bawah ini:

<div style=”margin-bottom: 2px;”><span style=”color: #000080;”><strong>Judul Spoiler </strong></span>

<div style=”margin-bottom: 2px;”>

<div style=”margin-top: 1px; text-align: left;”><input style=”margin-top: 5px; width: 60px; font-size: 10px;” onclick=”if (this.parentNode.parentNode.getElementsByTagName(‘div’)[1].getElementsByTagName(‘div’)[0].style.display != ”) { this.parentNode.parentNode.getElementsByTagName(‘div’)[1].getElementsByTagName(‘div’)[0].style.display = ”; this.innerText = ”; this.value = ‘Tutup‘; } else { this.parentNode.parentNode.getElementsByTagName(‘div’)[1].getElementsByTagName(‘div’)[0].style.display = ‘none’; this.innerText = ”; this.value = ‘Buka‘; }” type=”button” value=”Buka” /></div>

<div style=”border: 1px inset; margin: 0px; padding: 6px;”>

<div style=”display: none;”>Isikan materi (teks atau gambar) yang akan di spoiler disini</div>

</div>

</div>

Tulisan berwarna merah menunjukan tulisan yang akan nampak pada button atau tombol yang dibuat, tulisan atau nama tersebut bisa diganti sesuai dengan keinginan. Dan, untuk isi pokok dari spoiler bisa berupa teks atau gambar.

Semoga berguna, jangan lupa follow dan klik like pada fans page ya..!!

source : keepsains

Read More

Cara Memasang Widget Alexa di Blog

Seperti kita tahu bahwa alexa rank akan membuat peringkat berdasarkan banyaknya pengunjung blog atau web, semakin banyak pengunjung terhadap suatu blog atau web maka alexa rank akan semakin baik. Darimana alexa mengetahui jumlah kunjungan terhadap suatu web atau blog? alexa akan mengetahui jumlah kunjungan terhadap suatu web atau blog berdasarkan informasi dari komputer yang browser internetnya memasang alexa toolbar. Lho, kan tidak semua orang memasang alexa toolbar di browser internetnya? nah, justru itulah maka muncul alternatif lain bagi pemilik blog atau web untuk mendapatkan data yang akurat tentang banyaknya kunjungan yaitu dengan memasang alexa widget pada blog atau web yang di miliki. Dengan memasang alexa widget di blog, maka mesin alexa akan mengetahui secara akurat berapa pengunjung serta Page view (halaman yang di lihat) pada web atau blog kamu.

Berikut adalah panduan langkah-langkahnya :

1. Buka situs alexa.com
2. Klik for site owners
   
   
   
   
3. Lalu klik Get traffict widget akan ada hasil seperti gambar dibawah ini:
   
   
   
   
4. Masukkan alamat URL blog kamu pada kolom seperti gambar dibawah ini.
   
   
   
5. Lalu klik build widget.
6. Kemudian akan ada hasil yang ditampilkan dalam bentuk kode HTMLyang terdapat didalam kolom.
7. Copy dan paste kode html tersebut kedalam blog kamu.
   

Sudah bisa kan caranya memasukkan kedalam blog? ok..biar lebih jelas ni caranya:

• Login ke Blogger dengan ID sobat tentunya.
• Klik Tata LetakKlik tab Elemen Halaman
• klik Tambah Gadget
• Kemudian klik yang HTML/Java Script.
• Paste kode HTML yang tadi kedalam kolom yang tersedia.
• Klik Simpan.
• Selesai.
  

Selamat Mencoba !! mudah-mudahan dengan terpasangnya widget Alexa, blog sobat jadi semakin tinggi peringkatnya di Alexa.

Jangan Lupa follow...!

Credits : Info

Read More

Membuat 3 Kolom Di Bawah Header

Kali ini akan memposting cara membuat 3 kolom di bawah header..

seprti blog akang rohman ini Kang Rohman sekali backlink gratis xixix ^^a

oke langsung aja ikuti tutorial ala TM eheheheh..

1. Pada dasbor klik Tata Letak=> Edit HTML=> Cari kode berikut ]]></b:skin> jika sudah dapat, letakkan kode berikut diatasnya:

#box-main-container {

clear:both;

}

.box-column {

padding:0px 10px 10px 10px;

border:1px dotted $bordercolor;

}

2. Kemudian cari kode <div id='main-wrapper'> setelah dapat letakkan kode beikut diatasnya :

<div id='box-main-container'>

<div id='box1' style='width: 30%; float: left; margin:0; text-align: left;'>

<b:section class='box-column' id='col1' preferred='yes' style='float:left;'/>

</div>

<div id='box2' style='width: 40%; float: left; margin:0; text-align: left;'>

<b:section class='box-column' id='col2' preferred='yes' style='float:left;'/>

</div>

<div id='box3' style='width: 30%; float: right; margin:0; text-align: left;'>

<b:section class='box-column' id='col3' preferred='yes' style='float:right;'/>

</div>

<div style='clear:both;'/>

</div>

3. Simpan template dan lihat hasilnya, jika sukses maka akan ada 3element lagi dibawah header kamu seperti gambar dibawah ini:




selamat mencoba..! Moga bermanfaat dan sukses ^_^

Terima Kasih atas kunjungannya....! Jangan lupa komentar dan FOllow...!

Credit : Info

Read More

Membuat Blog Archive ( Arsip Blog ) Memakai Scroll

Mau seperti itu? itu termasuk irit tempat loh.. dari pada panjang2 ampe ke bawah

ini lebih efektif kan?

dan juga lebih mudah melihatnya, oke langsung aja ya..

ikuti tutorial di bawah ini

Login Ke Blog anda
2. Klik Rancangan >> Edit HTML >> Expand Template Widget
3. Cari Kode Seperti ini

<b:widget id='BlogArchive2' locked='false' title='Nama_Widget_Anda' type='BlogArchive'></div><div style="text-align: -webkit-auto;"><b:includable id='main'></div><div style="text-align: -webkit-auto;"><b:if cond='data:title'></div><div style="text-align: -webkit-auto;"><h2><data:title/></h2></div><div style="text-align: -webkit-auto;"></b:if></div><div style="text-align: -webkit-auto;"><div class='widget-content'>

Nama_Widget_Anda diganti dengan judul widget Arsip Blog/Blog Archive anda

4. Lalu Tambahkan Kode ini di bawah <div class='widget-content'>

<div style='overflow:auto; width:auto; height:250px;'>

250px bisa di sesuaikan dengan keinginan anda

5. sekarang tengok sedikit ke bawah, cari kode seperti ini

<b:if cond='data:style == &quot;MENU&quot;'></div><div><div><b:include data='data' name='menu'/></div><div></b:if></div><div></div></div><div></div></div><b:include name='quickedit'/>

6. sekarang tambahkan sebuah kode </div> di atas <b:include name='quickedit'/>

7. Maka Hasilnya akan seperti ini :

</span><span class="Apple-style-span" style="line-height: 20px; "><b:widget id='BlogArchive2' locked='false' title='Arsip Blog Ini' type='BlogArchive'></span></div><div><span class="Apple-style-span" style="line-height: 20px;"><div><b:includable id='main'></div><div><b:if cond='data:title'></div><div><h2><data:title/></h2></div><div></b:if></div><div><div class='widget-content'></div><div><div style='overflow:auto; width:auto; height:250px;'></div><div><div id='ArchiveList'></div><div><div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'></div><div><b:if cond='data:style == &quot;HIERARCHY&quot;'></div><div><b:include data='data' name='interval'/></div><div></b:if></div><div><b:if cond='data:style == &quot;FLAT&quot;'></div><div><b:include data='data' name='flat'/></div><div></b:if></div><div><b:if cond='data:style == &quot;MENU&quot;'></div><div><b:include data='data' name='menu'/></div><div></b:if></div><div></div></div><div></div></div><div></div></div><b:include name='quickedit'/>

8. Save Template anda, selesai...

Mudah bukan? kesulitan? komen aja di bawah ;)

Terima kasih atas kunjungannya...! Jangan lupa follow...!

Read More

Cara Membuat Auto Hide Navigation Bar ( Navbar )

Pernah melihat blog orang? atau pada saat blogwalking?

ketika mouse arahkan ke atas, maka di akan muncul navbanya.

dan ketika mouse di jauhkan, navbar hilang, itulah yg dinamakan Auto Hide navbar

mau seperti itu? ikuti tutorial di bawah ini

Caranya Gampang..

1. Login Ke Blogger
2. Klik Rancangan > Edit HTML
3. Cari Kode Body { abis itu masukkan kode ini di atasnya..

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)} #navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100,FinishedOpacity=100)}

Mudah bukan? gampang kan?

nah simpan template kalian dan lihat blog kalian, dan itulah hasilnya..

moga bermanfaat ya..

Terima kasih atas kunjungannya...! Jangan lupa komentar dan tinggalkan jejak anda dengan Follow blog saya..! Terima kasih

Read More

Cara Mengganti Posting Baru, Posting Lama dan Home Dengan Icon

Pada kesempatan kali ini saya ingin share kepada teman-teman semua tentang bagaimana Cara Ganti Tulisan Posting Baru, Posting Lama dan Home Dengan Icon di Blog

Sebenarnya ini bukanlah suatu kewajiban untuk di ganti, tetapi kadang-kadang sebagian blogger lebih menyukai icon ketimbang sebuah teks karena tentu saja blog akan terlihat lebih menarik karena ada navigasi berupa icon, khususnya pada Posting Baru, Posting Lama dan Home. Older post , New Post Dalam bahasa inggris

Langsung saja ikuti Tutorial di bawah :

1. Login ke akun blogspot,
2. Klik Design/Rancangan >> Edit HTML >> klik Expand Templates Widget,
3. Ganti beberapa kode seperti di bawah ini:

* Untuk mengganti tulisan Posting Baru (Newer Post) cari kode berikut: <data:newerPageTitle/>

lalu ganti kode tersebut dengan kode ini:

<img border='0' src='http://cdn.iconfinder.net/data/icons/musthave/48/Previous.png'/>

* Untuk mengganti tulisan Posting Lama (Older Post) cari kode berikut: <data:olderPageTitle/>

lalu ganti kode tersebut dengan kode ini:

<img border='0' src='http://cdn.iconfinder.net/data/icons/musthave/48/Next.png'/>

* Untuk mengganti tulisan Home (Home Page) cari kode berikut: <data:homeMsg/>

lalu ganti kode tersebut dengan kode ini:

<img border='0' src='http://cdn.iconfinder.net/data/icons/sphericalcons/48/home.png'/>

4. Untuk icon silahkan di ganti dengan selera masing-masing

5. Jika sudah tinggal klik Save Templates.

Terima kasih atas Kunjungannya...! Jangan lupa tinggalkan komentar anda dan Follow juga..!

Credits : Angga

Read More

Tips Menaikan Ranking Alexa

Semua Blogger pasti ingin punya page rank alexa yang tinggi ( termasuk saya sendiri.. ), nah untuk mewujudkan itu semua bukan hal yang mudah karena butuh perjuangan, yang menguras tenaga, waktu dan pikiran kita, sebagai seorang blogger yang suka walking walking sana sini aku menemukan beberapa artikel untuk meningkatkan alexa rank kita caranya adalah sebagai berikut :

• Buat postingan yang menarik agar banyak pengunjung yang datang

• Daftar blog anda pada search engine, agar mudah terindex

• Cari backlink sebanyak-banyaknya dan berkualitas - Memberi komentar pada situs yang banyak pengunjungnya dan mempunyai page rank tinggi, beri komentar yang bagus supaya bisa menarik perhatian pemilik blog atau pengguna lain, sertakan link sehingga orang lain bisa dengan mudah menuju ke blog anda - Update blog secara berkala, karena google lebih senang dengan situs yang sering di update karena google menganggap ada kegiatan yang kontinu dalam blog anda. - Daftarkan blog anda ke blog katalog, atau blog direktori gratisan, semakin banyak tautan dari blog lain ke blog anda, maka google akan semakin menganggap blog anda berbobot.

• Aktif dalam forum diskusi seperti google grup, yahoo answer, atau social networking seperti friendster dan FaceBook

• Daftarkan blog anda ke technorati

• Menginstal Alexa toolbar pada browser anda, atau memasang widget alexa pada blog

• Biasakan masuk ke situs anda menggunakan google search

• Buat link antar halaman, dan link dari halaman home ke sub halaman dan sebaliknya

Bagainama teman teman silahkan mencoba ini hanya sebagian kecil tip yang bisa aku tulis, pasti masih ada banyak sekali tip lain yang juga berhubungan dengan meningkatkan page rank alexa jadi teman teman ku semua selamat mencoba ya.

Terima Kasih atas Kunjungannya....! Jangan Lupa tinggalkan komentar dan Follow...!

Read More

Membuat Efek Marquee

Marquee adalah teks berjalan

berikut detailnya :

Marquee ini bisa di buat dengan menggunakan tag

<marquee>...</marquee>.

Atribut yang sering di gunakan adalah :

BGCOLOR="warna" --> Untuk mengatur warna background (latar belakang) teks

DIRECTION="left/right/up/down" --> Mengatur arah gerakan teks

BEHAVIOR="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan

Scroll --> teks bergerak berputar
Slide--> teks bergerak sekali lalu berhenti
Alternate --> teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik bo)

TITLE='pesan" --> Pesan akan muncul saat mouse berada di atas teks

SCROLLMOUNT="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semajin cepat gerakannya.

SCROLLDELAY="angka" --> Untuk mengatur waktu tunda gerakan dalam mili detik

LOOP="angka|-1|infinite" --> Mengatur jumlah loop

WIDTH="lebar" --> Mengatur lebar blok teks dalam pixel atau persen

Agar lebih jelas akan saya sertakan contohnya :

Contoh marquee dari gerakan :

<MARQUEE align="center" direction="right" height="300" scrollamount="2" width="30%">

marquee dari kanan ke kiri

</MARQUEE>

Hasilnya :



marquee dari kanan ke kiri http://www.taufanmahaputra.blogspot.com



ganti kata "left" dengan keinginan anda yaitu bisa : left, up, down

Terima Kasih atas kunjungannya...! jangan lupa tinggalkan komentar anda dan Follow ...!

Read More

Cara Membuat Banner di Blog

Caranya Sebenarnya Sangat Mudah !! Berikut Tutorialnya

1. Klik Link Click Here
2. Pilih Template Banner yang kamu mau
3. Isikan Kata-Kata Yang Kamu Kehendaki
4. Klik Generate Animation
5. Copy HTML di Easy Instalation.. Langsung Paste Di Blogmu !!

Berikut Contoh Bannernya :

Read More

Membuat Kursor Blog Di ikuti Jam

Berikut cara membuat cursos selalu di ikuti jam

menarik bukan? mw?

ikuti tutorialnya

1. Login Ke blogger kalian
2. Masuk ke rancangan --> EDIT HTML
3. Simpan CSS berikut diatas kode ]]></b:skin>

/*-- CSS Kursor Diikuti Jam --*/

.cursor_jam1{

background:transparent;

position:absolute;

top:0px;

left:0px;

width:16px;

height:16px;

font-family:cursive;

font-size:16px;

text-align:center;

font-weight:bolder;

}

.cursor_jam2{

position:absolute;

top:0px;

left:0px;width:12px;

height:12px;

font-family:cursive;

font-weight:bolder;

font-size:10px;

text-align:center;

}

/*-- END CSS --*/

4. kemudian lari ke bagian paling bawah dan cari kode </body>
5. Simpan script berikut diatas kode </body>

<script type='text/javascript'>

//<![CDATA[

if (document.getElementById&&!document.layers){dCol='blue'; fCol='green'; sCol='blue'; mCol='red'; hCol='red'; del=0.7; ref=70;var ieType=(typeof window.innerWidth != 'number'); var docComp=(document.compatMode);var docMod=(docComp && docComp.indexOf("CSS") != -1); var ieRef=(ieType && docMod)?document.documentElement:document.body;theDays=new Array("MINGGU","SENIN","SELASA","RABO","KAMIS","JUM'AT","SABTU");theMonths=new Array("JANUARI","FEBUARI","MARET","APRIL","MEI","JUNI","JULI","AGUSTUS","SEPTEMBER","OKTOBER","NOVEMBER","DESEMBER"); date=new Date(); day=date.getDate(); year=date.getYear();if (year < 2000) year=year+1900; tmpdate=" "+theDays[date.getDay()]+" "+day+" "+theMonths[date.getMonth()]+" "+year;D=tmpdate.split(""); N='3 9 12'; N=N.split(" "); F=N.length; H='...'; H=H.split("");M='....'; M=M.split(""); S='.....'; S=S.split(""); siz=40; eqf=360/F; eqd=360/D.length; han=siz/5.5;ofy=-7; ofx=-3; ofst=70; tmr=null; vis=true; mouseY=0; mouseX=0; dy=new Array(); dx=new Array();zy=new Array(); zx=new Array(); tmps=new Array(); tmpm=new Array(); tmph=new Array();tmpf=new Array();tmpd=new Array(); var sum=parseInt(D.length+F+H.length+M.length+S.length)+1;

for (i=0; i < sum; i++){ dy[i]=0; dx[i]=0; zy[i]=0; zx[i]=0;}

algn=new Array();for (i=0; i < D.length; i++){algn[i]=(parseInt(D[i]) || D[i]==0)?10:9;

document.write('<div id="_date'+i+'" class="cursor_jam2" style="font-size:'+algn[i]+'px;color:'+dCol+'">'+D[i]+'<\/div>');tmpd[i]=document.getElementById("_date"+i).style;} for (i=0; i < F; i++){

document.write('<div id="_face'+i+'" class="cursor_jam2" style="color:'+fCol+'">'+N[i]+'<\/div>');

tmpf[i]=document.getElementById("_face"+i).style; } for (i=0; i < H.length; i++){

document.write('<div id="_hours'+i+'" class="cursor_jam1" style="color:'+hCol+'">'+H[i]+'<\/div>');

tmph[i]=document.getElementById("_hours"+i).style;} for (i=0; i < M.length; i++){

document.write('<div id="_minutes'+i+'" class="cursor_jam1" style="color:'+mCol+'">'+M[i]+'<\/div>'); tmpm[i]=document.getElementById("_minutes"+i).style; } for (i=0; i < S.length; i++){

document.write('<div id="_seconds'+i+'" class="cursor_jam1" style="color:'+sCol+'">'+S[i]+'<\/div>'); tmps[i]=document.getElementById("_seconds"+i).style;} function onoff(){if (vis){ vis=false;

document.getElementById("control").value="Tampilkan Jam";}

else{ vis=true;document.getElementById("control").value="Sembunyikan Jam";Delay();} kill();}

function kill(){ if (vis) document.onmousemove=mouse; else document.onmousemove=null;}

function mouse(e){ var msy = (!ieType)?window.pageYOffset:0; if (!e) e = window.event;

if (typeof e.pageY == 'number'){ mouseY = e.pageY + ofst - msy; mouseX = e.pageX + ofst;}

else{ mouseY = e.clientY + ofst - msy; mouseX = e.clientX + ofst;} if (!vis) kill();}

document.onmousemove=mouse; function winDims(){ winH=(ieType)?ieRef.clientHeight:window.innerHeight;

winW=(ieType)?ieRef.clientWidth:window.innerWidth;} winDims();window.onresize=new Function("winDims()"); function ClockAndAssign(){ time = new Date(); secs = time.getSeconds();sec = Math.PI * (secs-15) / 30; mins = time.getMinutes(); min = Math.PI * (mins-15) / 30; hrs = time.getHours();

hr = Math.PI * (hrs-3) / 6 + Math.PI * parseInt(time.getMinutes()) / 360;for (i=0; i < S.length; i++){

tmps[i].top=dy[D.length+F+H.length+M.length+i]+ofy+(i*han)*Math.sin(sec)+scrollY+"px";

tmps[i].left=dx[D.length+F+H.length+M.length+i]+ofx+(i*han)*Math.cos(sec)+"px";}

for (i=0; i < M.length; i++){ tmpm[i].top=dy[D.length+F+H.length+i]+ofy+(i*han)*Math.sin(min)+scrollY+"px";tmpm[i].left=dx[D.length+F+H.length+i]+ofx+(i*han)*Math.cos(min)+"px";}

for (i=0; i < H.length; i++){tmph[i].top=dy[D.length+F+i]+ofy+(i*han)*Math.sin(hr)+scrollY+"px";

tmph[i].left=dx[D.length+F+i]+ofx+(i*han)*Math.cos(hr)+"px";} for (i=0; i < F; i++){

tmpf[i].top=dy[D.length+i]+siz*Math.sin(i*eqf*Math.PI/180)+scrollY+"px";

tmpf[i].left=dx[D.length+i]+siz*Math.cos(i*eqf*Math.PI/180)+"px";}

for (i=0; i < D.length; i++){tmpd[i].top=dy[i]+siz*1.5*Math.sin(-sec+i*eqd*Math.PI/180)+scrollY+"px";

tmpd[i].left=dx[i]+siz*1.5*Math.cos(-sec+i*eqd*Math.PI/180)+"px";} if (!vis)clearTimeout(tmr);}

buffW=(ieType)?80:90; function Delay(){scrollY=(ieType)?ieRef.scrollTop:window.pageYOffset;if (!vis){

dy[0]=-100;dx[0]=-100;} else{ zy[0]=Math.round(dy[0]+=((mouseY)-dy[0])*del);

zx[0]=Math.round(dx[0]+=((mouseX)-dx[0])*del);} for (i=1; i < sum; i++){if (!vis){ dy[i]=-100;

dx[i]=-100;} else{ zy[i]=Math.round(dy[i]+=(zy[i-1]-dy[i])*del);

zx[i]=Math.round(dx[i]+=(zx[i-1]-dx[i])*del);} if (dy[i-1] >= winH-80) dy[i-1]=winH-80;

if (dx[i-1] >= winW-buffW) dx[i-1]=winW-buffW;} tmr=setTimeout('Delay()',ref); ClockAndAssign();}

window.onload=Delay;}

//]]>

</script>

6. Simpan Template Kalian

Terima kasih atas kunjungannya....! Jangan lupa tinggalkan komentar anda dan follow ya..!

Credits : DTBGTB(z33s)

Read More

Membuat Tombol Install Widget Otomatis

Posting lagi nih..., Kali saya akan memposting tetang Cara Membuat Tombol Widget Install Otomatis. Walaupun banyak blog yang sudah memuat tips seperti ini, tapi saya yakin banyak orang yang akan membacanya di sini. Oke, langsung aja ya, begini caranya, tapi lihat dulu contohnya di bawah ini:

Contoh tombol widget:

<embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="234" height="60" title="Click Here ^_^" src="http://www.fileden.com/files/2010/12/30/3048209/downloadeverything2.swf" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed>

Letakkan kode di bawah ini di postingan yang ingin anda isi dengan tombol widget install otomatis tadi:

<form action="http://beta.blogger.com/add-widget" target="_blank" method="POST"><input value="Judul Widget" name="widget.title" type="hidden"/><textarea rows="3" cols="5" style="display:none;" name="widget.content">Isi dengan kode widget yang mau diinstall</textarea><input value="Klik Disini" class="button" name="go" type="submit"/></form>

Terima Kasih atas Kunjungannya......! Jangan lupa Follow dan tinggalkan komentar anda..!

Read More

Memodifikasi/Mengganti Emoticon di Cbox

Caranya gampang sekali

langsung aja ikuti tutorial di bawah ini. mudah di mengerti ;)

Untuk contohnya teman-teman bisa melihat Cbox Chat punya saya yang ada di blog ini.

Ok, langkah-langkahnya sebagai berikut:

1. Buka new tab di jendela browser baru kemudian langsung saja menuju ke alamat ini: http://www.addemoticons.com/ (masih banyak situs lain yang menyediakan emoticons / smile icon, tapi saya mencantumkan 1 situs saja sebagai contoh tutorial),

NB: Untuk melihat emoticon Kaskus cek http://www.kaskus.us/misc.php?do=getsmilies&editorid=vB_Editor_001

NB : Ini smiles dari forum saya, karena saya momod di sana

cek http://cmonhackns.n-stars.org/post?mode=smilies_chatbox
2. Pilih dulu beberapa emoticons yang menurut teman-teman paling bagus,

3. Jika sudah standby dulu di situs tersebut, lalu masuk ke langkah selanjutnya yaitu memodifikasi Emoticons Cbox chat teman-teman dengan cara >> Login ke akun Cbox teman-teman >> Options >> Smile,

4. Setelah itu teman-teman akan masuk ke halaman Edit Emoticons Cboxnya,

5. Delete terlebih dahulu semua Emoticons defaultnya dengan cara klik tanda X,

6. Kemudian ganti kode (Code) dengan beberapa kode yang biasa digunakan, contoh bisa lihat di bawah ini:

:), :D, =)), sobat, blogwalking/jalan-jalan, berkunjung, baca-baca, award, ok, :P, cool

Selanjutnya bisa teman-teman modifikasi sendiri, jika lupa kodenya bisa teman-teman lihat Yahoo Messenger Smile Icons. Untuk lebih jelasnya bisa lihat pict di bawah ini (klik gambar untuk memperbesar),

7. Sekarang kita ganti alamat Url emoticonnya sesuai dengan kode emoticonnya dengan cara klik kanan di gambar emoticonnya lalu klik View Image, nah teman-teman ambil alamat Url imagenya dan taruh di kolom Url pada bagian Edit Emoticons,

lihat pict

8. Untuk melihat perubahan gambar Emoticonnya klik Enter,

9. Jika sudah selesai semua, lalu klik Save,

10. Sekarang kita akan lanjut untuk memasang Cbox Chat barunya (Cbox yang baru saja diedit tadi) ke dalam blog dengan cara klik Publish >> Copy Paste kode script Cbox barunya ke dalam konten HTML/Javascript (Add a Gadget) >> Save.

Jangan kawatir, semua archive pesan dari teman-teman yang lain tidak akan hilang, asalkan teman-teman melakukan edit Cbox pada akun Cbox yang teman-teman gunakan.

11. Selesai dan lihat perubahan Emoticons barunya pada Cbox Chat teman-teman
.

NB : bila sudah di save, coba langsung reload blog, apabila sudah terupdate smiles tidak perlu lagi melakukan copy paste HTML/Javascript yang baru, apabila belum terupdate smilesnya maka copylah HTML/Javascript yang baru

moga bermanfaat..,

Terima kasih atas kunjungannya...! Jangan Lupa tinggalkan komentar anda dan Follow..!

Read More

Memasang Cbox di blog

Banyak situs penyedia chatbox yang beragam dengan fasilitas dan kelebihanya masing-masing, tapi dibalik kelebihan tersebut terdapatlah sebuah kekurangan, kali ini saya tidak akan membahas kelebihan dan kekurangan masing-masing situs penyedia layanan chatbox tersebut, tetapi menurut saya situs penyedia chatbox yang sangat dianjurkan untuk para pengguna blog adalah situs www.cbox.ws dengan nama chatbox nya adalah Cbox, karena rata-rata blogger menggunakan Cbox dan banyak pula saat ini situs yang menggunakan layanan Cbox karena fiturnya yang sederhana dan memiliki banyak kegunaan dibandingkan penyedia chatbox lainnya, baiklah langsung saja saya akan memandu kalian untuk mendaftar dan memasang Cbox pada blog kalian, ikuti langkah-langkah dibawah ini:

- Pertama buka situs www.cbox.ws

- Setelah itu klik Sign Up dan isi formulirnya sesuai dengan data-data kalian

Untuk Penjelasan silahkan dibaca agar tidak terjadi kesalahan dalam mengisi formulirnya:

- Cbox Name => Isi dengan nama untuk cbox kalian, yang nantinya bisa dibuka melalui address dengan www.namakalian.cbox.ws sebagai contoh punya saya adalah www.taufan_mahaputra.cbox.ws

- Email Address => isi dengan alamat Email kalian

- Pasword => isi dengan password yang nantinya digunakan untuk loggin akun cbox

- Confirm Pasword => ketik ulang password yang kalian tuliskan pada kolom di atas

- Website => isikan dengan alamat blog kalian, Contoh : http://www.taufanmahaputra.blogspot.com

- Language => Pilih bahasa yang kalian suka, tapi ini tidak tersedia untuk bahasa Indonesia

- Style => Pilih Tampilan yang kalian sukai dan contoh dari tampilan tersebut bisa kalian lihat pada bagia kanan formulir tersebut

- Setelah semua diisi klik centang pada tulisan I have read and do agree to the Cbox terms and conditions of service.

- Setelah selesai klik tombol Create my Cbox.

- Setelah langkah Sign Up dilakukan dengan benar maka akan ada tulisan CBOX CREATED! pada halaman selanjutnya, naaahhhh sekarang kalian baca penjelasannya dan sebuah email telah terkirim pada email yang kalian pakai saat melakukan Sign Up tadi. Pada email tersebut terdapat sebuah link dan kalian klik link tersebut untuk menuju ke langkah selanjutnya.

- Lalu kalian akan akan menuju cbox kembali untuk mengambil kode yang nantinya akan dipasangkan ke blog kalian, setelah dapat maka copy kode tersebut dengan mengklik copy to Clipboard dan setelah dicopy, saatnya untuk memasang cbox tersebut di blog kalian dengan langkah-langkah dibawah ini.

- Loggin ke akun Blogger kalian
- Klik Tata Letak dan Tambah Gadget
- Pilih Html/Java script, setelah itu paste kan code cbox yang telah kalian copy tadi dan Simpan.
- Selesai dehhh, dan fasilitas chatbox telah tersedia di blog kalian.

Terima kasih atas kunjungannya....! Jangan Lupa tinggalkan komentar dan Follow ya...!

Read More