Showing posts with label Tip's N Trik Blog. Show all posts
Showing posts with label Tip's N Trik Blog. Show all posts

Cara Membuat Read More

► Silahkan Login dan masuk di akun blogger anda
► lalu klik Rancangan dan klik Edit HTML
► Centang Expand Template Widget
► Untuk mempermudah pencarian kode HTML nya anda tekan aja ( CTRL + F )
► Cari kode dan kalau sudah ketemu
► Lalu silahkan Tambahkan kode dibawah ini tepatnya diatas kode </head>

Bila anda ingin merubah ukuran Read More Pada Blog, Blogspot, Blogger anda, ubah aja di bagian-bagian kode di bawah ini, dan Ubah angka nya sesuai kebutuhan:

summary_noimg = 430; adalah tinggi potongan artikel tanpa gambar
summary_img = 340; adalah tinggi potongan artikel dengan gambar
img_thumb_height = 100; adalah ukuran tinggi thumbnail
img_thumb_width = 120; adalah ukuran lebar thumbnail

► langkah Selanjutnya cari kode lalu ganti tag <data:post.body/> tersebut dengan kode script di bawah ini :

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>&#187;&#187;&#160;&#160;READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>


► dan untuk kata " READ MORE " bisa diganti sesuai dengan selera anda.
Read More ->>

Serial Number Win XP SP3

FRH2X-6VD7F-YH2TV-2V8B7-J46F6 / QKBGY-T8JFG-F448Q-24KR9-48XPJ / F9QV9-HDYR3-6QDR4-PGVW9GTBBJ / H49F9-8RTVG-MTCVH-G2MFK-C47C8 / px4qx-q33y4-b8cb2-kpmgk-8rpkk / V2C47-MK7JD-3R89F-D2KXW-VPK3J / BTFRC-GHC7V-2WFBW-Y42XW-9WDKY / JG28K-H9Q7X-BH6W4-3PDCQ-6XBFJ / YCKQV-CK63Y-2P3VG-8FTB6-T7W28 / CD87T-HFP4C-V7X7H-8VY68-W7D7M / CB9YB-Q73J8-RKPMH-M2WFT-P4WQJ / XR6BX-WB4J4-V8D4D-PT7KY-X6QWY / KH6RH-6374K-8CPDJ-CJ3CV-QQC2Q / FRH2X-6VD7F-YH2TV-2V8B7-J46FG / QKBGY-T8JFG-F448Q-24KRG-48XPJ / H49F9-8RTVG-MTCVH-G2MFK-C47C8 / KW88P-MG360-WMYJJ-9Q2G8-F3MWB / RJFWT-PD7GJ-8QV7B-PGWRC-9Q34Q / BW2DK-62W43-74CDC-6284C-32GPY / WQC9V-4T9JK-B8FG9-QWJ2C-KXY43 / CJ4BR-YHR9H-XPJB4-J4VWY-39XYW / J22J6-TJM8G-RBH6D-CRP46-Y6Q7W / XWTC3-Y8G6Y-YH7X8-D673M-WFBDX / PD9WR-BDGBK-RPXKR-W3CK4-QHYF3 / D6FY9-288V2-QHKC8-WW9DY-YCKJJ / CCFRD-B49C2-XC9JV-49DW9-MKTHQ / BDV7T-3JK2Y-BT4RM-3GHH2-6QHDY
Read More ->>

Cara Membuat Menu Hidden Part II

- masukan ke www.blogger.com
-masuk ke rancangan
-Edit Html lalu Cari Code ]]></b:skin>lalu Paste tepat di atasnya


Copy Script:



ul#navigation li:nth-child(2) a {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqG_VqnnTpWnLmkP-d2XwLSlwk49uO6CroWdk9tOfwNnPO41Y6gEgNFTLe3QA3W_LPbim-5s_i0_2rGCb5BDBRsPJ-97SWw88d4zapqMPvmVusYEf7iyR1bPGDcgzqAHhtEy4nFjMllIY/s1600/user.png);
}
ul#navigation li:nth-child(3) a {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnZMGuDG3o5APgUccSCNmuEkto02S1gQAOoUD5Mbt9JGpO8Ok2q14HkCpf2KRzJINM1uekLy7335DWj9W6SxnmdF4H1akJg8hEBKzogQtglQieHypI9eou3mquGerYflSU5ysb1c97ogw/s1600/facebook.png);
}
ul#navigation li:nth-child(4) a {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ_9vRVvC5shZqdoJiMQQkwdxknW096erohtWrh1_pneJzr0chhmjgzwIFuUF7KXSmC2CLiWahsVzseDNHWb2wxu8twK16z8NbTMBoTiXpMVfs5cXK5u_-G07OHWpR1x1q30H9_by5yR0/s1600/search.png);
} ul#navigation li:nth-child(5) a {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEaiooJ2i0jqfQt9bwge6_1IA6eROuR-TedVOxDgCcpA7BYZXT2IeEXLHMUdQG0cytKTOUF2T8YKIRxdQj_qeTD3x7O2NaSyvblzMcMDB2ODbrDmyvuy8F5_Ch57d-CadOkv5o3adAbAc/s1600/link.png);
}
@-webkit-keyframes fxhompinav {
from{margin-right:-1000px;} to {margin-right:0px;}
}
@-moz-keyframes fxhompinav {
from{margin-right:-1000px;} to {margin-right:0px;}
}
@-ms-keyframes fxhompinav { from{margin-right:-1000px;} to {margin-right:0px;}
}
@keyframes fxhompinav { from{margin-right:-1000px;} to {margin-right:0px;}
}




Setelah itu cari Code </body> Lalu Paste Tepat di bawahnya

Copy Script:



<ul id='navigation'>
<li><a href='Link Anda'>Judul</a></li>
<li><a href='Link Anda'>Judul Me</a></li>
<li><a href='Link Anda'>Judul</a></li>
<li><a href='Link Anda'>Judul</a></li>
<li><a href='Link Anda'>Judul</a></li>
</ul>



Read More ->>

Cara Membuat Buku Tamu IV

Login ke www.blogger.com

masuk ke Rancarangan

tambah gedget

Pilih HTML/Javasript Lalu save



Spoiler Untuk lihat Script:



<style type="text/css">
#at{
position:fixed;
right:450px;
z-index:+1000;
}
* html #at{position:relative;}
.attab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url();
}
.atcontent{
float:left;
border:2px dotted #ff0000;
background:url(http://www.webtraj.com/img/black-rainbow-vector.jpg) #000000 repeat-y center;
-webkit-border-bottom-right-radius: 25px;
-webkit-border-bottom-left-radius: 25px;
-moz-border-radius-bottomright: 25px;
-moz-border-radius-bottomleft: 25px;
border-bottom-right-radius: 25px;
border-bottom-left-radius: 25px;
padding:10px;
}
<style type="text/css">
#at{
position:fixed;
right:450px;
z-index:+1000;
}
* html #at{position:relative;}
.attab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url();
}
.atcontent{
float:left;
border:2px dotted #ff0000;
background:url(http://www.webtraj.com/img/black-rainbow-vector.jpg) #000000 repeat-y center;
-webkit-border-bottom-right-radius: 25px;
-webkit-border-bottom-left-radius: 25px;
-moz-border-radius-bottomright: 25px;
-moz-border-radius-bottomleft: 25px;
border-bottom-right-radius: 25px;
border-bottom-left-radius: 25px;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideAT(){
var at = document.getElementById("at");
var w = at.offsetWidth;
at.opened ? moveAT(0, -200-w) : moveAT(20-w, 0);
at.opened = !at.opened;
}
function moveAT(x0, xf){
var at = document.getElementById("at");
var dx = Math.abs(x0-xf) > 25 ? 35 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
at.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveAT("+x+", "+xf+")", 10);}
}
</script>
<div id="at">
<div class="attab" onclick="showHideAT()"> </div>
<div class="atcontent">
<div align="center">
<div style="background:url() no-repeat;">
Masukan Buku Tamu Anda
</div>
<br />
<div align="center"><a href="javascript:void(0);" onclick="showHideAT()"><input type="button" value="Close Window" onclick="closeIt()" /></a></div>
<div align="center"><font size="2"><div >
<span >::www.cheat-megaxus.blogspot.com ::</span></div></font></div>
</div></div>
<script type="text/javascript">
var at = document.getElementById("at");
at.style.top = (-200-at.offsetWidth).toString() + "px";
</script>
<br/>
<center><a href="javascript:void(0);"onclick="showHideAT()"/><input type=button value="klik Open GuestBook" onclick="closeIt()" alt="cbox" /></a></center>


Read More ->>

cara membuat Menu Slide Out di Navigator

kali ini saya akan membahas cara
membuat menu Slide Out di Navigator
caranya agak sedikit rumit sih tapi
kalau sudah jadi pasyi bagus kok kaya
punya saya... langsung aja yu Lets Goo.....!!!





1.Masuk ke blogger


2. lalu klik rancangan lalu klik Edit HTML lalu cari code ]]></b:skin> Cari dengan F3 atau CTRL+F


3.Copy Script Di bawah ini lalu Paste di atas code ]]></b:skin>



Copy Javascript:



/*----------------
Beautiful Slide Out Navigation
-------------------------------*/
.headerfixed
{
width:600px;
height:56px;
position:absolute;
top:50%;
left:10px;
background:#fff url(title.png) no-repeat top left;
}
ul#navixed {
position: fixed;
margin: 0px;
padding: 0px;
top: 0px;
right: 10px;
list-style: none;
z-index:999999;
width:721px;
}
ul#navixed li {
width: 103px;
display:inline;
float:left;
}
ul#navixed li a {
display: block;
float:left;
margin-top: -2px;
width: 100px;
height: 25px;
background-color:#000;
background-repeat:no-repeat;
background-position:50% 10px;
border:1px solid #BDDCEF;
-moz-border-radius:0px 0px 10px 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-khtml-border-bottom-right-radius: 10px;
-khtml-border-bottom-left-radius: 10px;
text-decoration:none;
text-align:center;
padding-top:80px;
opacity: 0.7;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
ul#navixed li a:hover{
background-color:#000;
}
ul#navixed li a span{
letter-spacing:2px;
font-size:11px;
color:#FFF;

}
ul#navixed .home a{
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhWImXVkdNC9SObgN2lYiWbrNrnOn1bVWK6dOyCNsFrXkTL9vdAcxRWBswiIND17o5TGJ43Mx8iilcgfHPg0vs4nAIHQ2wnczXlM6f4OJ8lQq94W6EijrROIpHX_myTYBt0G23RoaUKew/s1600/home.png);
}
ul#navixed .about a {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRtsbsXp9qzAV7XJ5T48jrtRcaPQMIgI_l8aZgH_9j59Ir6gtS3Jv7yleI24vyvDeocc1lsPE66eI1IsKej4kPnqwz8dhJlBel41iTMTLE0NeZyAwLzA_xjJfCsW_OzN8szAbvEFKXKDI/s1600/id_card.png);
}
ul#navixed .twitter a {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ_9vRVvC5shZqdoJiMQQkwdxknW096erohtWrh1_pneJzr0chhmjgzwIFuUF7KXSmC2CLiWahsVzseDNHWb2wxu8twK16z8NbTMBoTiXpMVfs5cXK5u_-G07OHWpR1x1q30H9_by5yR0/s1600/search.png);
}
ul#navixed .facebook a {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnZMGuDG3o5APgUccSCNmuEkto02S1gQAOoUD5Mbt9JGpO8Ok2q14HkCpf2KRzJINM1uekLy7335DWj9W6SxnmdF4H1akJg8hEBKzogQtglQieHypI9eou3mquGerYflSU5ysb1c97ogw/s1600/facebook.png);
}
ul#navixed .login a {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisSNdR2oLaQIRMa6lLxC5eiom7d19VaxWroUOXgkoHjejsVZRS5c598mTfqVIC6MQ4DerEPPvEbNB8PyVeDs3hDWfzxe2qOJtloMyDgpALYXjWtLa5wqZFaH92eKjQTKAAOgIHHRutZjM/s1600/Login.png);
}







4.kemudian cari Code </head> lalu letakan script dibawah ini di atas code </head>


Contoh Spoiler:



<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'/>
<script src='http://kangdadang.googlecode.com/files/jcolor.js'/><script type='text/javascript'>
$(function() {
var d=300;
$(&#39;#navixed a&#39;).each(function(){
$(this).stop().animate({
&#39;marginTop&#39;:&#39;-80px&#39;
},d+=150);
});

$(&#39;#navixed &gt; li&#39;).hover(
function () {
$(&#39;a&#39;,$(this)).stop().animate({
&#39;marginTop&#39;:&#39;-2px&#39;
},200);
},
function () {
$(&#39;a&#39;,$(this)).stop().animate({
&#39;marginTop&#39;:&#39;-80px&#39;
},200);
}
);
});
</script>






5.dan langkah terakhir cari code </body> copy script di bawah ini lalu paste di atas </body>


Contoh Spoiler:



<ul id='navixed'>
<li class='home'><a href='#'><span>Home</span></a></li>
<li class='about'><a href='#'><span>About</span></a></li>
<li class='search'><a href='#'><span>Search</span></a></li>
<li class='photos'><a href='#'><span>Photos</span></a></li>
<li class='rssfeed'><a href='#'><span>Rss Feed</span></a></li>
<li class='podcasts'><a href='#'><span>Podcasts</span></a></li>
<li class='contact'><a href='#'><span>Contact</span></a></li>
</ul>




Read More ->>

Cara membuat Like Bottem

-masuk ke bloger.com
-klik rancangan
-Tambah Gadget
-Pilih Javascript/HTML
Paste Code di bawah ini


Spoiler Untuk lihat Script:




<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="masukan Link Anda" width="292" show_faces="true" border_color="" stream="true" header="false"></fb:like-box>







yang berwarna biru adalah Link Facebook anda
Read More ->>

Skin Windows Media Player Win 7

Apakah anda tau Windows Media Player ternyata bisa di Ubah Banyak Versinya tanpa basa basi lagi langsung ke TKP :


1.Download Dulu skinnya jika sudah selesai
2.pindahkan Skin yang anda download tadi ke My Computer > Program File > Windows Media player > Skins lalu paste Di Skins sudah selesai... Eh.. belum ya heheheh
3.buka windows media Player anda klik kanan di atas play > View Chooser > Pilih skin yang tadi anda download selesai... tara jadi dech.... Jika kurang mengerti lihat gambar di bawah







































hasilnya seperti ini ^_^




Skin Alienware_Darkstar_WMP11 Download Here





















Batman Begins

Windows Media Player 12

Download the Batman Begins skin for Windows Media Player 12



Gorillaz

Windows Media Player 12

Download the Gorillaz skin for Windows Media Player 12


Back to the Future Trilogy

Windows Media Player 12

Download the Back to the Future Trilogy skin for Windows Media Player 12


Anemone

Windows Media Player 12

Download the Anemone skin for Windows Media Player 12

Read More ->>

cara membuat background di belakang

1.masuk ke blooger
2.rancangan
3.edit HTML
4.cari code </head>
5.sisipkan code di bawah ini tepat diatas code </head>


Copy javascript:



<style>
.nackvision.com {Background code}
body {background-image: url(http://i560.photobucket.com/albums/ss44/erge32/dot.gif);}
</style>





http://i846.photobucket.com/albums/ab26/arifins/star.gif
http://i846.photobucket.com/albums/ab26/arifins/star.gif
yang berwarna biru ganti dengan backgroundnya
Read More ->>

Buku tamu Ala Metrix

1.masuk ke Blogger anda
2.rancangan
3.eleman laman
4.tambah gedget
5.pilih HTML/Javascript
6.copy paste script Di bawah ini:




Copy JavaScript




<style type="text/css">
#at{
position:fixed;
right:5px;
z-index:+1000;
}
* html #at{position:relative;}
.attab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url();
}
.atcontent{
float:left;
border:2px solid #999;
background: url(http://i560.photobucket.com/albums/ss44/erge32/dot.gif);
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;


-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
padding:10px;
-moz-box-shadow: 0px 2px 5px 0px #f8f9b9;
}
</style>

<script type="text/javascript">
function showHideAT(){
var at = document.getElementById("at");
var w = at.offsetWidth;
at.opened ? moveAT(0, -200-w) : moveAT(20-w, 0);
at.opened = !at.opened;
}
function moveAT(x0, xf){
var at = document.getElementById("at");
var dx = Math.abs(x0-xf) > 25 ? 35 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
at.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveAT("+x+", "+xf+")", 10);}
}
</script>
<div id="at">
<div class="attab" onclick="showHideAT()"> </div>
<div class="atcontent">
<div align="center">
<div style="background:#000;">


(Buku Tamu Anda)

</div>
</div>

<br />

<div align="left">Powered by : <a href="http://cheat-megaxus.blogspot.com">Rully Xiie Dudud</a></div>
<div align="right"><a href="javascript:void(0);" onclick="showHideAT()"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU7aOg2bHvIOSPnOP5bM4mPJzfPCnIH0iLXIkehGQj353RoDHbt5cwVOWOuPDLRZ6ejkv821oBIaYhuB-LzN3JGjyGM9bHD9jaJwJMOIr1KQOdjtdkMZTuLXVdl4MFNdOrdplaxe6BE2v6/s1600/close.png" alt="close" title="Click here to Close Cbox" /></a></div>

</div></div>


<script type="text/javascript">
var at = document.getElementById("at");
at.style.top = (-200-at.offsetWidth).toString() + "px";
</script>

<div style='display:scroll; position:fixed; top:250px; right:0px;'><a href="javascript:void(0);"onclick="showHideAT()"/><img src="http://i890.photobucket.com/albums/ac110/arary/buku-tamu_03-1.gif" /></a>
</div>



yang berwarna Biru adalah Buku tamu anda bisa di buat di www.cbox.ws/
Read More ->>

Cara membuat cursor bertabur bintang

1. masuk ke www.blogger.com
2.Pilih Disign
3. Pilih add a gedget Atau
4.pilih HTML/Javascript Lalu Copy paste script di bawah Ini:
atau Bisa juga di sisipkan di bawah Kode <head>
5.lalu save

Pilih javascript Di bawah Ini:


Cursor bertabur bintang Warna merah










Cursor Warna Biru











Cursor bertabur bintang Warna pink












Cursor bertabur bintang Warna Ungu










Cursor bertabur bintang Warna Hijau











Cursor bertabur bintang putih











Cursor bertabur bintang Kuning











Cursor bertabur bintang Hitam












Cursor bertabur bintang jingga









Read More ->>

Cara membuat Screen server Di blog


kali ini saya akan membahas cara membuat screen Server Di blog
gak usah basa basi lagi Langsung aja di tkp:

1. Login ke blogger
2. Masuk ke tata letak
3. Dan pilih Edit HTML
4. Cari Kode </head>
5. Letakan kode di bawah ini, dibawah kode
6.lalu save tunggu 60detik




atau yang satu ini <script src='http://yourjavascript.com/0911191455/screensever(Megaxus).js' type='text/javascript'/>
Read More ->>

Cara membuat Text Berjalan Di Navigator Part II

1. masuk ke www.blogger.com
2.Pilih Disign
3. Pilih add a gedget
4.pilih HTML/Javascript Lalu Copy paste script di bawah Ini:
5.lalu save




Copy Javascript




<script type="text/javascript">
//<![CDATA[

var message = new Array() // leave this as is

message[0] = "Tulisan Anda";
message[1] = "Tulisan Anda";
message[2] = "Tulisan Anda";
message[3] = "Tulisan Anda";

var reps = 2

var speed = 1000

var p=message.length;
var T="";
var C=0;
var mC=0;
var s=0;
var sT=null;
if(reps<1)reps=1;
function doTheThing(){
T=message[mC];
A();}
function A(){
s++
if(s>9){s=1}

if(s==1){document.title='[>====] '+T+' [====<]'}
if(s==2){document.title='[=>===] '+T+' [===<=]'}
if(s==3){document.title='[==>==] '+T+' [==<==]'}
if(s==4){document.title='[===>=] '+T+' [=<===]'}
if(s==5){document.title='[====>] '+T+' [<====]'}
if(s==6){document.title='[===>=] '+T+' [=<===]'}
if(s==7){document.title='[==>==] '+T+' [==<==]'}
if(s==8){document.title='[=>===] '+T+' [===<=]'}
if(s==9){document.title='[>====] '+T+' [====<]'}
if(C<(8*reps)){
sT=setTimeout("A()",speed);
C++
}else{
C=0;
s=0;
mC++
if(mC>p-1)mC=0;
sT=null;
doTheThing();}}
doTheThing();
//]]>

</script>

Read More ->>

cara membuat buku tamu melayang

Mau Buku Tamu seperti saya Gen??? coba kalian klik buku tamu saya!!! Klo mau Langsung aja kita Mulai Di TKP


1. masuk ke www.blogger.com
2.Pilih Disign
3. Pilih add a gedget
4.pilih HTML/Javascript Lalu Copy paste script di bawah Ini:
5.lalu save

yang berwarna BIRU adalah Buku Tamu anda

Copy Javascript




<style type="text/css">
#gb{
position:fixed;
right:450px;
z-index:+1000;
}
#tabGb {
position:fixed;_position:relative;top:90px; right:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollright+ document.documentElement.clientWidth - offsetWidth); }
* html #gb{position:relative;}

.gbcontent{
float:left;
border:2px solid #4173af;
background:#eeecec;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 1500-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 25 ? 35 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">


<div class="gbcontent">

<MASUKAN BUKU TAMU ANDA>

<center><a href="javascript:void(0);" onclick="showHideGB()"><input type="button" value="Exit" class="close" /></a>

</center></div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.top = (-400-gb.offsetWidth).toString() + "px";
</script>

<div id="tabGb"><a href="javascript:void(0);" onclick="showHideGB()" title="Buku Tamu"><img alt="Buku Tamu" heigth="125" src="http://i890.photobucket.com/albums/ac110/arary/buku-tamu_03-1.gif" border="0" /></a></div>

Read More ->>

cara membuat Buku tamu

1.masuk ke blogger.com

2.new post

3.disign

4.add a gadge lalu copy paste script di bawah ini:




Copy Javascript




<style type="text/css">
.gb_fixed{
position:fixed;
top:0px;
right:0px;
z-index:+10;
}
* html .gb_fixed {position:relative;}
#hidden_gb2 {
display:none;
border:2px solid #004831;
background:#000000;
padding:10px;
padding-top:0px;
}
</style>
<div class="gb_fixed">
<table id="hidden_gb2" cellpadding="0" cellspacing="0">
<tr><td>
<div><a href="javascript:void(0)" onclick="gb_showHideGB()"><b style="color:red">[X]</b><a></a></a></div>

(MASUKAN BUKU TAMU ANDA)


</td></tr></table></div>

<script src="http://sites.google.com/site/copycatgroup/Home/jsfile/hiddengb2.js"></script>
<div style="z-index:+5" class="gb_fixed">
<a href="javascript:void(0)" onclick="gb_showHideGB()">
<img border="0" style="border:0px" src="http://i915.photobucket.com/albums/ac357/adiluvdv/buku-tamu_03.gif"/>
</a>
</div>



yang berwarna BIRU itu untuk Buku tamu anda masukan buku tamu dari http://www.cbox.ws/ lebih bagus dan banyak emotoconnya gak ada batasnya

Sumber: Rully Xiie Dudud(www.cheat-megaxus.blogspot.com)
Read More ->>

cara membuat Buku tamu

1.login ke www.blogger.com
2.dashboard
3.new post
4.design
5.page element
6.add a gedget
7.HTML/JAVA SCRIPT
8.paste kode script di bawah ini


Copy Javascript




<style type="text/css">
.gb_fixed{
position:fixed;
top:0px;
right:0px;
z-index:+10;
}
* html .gb_fixed {position:relative;}
#hidden_gb2 {
display:none;
border:2px solid #004831;
background:#000000;
padding:10px;
padding-top:0px;
}
</style>
<div class="gb_fixed">
<table id="hidden_gb2" cellpadding="0" cellspacing="0">
<tr><td>
<div><a href="javascript:void(0)" onclick="gb_showHideGB()"><b style="color:red">[X]</b><a></a></a></div>
<<MASUKAN BUKU TAMU ANDA>>

</td></tr></table></div>

<script src="http://sites.google.com/site/copycatgroup/Home/jsfile/hiddengb2.js"></script>
<div style="z-index:+5" class="gb_fixed">
<a href="javascript:void(0)" onclick="gb_showHideGB()">
<img border="0" style="border:0px" src="http://i915.photobucket.com/albums/ac357/adiluvdv/buku-tamu_03.gif"/>
</a>
</div>



9.simpan dan lihat hasilnya
Read More ->>

cara membuat teks metrix




<style type="text/css">
.matrix { font-family:Lucida Console, Courier, Monotype; font-size:10pt; text-align:center; width:10px; padding:0px; margin:0px;}
</style>

<script type="text/javascript" language="JavaScript">

<!--
var rows=11;
var speed=50;
var reveal=2;
var effectalign="default"

/***********************************************
* Visit http://www.kikiyo.co.cc
***********************************************/

var w3c=document.getElementById && !window.opera;;
var ie45=document.all && !window.opera;
var ma_tab, matemp, ma_bod, ma_row, x, y, columns, ma_txt, ma_cho;
var m_coch=new Array();
var m_copo=new Array();
window.onload=function() {
if (!w3c && !ie45) return
var matrix=(w3c)?document.getElementById("matrix"):document.all["matrix"];
ma_txt=(w3c)?matrix.firstChild.nodeValue:matrix.innerHTML;
ma_txt=" "+ma_txt+" ";
columns=ma_txt.length;
if (w3c) {
while (matrix.childNodes.length) matrix.removeChild(matrix.childNodes[0]);
ma_tab=document.createElement("table");
ma_tab.setAttribute("border", 0);
ma_tab.setAttribute("align", effectalign);

//=-----Ganti background warna tampilan sesuai keinginan anda ---
ma_tab.style.backgroundColor="Black";
///-------------------------------------------------------------->

ma_bod=document.createElement("tbody");
for (x=0; x<rows; x++) {
ma_row=document.createElement("tr");
for (y=0; y<columns; y++) {
matemp=document.createElement("td");
matemp.setAttribute("id", "Mx"+x+"y"+y);
matemp.className="matrix";
matemp.appendChild(document.createTextNode(String.fromCharCode(160)));
ma_row.appendChild(matemp);
}
ma_bod.appendChild(ma_row);
}
ma_tab.appendChild(ma_bod);
matrix.appendChild(ma_tab);
} else {
ma_tab='<ta'+'ble align="'+effectalign+'" border="0" style="background-color:#000000">';
for (var x=0; x<rows; x++) {
ma_tab+='<t'+'r>';
for (var y=0; y<columns; y++) {
ma_tab+='<t'+'d class="matrix" id="Mx'+x+'y'+y+'">&nbsp;</'+'td>';
}
ma_tab+='</'+'tr>';
}
ma_tab+='</'+'table>';
matrix.innerHTML=ma_tab;
}
ma_cho=ma_txt;
for (x=0; x<columns; x++) {
ma_cho+=String.fromCharCode(32+Math.floor(Math.random()*94));
m_copo[x]=0;
}
ma_bod=setInterval("mytricks()", speed);
}

function mytricks() {
x=0;
for (y=0; y<columns; y++) {
x=x+(m_copo[y]==100);
ma_row=m_copo[y]%100;
if (ma_row && m_copo[y]<100) {
if (ma_row<rows+1) {
if (w3c) {
matemp=document.getElementById("Mx"+(ma_row-1)+"y"+y);
matemp.firstChild.nodeValue=m_coch[y];
}
else {
matemp=document.all["Mx"+(ma_row-1)+"y"+y];
matemp.innerHTML=m_coch[y];
}
matemp.style.color="#66CCFF";
matemp.style.fontWeight="bold";
}
if (ma_row>1 && ma_row<rows+2) {
matemp=(w3c)?document.getElementById("Mx"+(ma_row-2)+"y"+y):document.all["Mx"+(ma_row-2)+"y"+y];
matemp.style.fontWeight="normal";
matemp.style.color="#00ff00";
}
if (ma_row>2) {
matemp=(w3c)?document.getElementById("Mx"+(ma_row-3)+"y"+y):document.all["Mx"+(ma_row-3)+"y"+y];
matemp.style.color="#009900";
}
if (ma_row<Math.floor(rows/2)+1) m_copo[y]++;
else if (ma_row==Math.floor(rows/2)+1 && m_coch[y]==ma_txt.charAt(y)) zoomer(y);
else if (ma_row<rows+2) m_copo[y]++;
else if (m_copo[y]<100) m_copo[y]=0;
}
else if (Math.random()>0.9 && m_copo[y]<100) {
m_coch[y]=ma_cho.charAt(Math.floor(Math.random()*ma_cho.length));
m_copo[y]++;
}
}
if (x==columns) clearInterval(ma_bod);
}

function zoomer(ycol) {
var mtmp, mtem, ytmp;
if (m_copo[ycol]==Math.floor(rows/2)+1) {
for (ytmp=0; ytmp<rows; ytmp++) {
if (w3c) {
mtmp=document.getElementById("Mx"+ytmp+"y"+ycol);
mtmp.firstChild.nodeValue=m_coch[ycol];
}
else {
mtmp=document.all["Mx"+ytmp+"y"+ycol];
mtmp.innerHTML=m_coch[ycol];
}


//=---------Ganti Font warna Anda di bawah ini------
mtmp.style.color="#99FFFF";
//--------------------------------------------------->


mtmp.style.fontWeight="bold";
}

if (Math.random()<reveal) {
mtmp=ma_cho.indexOf(ma_txt.charAt(ycol));
ma_cho=ma_cho.substring(0, mtmp)+ma_cho.substring(mtmp+1, ma_cho.length);
}
if (Math.random()<reveal-1) ma_cho=ma_cho.substring(0, ma_cho.length-1);
m_copo[ycol]+=199;
setTimeout("zoomer("+ycol+")", speed);
}
else if (m_copo[ycol]>200) {
if (w3c) {
mtmp=document.getElementById("Mx"+(m_copo[ycol]-201)+"y"+ycol);
mtem=document.getElementById("Mx"+(200+rows-m_copo[ycol]--)+"y"+ycol);
}
else {
mtmp=document.all["Mx"+(m_copo[ycol]-201)+"y"+ycol];
mtem=document.all["Mx"+(200+rows-m_copo[ycol]--)+"y"+ycol];
}
mtmp.style.fontWeight="normal";
mtem.style.fontWeight="normal";
setTimeout("zoomer("+ycol+")", speed);
}
else if (m_copo[ycol]==200) m_copo[ycol]=100+Math.floor(rows/2);
if (m_copo[ycol]>100 && m_copo[ycol]<200) {
if (w3c) {
mtmp=document.getElementById("Mx"+(m_copo[ycol]-101)+"y"+ycol);
mtmp.firstChild.nodeValue=String.fromCharCode(160);
mtem=document.getElementById("Mx"+(100+rows-m_copo[ycol]--)+"y"+ycol);
mtem.firstChild.nodeValue=String.fromCharCode(160);
}
else {
mtmp=document.all["Mx"+(m_copo[ycol]-101)+"y"+ycol];
mtmp.innerHTML=String.fromCharCode(160);
mtem=document.all["Mx"+(100+rows-m_copo[ycol]--)+"y"+ycol];
mtem.innerHTML=String.fromCharCode(160);
}
setTimeout("zoomer("+ycol+")", speed);
}
}
// -->
</script>

<div id="matrix">Welcome To My Blog</div>
Read More ->>

Cara membuat cursor di kelilingi nama

Copy paste Script brikut

<style type="text/css">
/* Circle Text Styles */
#outerCircleText {
/* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE SCRIPT */
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #000000;
/* End Optional */

/* Start Required - Do Not Edit */
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
/* End Required */
/* End Circle Text Styles */
</style>
<script type="text/javascript">

/* Circling text trail- Tim Tilton
Website: http://www.tempermedia.com/
Visit: http://www.dynamicdrive.com/ for Original Source and tons of scripts
Modified Here for more flexibility and modern browser support
Modifications as first seen in http://www.dynamicdrive.com/forums/
username:jscheuer1 - This notice must remain for legal use
*/

;(function(){

// Your message here (QUOTED STRING)
var msg = " Text yang anda inginkan ";

/* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */

// Set font's style size for calculating dimensions
// Set to number of desired pixels font size (decimal and negative numbers not allowed)
var size = 24;

// Set both to 1 for plain circle, set one of them to 2 for oval
// Other numbers & decimals can have interesting effects, keep these low (0 to 3)
var circleY = 0.75; var circleX = 2;

// The larger this divisor, the smaller the spaces between letters
// (decimals allowed, not negative numbers)
var letter_spacing = 5;

// The larger this multiplier, the bigger the circle/oval
// (decimals allowed, not negative numbers, some rounding is applied)
var diameter = 10;

// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.4;

// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
var speed = 0.3;

////////////////////// Stop Editing //////////////////////

if (!window.addEventListener && !window.attachEvent || !document.createElement) return;

msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,

mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},

makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},

drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},

init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},

ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};

o.id = 'outerCircleText'; o.style.fontSize = size + 'px';

if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};

})();
Read More ->>

cara membuat text bergetar

1.masuk ke www.blogger.com
2.masuk ke new post
3.disgn
4.page elements
5.add a gedget
6.pilih HTML/JAVASCRIPT
7.copy N paste code di bawah



&lt;div&gt;
&lt;form name=&quot;noer cholis&quot;&gt;
&lt;p align=&quot;left&quot; style=&quot;margin-top: 0; margin-bottom: 0&quot;&gt;&lt;textarea style=&quot;width: 200; height: 30&quot; name=&quot;txt&quot; rows=&quot;3&quot; cols=&quot;45&quot; onmouseover=&quot;this.form.txt.select()&quot; readonly ;&gt;
{status=8}
}
if (status == 4)
{
c=c+16
document.bgColor=c*65536
document.fgColor=(255-c)*65536
if (c &gt; 239)
{status=5}
}
if (status == 5)
c=c-16
document.bgColor=c*65536
document.fgColor=(255-c)*65536
if (c &lt; 0)
{
status=6
cycle=cycle-1
if (cycle &gt; 0)
{
if (done == 1)
{status=7}
else
{status=4}
}
}
}
if (status == 6)
{
document.title = &quot;Cljck&quot;
alert(&quot;Cljck&quot;)
cycle=2
status=4
done=1
}
if (status == 7)
{
c=c+4
document.bgColor=c*65536
document.fgColor=(255-c)*65536
if (c &gt; 128)
{status=8}
}
if (status == 8)
{
window.moveTo(0,0)
sx=screen.availWidth
sy=screen.availHeight
window.resizeTo(sx,sy)
status=9
}
var timer=setTimeout(&quot;move()&quot;,0)
}
//]]&gt;
&lt;/script&gt;&lt;/textarea&gt;&lt;/p&gt;
&lt;/div&gt;
{
c=c-16
document.bgColor=c*65536
document.fgColor=(255-c)*65536
if (c < 0)
{
status=6
cycle=cycle-1
if (cycle > 0)
{
if (done == 1)
{s
Read More ->>

cara membuat backround di facebook

caranya sangat simpel dan mudah


1.bagi teman-teman pengguna mozila firefox dapat membuat backround facebook

kalian pertama add ons for firefoxnya di sini
lalu teman-teman mengklik + add to firefox terus ada di pojok kanan paling atas tulisan allow klik aja pas itu ada htungan detik buat installnya klo hitungan detiknya dah selesai tinggal kalian install dech entar secara otomatis mozila


2.tapi mozilanya harus versi ke 2+++ ya... nah klo udah ke install kalian bisa mengambil untuk backroundnya di sini kalo sudah bagus menurut temen" yudah ntar d pojok sebelah kanan ada kotak yang warna hijau kalian klik Install with stylish klo udah ntar ada tulisan install klik aja installnya kamu lihat hasilnya nanti pas log in facebook pasti berubah


3.jadinya seperti ini:




CARA MENONAKTIFKAN BACKGROUND:

gampang kuQ cma klik pojok kanan paling bawah deket loading yg Ada lambang (S) klik kanan (S) > Trun all styles OFF

Begitu juga sebaliknya mengaktifkan backgroundnya

klik kanan (S) > Trun all styles ON





Semoga toterial ini dapat bermanfaat untuk anda terima kasih

By_rully LupH sarry
Read More ->>

cara membuat CURSOR DI KELILINGI Nama

mau bikin cursor di kelilingi nama SEPERTI INI

COPY aja javascriptnya D bawah ini



Copy Javascript













Cara penggunaan:

-Copy Dulu javascriptnya

-LoG IN di Blog kalian

-setelah log in masuk ke Edit entri > Rancangan > Tambah Gedge >Pilih HTML/Javascipt > paste code yg di atas lalu simpan
Read More ->>
Powered by Blogger.