Tombol Back To Top untuk Blog

biasanya kalau postingan blog kalian terlalu panjang..
pengunjung blog kalian akan kewalahan untuk mensecrool ke atas.
jadi untuk memudahkan pengunjung..
di buatlah tombol back to top.
hanya sekali klik.
bisa langsung loncat keatas.. sangat mudah kan?

login > dasbor > tata letak > add gadget > html/javascript

<a title="Back to Top" href="#" style="position: fixed; bottom: 5px; right: 5px;"><img src="Url gambar button"></a>

ganti tulisan berwarna merah dengan url gambar back to top yang kalian inginkan..
berikut. contoh contoh yang saya punya

http://img205.imageshack.us/img205/7824/74211510.gif

http://img196.imageshack.us/img196/6670/49238758.png

http://img266.imageshack.us/img266/3325/81258407.png

http://img13.imageshack.us/img13/5533/20610818.png

http://img543.imageshack.us/img543/5941/62667078.png

http://i1139.photobucket.com/albums/n554/nurbariah1/blogger-Copy-Copy.png

http://i1139.photobucket.com/albums/n554/nurbariah1/blogger-Copy-Copy2-1.png

http://i1139.photobucket.com/albums/n554/nurbariah1/blogger-Copy-1.png

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLF_yW9F4IQQ3PnNRRr37dLPR9xz-6j2RNuMdK0Hp-iHlC9ggJu6PJ5SwLqWBG-f7bChshz8aRl21x5MgaQQjiix4maz9wAyiQ3uNA591kRH5onyWBveVKxSpMfaTh4LcuNB6bdN6uBCdy/s1600/1.png

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2N1BbAmKsU959KSipZ4yxNeMdJZqTCMg0VqB4DIef2_6qgB-hhyBpa8uQXhYWPyT82LxUX_AoyIIfDgtCJH86TAGFZS1HlRynLLeFHhgX6vAqXo-kdRb7iOVWTeCwMeRdo0FJxxLI5Chu/s1600/2.png

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEwJU6Lw5489ax9BjXipVWyEuRFWfAO9A8sitepJoBZFBYTdPoIYLB6HgC1p9H3jbHW1R6TYZMOZu4AXe9sE8Ct8o9SYctyCIeiK0OSReo-lFMRCfqPQKrdlaobjG_x4Crk1WzYsL89mZy/s1600/3.png

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEig16CUI-ZvCFZROkX0-uZ6zRtbIe1jixwlrA9qdvXyhwr_Ux7KjFqnq8TT3410VthAfMWm9zYC0Sq8hx2h-t7L5_XmnxzESg0dW6WoTQp0fy0Vc0GaW_WmSPX809JZeYqAKXeBcEqvTRm1/s1600/4.png

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF1c0lw2jAoidMmA-LcbWJ2jplwaJAC5H60qGHxDRPAGyU1yr4ge1Zf286nUg7AIe0a_BYEmK_gO4QmPcbe5WfQPZfgOXhD4hak__JRIRxJsdWoZ09FTffmX0fMql020m836FLqdhyAL_e/s1600/5.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizrrNZ7uvI0LywdSzsn4KVeeOLdkjVxEp1yu_Z10BWRr-8UuFRQrWMDDHXx6btFBRkBhIYFHfu63K5I1BqovGWoa84DdgYG_gDM-YXVStUL4UbygUmTdaE3j2iewR7TiIEoZS4X3tnsSru/s1600/chibi_commission___finnian_by_meguja-d4qwodc.png

Read More 0 komentar

Cara Pasang Floating Button Untuk Blog

login > dasbor > tata letak > add gadget > html/javascript

copy kan kode ini

<style type='text/css'>
a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}

a.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }
</style>

<div style='display:scroll; position:fixed; top:140px; left:-12px;'>

<a class='linkopacity' href='URL FACEBOOK ANDA' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/232.png" /></a><br />

<a class='linkopacity' href='URL TWITTER ANDA' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/432.png" /></a><br />

<a class='linkopacity' href='URL BLOG ANDA' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='feed'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/blogger_64x64.png" /></a><br />


</div>

gantikan teks berwarna biru dengan url web kamu
dan warna merah untuk bentuk floating yang kalian inginkan..
bisa cari di google.. ^_^

Read More 0 komentar

Floating Button twitter,facebook,google untuk Blog

<style> .TNT1 { display: block; width: 64px; height: 64px; background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyxMF99tw5UKg9OM1NE9B5GL9YxxVjCkY3wFV4FfWkScpGjo3WlhRCv65KhCzKcnvoqaVTL1Pa0F_m_TGIdOKIEnmxwpwcplukxBujXmQ9iwg9EzMsgUplKSJnVGfdFRXfm3TrvmB8-gvS/s1600/Facebook+Icon.png') bottom; text-indent: -99999px; } .TNT1:hover { background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3v5pQBmbRV1KwPzs-WejL84QPIpIE3Q-HJO0I3i0EU4hGCLdncXYGEdaPxklGKd_PjHmvGDFbxbOa5j2prEaVbguJT9wmVqFQcXxieLKJJQ7iM3O7RokMac2y-UzxYDgeYrHrzEBEHYzy/s1600/Facebook+Rollout+Image.png') bottom; height: 64px; } </style> <a style="margin-left: 0px;" class="TNT1" href="https://www.facebook.com/devil.ryuk"></a> <style> .TNT2 { display: block; width: 64px; height: 64px; background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXiocqRRYFbOF2DogKmaGCof0iitV2ky6fMoEBgugyhY6hNOpg2jGiGGY5wf58LE6Tdby6vSybkEpgI2IRzzjdWUjSx_0S7fpLvIe3pXahCV6e0mbLjqoVR32grPQocdE5OqxPTIS_6dST/s1600/Twitter+Icon.png') bottom; text-indent: -99999px; } .TNT2:hover { background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkNxGPGyLlkBt77TwCqt2BEa5zovSahD5NDK-AZb6CBsd5oPK7i9kgiEzICeTUvphyTjJZ29I7fYo6fRFg8vOWnWjvxml2nb1SEQ7yxK5PrNxRfB_MPVWINvUhJCzkFw123qRmhd0ul-kA/s1600/Twitter+Rollout+Image.png') bottom; height: 64px; } </style> <a style="margin-left: 0px;" class="TNT2" href="https://twitter.com/nheily_ryuk"></a> <style> .TNT3 { display: block; width: 64px; height: 64px; background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqfBZzn0Gno2G2Z5W4W1ma-2M36vGvaHbOfLS3jOZbn-4QpCuxwIAZJWCiRyNaDFr1WzYUp0Q1xAIkb7lzMuAUZLkORzXA1BB0cG8f4Kwo2Cv4khU_tWweC8UO098kv0i7tQB7Juc1Zpso/s1600/Feedburner+Icon.png') bottom; text-indent: -99999px; } .TNT3:hover { background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_QR7FVE2onvfQ5PcCLREE31qSIIkKJw2a11HqDer-vqVO0Sww4RZkLHjjUQaTtWjsU1b-c8e6UfVdnn1Ip04WVSJDSgldcso-aSFigNhaLBs-UlNLwVuG7rlBqpeu13MhEZNb4P_mZ5Oz/s1600/Feedburner+Rollout+Image.png') bottom; height: 64px; } </style> <a style="margin-left: 0px;" class="TNT3" href="http://feeds.feedburner.com/feeds/posts/default"></a> <style> .TNT4 { display: block; width: 64px; height: 64px; background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxe5wDzz07Mq4qH2Ky7NKRYlh6rYPBHefmsWcybg9LFmRa_H2XC0jJxx2hWEiioaj2_BXqMsadJdQq0Nxlh920XMsOROZ6k6ClAnSRIJxPUuja23SfsTn7fjxF0qQAHILRE-A-RdRJWtjj/s1600/Google+Icon.png') bottom; text-indent: -99999px; } .TNT4:hover { background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8i1BrD_pweWm644mWv4OMDxasznr_Grp8E1b53-jKwDdnrxnRRc2_FavJuDT5BOtL985cuz8I4OYtgFYIc8QGOx7xaRVerFHmRlsX0l6ZtIrzgauX30y6l4PUzFX2Hpt2m4lGtmYRubnz/s1600/Google+Rollout+Image.png') bottom; height: 64px; } </style> <a style="margin-left: 0px;" class="TNT4" href="https://plus.google.com/117219869961059734563"></a>

copy kan code diatas, ke kotak html/javascript
ganti teks berwarna merah dengan link kawan.. ntah link facebook, twitter atau google

Read More 0 komentar

Membuat Background Pada Chatbox

Tata letak >> add gadget >> html/javascript

<center><div id="custombg" style="width:195px; height:300px; background:url(http://dl7.glitter-graphics.net/pub/1713/1713327mjv6dhfrnf.gif) repeat; padding-top:0px; padding-left:0px; position:relative" align="center">

<iframe frameborder="0" title="shoutboxsaya" height="300" src="http://shout.busuk.org/?Rosa" id="r" style="filter:alpha(opacity=60);opacity:0.60;-moz-opacity:0.60; display:block; " scrolling="auto" width="195">

</iframe></div></center>

tinta ungu - ukuran shoutbox kawan

url warna merah - url shoutbox kawan

60 - transparan kawan.. atur jangan sampai teks kawan tidak terlihat
url warna biru - masukkan url background atau cari disini.. sini

Read More 0 komentar

Menambah Hewan Peliharaan Pada Blog

ini cukup menarik..

apalagi yang suka sama binatang..

aku kasih dikit deh cara nambahin binatang binatang imut nan lucu..


1. Copy Codenya
2. Login 
3. Klik Rancangan
4. Klik Elemen Laman
5. Tambah Gadget (HTML/JavaScript)

Kode untuk Ikan

<object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/fish.swf?up_foodColor=FCB347&up_fishName=Fish&up_fishColor2=F45540&up_fishColor6=F45540&up_fishColor3=F45540&up_fishColor4=F45540&up_fishColor1=F45540&up_backgroundColor=F0F7FF&up_fishColor8=F45540&up_fishColor9=F45540&up_fishColor10=F45540&up_fishColor5=F45540&up_numFish=5&up_fishColor7=F45540&up_backgroundImage=http://&" width="300" height="200"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/fish.swf?up_foodColor=FCB347&up_fishName=Fish&up_fishColor2=F45540&up_fishColor6=F45540&up_fishColor3=F45540&up_fishColor4=F45540&up_fishColor1=F45540&up_backgroundColor=F0F7FF&up_fishColor8=F45540&up_fishColor9=F45540&up_fishColor10=F45540&up_fishColor5=F45540&up_numFish=5&up_fishColor7=F45540&up_backgroundImage=http://&"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object>

Kode Untuk Hamster

 

<object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/hamster.swf?" width="300" height="225"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/hamster.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param></object>

Kode Untuk Laba Laba

 

<object data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/spider.swf?up_backgroundImage=http://&up_legColor=333333&up_speed=1&up_headColor=EDA200&up_backgroundColor=&up_bellyColor=666666&up_spiderName=Spider&up_original=&up_size=1&" style="outline:none;" width="300" height="250" type="application/x-shockwave-flash"><param value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/spider.swf?up_backgroundImage=http://&up_legColor=333333&up_speed=1&up_headColor=EDA200&up_backgroundColor=&up_bellyColor=666666&up_spiderName=Spider&up_original=&up_size=1&" name="movie"><param value="always" name="AllowScriptAccess"><param value="opaque" name="wmode"><param value="noscale" name="scale"><param value="tl" name="salign"></object>

Kode Untuk Kura Kura

 

<br /><object type="application/x-shockwave-flash" style="outline-color: invert; outline-style: none; outline-width: medium;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/turtle.swf?" height="250" width="300"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/turtle.swf?"><param name="AllowScriptAccess" value="always"><param name="wmode" value="opaque"><param name="scale" value="noscale"><param name="salign" value="tl"></object>

Kode Untuk Katak

 

<object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/treefrog.swf?" width="300" height="200"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/treefrog.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object>

Kode Untuk Pinguin

 

<object type="application/x-shockwave-flash" style="outline:none;" data="http://penguinsgadget.googlecode.com/svn/trunk/penguins.swf?" width="300" height="200"><param name="movie" value="http://penguinsgadget.googlecode.com/svn/trunk/penguins.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object>

Read More 0 komentar