Membuat Block Teks Tertentu Dengan Satu Klik

  Cukup lama saya ngulik-ngulik tentang trik satu ini, tapi... akhirnya ketemu juga. Dan saya tidak sabar ingin cepat-cepat membagi trik-nya kepada anda semua, baik pemula, ataupun yg sudah rada-rada di atas.
  Mungkin melelahkan juga ya bagi para pembaca bila mencari trik blogging dengan menggunakan html harus di-draft pula, mending kalau sedikit, tapi kalau banyak? apalagi blog saya ini menggunakan anti copas jadi otomatis kode-nya tidak bisa di copas dari blog saya, ribet kan? disini saya posting bagaimana anda sebagai admin blog mengatasi masalah ini. oke kita mulai, tidak sulit kok...

1. pertama karna ini berada di dalam posting yang anda buat, maka buatlah posting seperti yang anda inginkan..
2. setelah anda selesai menulis pos yang anda inginkan, pastikan untuk men-save terlebih dahulu posting yang telah anda buat.
3. Copy code yang dibawah ini.

<div> <form name="copy"> <div align="center"> <input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Copy Semua"> </div> <div align="center"> </div> <p align="center"> <textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55"> Tulis teks atau java script atau mungkin link ke blog anda di sini <?textarea><?p><?div><?form>

1. setelah di block copy kode nya dan paste di tempat yang anda inginkan dengan mengubah settingan edit pos yang awalnya "compose" menjadi "HTML"
2. Paste-kan code tersebut ke tempat yang anda inginkan dengan meninjau posisi teks yang terlihat pada "Compose".
3. ingat!! setelah dipaste kode yang di akhir yang terdapat tanda tanya(?) diganti dengan garis miring(/) hal ini dikarenakan jika saya membuatnya dengan garis miring maka yang akan terjadi adalah terdapatnya 2 block teks yang di tayangkan disini

selamat mencoba!

Read More

Membuat SlideShow Posting Anda

oke kali ini saya posting kembali tentang trik blogger.
Pertama-tama coba lihat dulu di sisi kanan blog saya, apa ada yang aneh? ya, baru-baru ini saya menambahkan yang satu ini. Kalo anda tertarik dengan ini ikuti petunjuknya, kalau tidak, ya... cari posting lain...
ini dia tahapannya :
1. login ke blogger
2. masuk ke rancangan &gt; elemen laman (kalau yang baru itu layout)
3. tambah widget html/javascript
4. masukkan kode ini:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"> </script> <style media="screen" type="text/css"> <!-- #spylist { overflow:hidden; margin-top:5px; padding:0px 0px; height:350px; } #spylist ul{ width:220px; overflow:hidden; list-style-type: none; padding: 0px 0px; margin:0px 0px; } #spylist li { width:208px; padding: 5px 5px; margin:0px 0px 5px 0px; list-style-type:none; float:none; height:70px; overflow: hidden; background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x; border:1px solid #ddd; } #spylist li a { text-decoration:none; color:#4B545B; font-size:11px; height:18px; overflow:hidden; margin:0px 0px; padding:0px 0px 2px 0px; } #spylist li img { float:left; margin-right:5px; background:#EFEFEF; border:0; } .spydate{ overflow:hidden; font-size:10px; color:#0284C2; padding:2px 0px; margin:1px 0px 0px 0px; height:15px; font-family:Tahoma,Arial,verdana, sans-serif; } .spycomment{ overflow:hidden; font-family:Tahoma,Arial,verdana, sans-serif; font-size:10px; color:#262B2F; padding:0px 0px; margin:0px 0px; } --> </style> <script language="JavaScript"> imgr = new Array(); imgr[0] = "http://i43.tinypic.com/orpg0m.jpg"; imgr[1] = "http://i43.tinypic.com/orpg0m.jpg"; imgr[2] = "http://i43.tinypic.com/orpg0m.jpg"; imgr[3] = "http://i43.tinypic.com/orpg0m.jpg"; imgr[4] = "http://i43.tinypic.com/orpg0m.jpg"; showRandomImg = true; boxwidth = 255; cellspacing = 6; borderColor = "#232c35"; bgTD = "#000000"; thumbwidth = 70; thumbheight = 70; fntsize = 12; acolor = "#666"; aBold = true; icon = " "; text = "comments"; showPostDate = true; summaryPost = 40; summaryFontsize = 10; summaryColor = "#666"; icon2 = " "; numposts = 10; home_page = " http://URL BLOG ANDA"; limitspy=4 intervalspy=4000 </script> <div id="spylist"> <script src="http://scriptabufarhan.googlecode.com/svn/trunk/recentpostthumbspy-min.js" type="text/javascript"> </script></div>

5. setelah itu simpan settingan anda

ingat ini!! di bagian URL BLOG ANDA yang di coret, ganti dengan url blog anda! seperti blog saya ini : http://xenon-universe.blogspot. com

dan selamat mencoba!!

Read More

Mengubah Tampilan ShoutBox Menjadi Hide/Show(Slide)

oke kali ini saya akan memberi trik bagaimana supaya posisi shoutbox anda menjadi hide/show(slide). contohnya seperti yang anda lihat di blog saya, coba anda perhatikan shoutbox yang saya gunakan.... ada yang aneh?? ya shoutbox-nya berada di posisi kiri, dan ketika di klik "sreg" shoutbox nya menggeser.. hehehe anda ingin tahu bagaimana caranya?? ikuti saja trik trik nya....

1. pertama masuk ke elemen laman/layout
2. lalu edit widget HTML/JavaScript (kalau belum ada tambah widget aja)
3. masukkan kode berikut dalam widget HTML/JavaScript :

<style> #hcl { position:fixed; top:100px; left:0px; z-index:+1000; } * html #hcl {position:relative;} .hcltab { height:100px; width:30px; float:left; cursor:pointer; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic4D44gKYPfjIGTJy6NSh7UGx2oxVNXF4mZTDDEmJPzV7dzU8s-NFRxqOcahnTS5md4axSCPwuLWhEof1jHgXWeeS2H0t0C4Yaw7NTaTFJ4ppQ6B17T7Vj-LbzMICiEogO1Etzu-x2-FI/s400/cbred-LEFT.png') no-repeat; } .hclcontent { float:left; border:2px solid #790909; background:#f3f6f7; padding:10px; } .hc-credit {font-size:9px} .hc-credit a {text-decoration:none} </style> <script type="text/javascript"> function showHidehcl(){ var hcl = document.getElementById("hcl"); var w = hcl.offsetWidth; hcl.opened ? movehcl(0, 30-w) : movehcl(20-w, 0); hcl.opened = !hcl.opened; } function movehcl(x0, xf){ var hcl = document.getElementById("hcl"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; hcl.style.left = x.toString() + "px"; if(x0!=xf){setTimeout("movehcl("+x+", "+xf+")", 10);} } </script> <div id="hcl"> <div class="hclcontent"> <---KODE SHOUTMIX ANDA DISINI!---> <div class="hc-credit"> <span style="float:left"> Get this <a target="_blank"> Widget </a> and <a href=http://xenon-universe.blogspot.com/2011/11/mengubah-tampilan-shoutbox-menjadi.html target="_blank"> Desaign! </a> </span> <span style="float:right"> <a href="javascript:showHidehcl()"> [close] </a> </span> </div> </div> <div class="hcltab" onclick="showHidehcl()"> </div> </div> <script type="text/javascript"> var hcl = document.getElementById("hcl"); hcl.style.left = (30-hcl.offsetWidth).toString() + "px"; </script>

----------------------------------------------------------------------------------------------------- setelah selesai simpan settingan anda dan...... selamat! shoutbox anda sudah berbeda dari sebelumnya....

Read More