This is default featured slide 1 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 2 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 3 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 4 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 5 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

Tampilkan postingan dengan label Blogger Widget. Tampilkan semua postingan
Tampilkan postingan dengan label Blogger Widget. Tampilkan semua postingan

Sabtu, 11 Desember 2010

Kotak Link Exchange

Pean-pean belum bisa masang banner link exchange? masa' sih? hari gini belum bisa masang banner,
Kalo kita mau tukeran link biasanya ada kotak seperti ini :



Nah trus gimana cara buat kotak tersebut?
gini caranya,
  • Pertama Login ke blogger trus pilih Layout --> Page Elements
  • Klik Add a Gadget lalup pilih HTML/Java Script
  • Copi kode berikut ini di tempat yang disediakan.

<textarea name="textarea" cols="20"><a href="http://trik-tips.blogspot.com"><img src="http://http://kendhin.890m.com/banner-trik.gif" width="90" height="17" border="0" /></a></textarea>


text yang berwarna hijau menunjukkan labar kotak, text warna biru adalah link, ganti text tersebut dengan alamat blogmu sedangkan text warna merah adalah alamat gambar beserta ukurannya, ganti text tsb dengan alamat gambar km.
terus simpan deh templatenya

Pasang Widget Translator

Memasang widget translator atau "Penerjemah" pada blog banyak sekali gunanya. Translator ini berguna apabila ada pengunjung dari negara lain yang secara sengaja maupun tidak yang melihat blog kita dan tidak tahu bahasa kita maka mereka bisa menggunakan widget ini untuk menterjemahkannya kedalam bahasa yang mereka inginkan (tentunya yang sudah ada di widget ini). Widget ini sudah support untuk bahasa Indonesia. Dan kalo kamu mau, translator ini bisa juga untuk menterjemahkan tugas dari sekolah/kampus secara mudah. Dan hasilnya bisa lebih bagus daripada software transtool lho. Gimana? mau membuatnya? caranya mudah kog, ikutin ja cara-cara di bawah ini :

1. Login ke Blogger trus pilih menu "Layout" atau "Tata Letak"
2. Kemudian klik pada "Add Gadget" atau "tambah gadget=".
3. Lalu pilih HTML/Javascript"
4. Kemudian masukkan script berikut ini kedalamnya.

<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=id&w=160&h=60&title=&border=&output=js"></script>

5. Kemudian simpan.

Coba sekarang lihat blogmu maka ada tampilan seperti ini :



Gadgets powered by Google


Coba-coba dan dicoba, apakah translator tersebut bekerja dengan baik atau tidak.

Cara Pasang Flash di Blog

Untuk memasang flash ke dalam blog cukuplah mudah. Yang kamu perlukan yaitu file flash yang biasanya ber-extensi .swf lalu upload file tersebut ke hosting. misal di geocities.com ato 000webhost ato tempat hosting lainnya. File animasi flash tersebut bisa dijadikan hiasan pada blog ato bisa juga dijadikan hiasan di header sehingga membuat blog menjadi lebih animatif. Untuk memasang flash pada blog caranya sebagai berikut :

1. Login ke blogger kemudian pilih menu "Layout".
2. Kemudian klik link "Add a gadget" dimana akan ditempatkan animasi flash.
3. Pilih "HTML/Javascript" kemudian taruh script berikut :
 
<embed src="http://blogoholic.info/wellcome.swf" quality="high" bgcolor="white" width="500" height="100" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi? P1_Prod_Version=ShockwaveFlash"></embed>

Rabu, 24 November 2010

Cara Buat Menu Blog Yang Beda

Caranya cukup mudah kok,,,biar menunya da di samping kayak di blog ini,,,
Ikuti ja caranya berikut ini


  • Pertama,tambah Gadget > HTML
  • Masukin code Html berikut ini
<script src='http://dhedyfaste.xp3.biz/script/menukeren.js' type='text/javascript'></script>
<script>
YOffset=150;
XOffset=0;
staticYOffset=30;
slideSpeed=20
waitTime=100;
menuBGColor="brown";
menuIsStatic="yes";
menuWidth=150;
menuCols=2;
hdrFontFamily="verdana";
hdrFontSize="2";
hdrFontColor="black";
hdrBGColor="#ffffff";
hdrAlign="left";
hdrVAlign="center";
hdrHeight="15";
linkFontFamily="Verdana";
linkFontSize="2";
linkBGColor="black";
linkOverBGColor="#000000 ";
linkTarget="_top";
linkAlign="Left";
barBGColor="green";
barFontFamily="Verdana";
barFontSize="2";
barFontColor="red";
barVAlign="center";
barWidth=20; // no quotes!!
barText="Sak Milih mu";


// ----- Mulai Edit Menu
ssmItems[0]=["Menu mu"] //Header Menu
ssmItems[1]=["Home", "http://ketuputih.blogspot.com",""]
ssmItems[2]=["News", "http://ketuputih.blogspot.com/search/label/News",""]
ssmItems[3]=["Poem", "http://ketuputih.blogspot.com/search/label/Poem",""]
ssmItems[4]=["Blogger", "http://ketuputih.blogspot.com/search/label/Blogger",""]
ssmItems[5]=["Template", "http://ketuputih.blogspot.com/search/label/template",""]


buildMenu();
//----- Selesai Edit Menu
</script>
  • Di sempen..trus tinggal liat deh hasilnya

Minggu, 21 November 2010

Text In Cursor

Buat kamu yang penen blognya dikunjungi ugak mbosenin ramein ja!!!!!
Banyak caranya kok,,ni buat yang belum tau ja,ku kasih tau gimana caranya agar Cursor yang da di blog kamu da tulisan yang ngikutin
Nih caranya :
  • Log in dulu ke blog kamu
  • Masuk ke Rancangan >> Element Halaman
  • Tambah Gedget >> HTML/JavaScript
  • Tinggal deh Masukin Code Berikut :
<script language="javascript">


// ENTER TEXT BELOW. CAN *NOT* INCLUDE NORMAL HTML CODE.
var text='Rony Mufass jo ikut-ikut';//ganti message-nya

var delay=40; // SPEED OF TRAIL
var Xoff=0; // PIXEL COUNT FROM THE LEFT OF THE CURSOR (- VALUES GO TO LEFT)
var Yoff=-15; // PIXEL COUNT FROM THE TOP OF THE CURSOR (- VALUES GO UP)
var txtw=20; // AMOUNT OF PIXEL SPACE EACH CHARACTER OCCUPIES
var beghtml='<font color="#FF0000"><b>'; // OPTIONAL HTML CODE THAT EFFECTS WHOLE TEXT STRING SUCH AS FONT COLOR, SIZE, ETC.
var endhtml='</b></font>'; // END HTML CODE. MOSTLY USED IF ABOVE SETTING IS USED.

//********** NO NEED TO EDIT BELOW HERE **********\\

ns4 = (navigator.appName.indexOf("Netscape")>=0 && document.layers)? true : false;
ie4 = (document.all && !document.getElementById)? true : false;
ie5 = (document.all && document.getElementById)? true : false;
ns6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true: false;
var txtA=new Array();
text=text.split('');
var x1=0;
var y1=-100;
var t='';

for(i=1;i<=text.length;i++){
t+=(ns4)? '<layer left="0" top="-100" width="'+txtw+'" name="txt'+i+'" height="1">' : '<div id="txt'+i+'" style="position:absolute; top:-100px; left:0px; height:1px; width:'+txtw+'; visibility:visible;">';
t+=beghtml+text[i-1]+endhtml;
t+=(ns4)? '</layer>' : '</div>';
}
document.write(t);

function moveid(id,x,y){
if(ns4)id.moveTo(x,y);
else{
id.style.left=x+'px';
id.style.top=y+'px';
}}

function animate(evt){
x1=Xoff+((ie4||ie5)?event.clientX+document.body.scrollLeft:evt.pageX);
y1=Yoff+((ie4||ie5)?event.clientY+document.body.scrollTop:evt.pageY);
}

function getidleft(id){
if(ns4)return id.left;
else return parseInt(id.style.left);
}

function getidtop(id){
if(ns4)return id.top;
else return parseInt(id.style.top);
}

function getwindowwidth(){
if(ie4||ie5)return document.body.clientWidth+document.body.scrollLeft;
else return window.innerWidth+pageXOffset;
}

function movetxts(){
for(i=text.length;i>1;i=i-1){
if(getidleft(txtA[i-1])+txtw*2>=getwindowwidth()){
moveid(txtA[i-1],0,-100);
moveid(txtA[i],0,-100);
}else moveid(txtA[i], getidleft(txtA[i-1])+txtw, getidtop(txtA[i-1]));
}
moveid(txtA[1],x1,y1);
}

window.onload=function(){
for(i=1;i<=text.length;i++)txtA[i]=(ns4)?document.layers['txt'+i]:(ie4)?document.all['txt'+i]:document.getElementById('txt'+i);
if(ns4)document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=animate;
setInterval('movetxts()',delay);
}

</script>

  • Nah kolow udah, tinggal di simpen n liat dech hasilnya 

 

Cara Buat Tag Cluds Animasi

Mungkin yang namanya Tag Cloud Animasi bukanlah hal yang aneh,,,,ngak langka,,,bener ug?
Buat yang blognya penen lebih keren n agak da animasinya,,pasang ja yang namanya Tag Cloud Animasi itu,,,,
Caranya gampang kok,,,,ni ku kasih teu caranya buat yang penen coba,,,
  • Petama n yang pasti musti harus dilakuin adalah,kamu musti login dulu k blog kamu
  • Masuk ke Rancangan >> Element Halaman
  • Tambah Widget >> HTML/Java Script 
  • Kemudian tambahin Script yang satu ini
<div class='widget-content'>
<script src='http://dhedyfaste.xp3.biz/blog/swfobject.js' type='text/javascript'></script>
<div id='flashcontent'>Blogumulus by <a href='http://dhedyfaste.xp3.biz/'>Guembel ELite</a>

<script type='text/javascript'>
var so = new SWFObject("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "160", "200", "7", "#000000");
// uncomment next line to enable transparency
//so.addParam("tcolor", "0x800000");
so.addVariable("tcolor", "0x800000");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "250");
so.addVariable("tagcloud", "<tags><a href='http://ketuputih.blogspot.com/search/label/Poem' style='12'>Poem</a></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script></div></div>

  • Teks yang tercetak dengan huruf TEBAL dan miring tersebut dapat diganti sesuai dengan Link kamu-kamu semua
  • Text yang berwarna merah bisa diganti dengan link pada blog kamu sesuai dengan keinginan, yang mana terserah kamu
  • Text yang berwarna hijau merupakan Judul yang akan muncul di Cloud yang anda buat
  • Coba deh liat hasilnya,,,,
  • Silahkan mencoba 

Kamis, 11 November 2010

Buat Label Cloud

Biar bkog kita tambah rame,,,
Mendingan kitabuat variasi dengan wiget yang ada di blog kita,,,
Ni da cara buat nge modiv Label Cloud
Biar kayang gambar di samping,,,
Caranya cukup mudah





Cara Membuat Label Cloud

1. Login ke account blog panjenengan
2. Klik menu Tata Letak pada blog
3. Klik Tambah Gadget (sidebar / footer)
4. Klik pada gambar atau label atau tanda plus (+)





 5. Pada bagian display, pilih yg cloud

6. Selesai dech,,,bisa diliat ndiri...