Highlight Ada Shadow1.Dashboard > Template *copy code kat bawah nih dan pastekan di atas code </style>
*sebelum tuh korg cari dulu code ::-moz-selection { kalau dah jumpa korg padam semua code kat bwah ::-moz-selection { dan korg padam ::selection { jugak semua code kat bawah ::selection { ....Kalau x der korg teruskan copy and paste code kat bawah nih ok :) *
::-moz-selection {
background:transparent;
color:#000000;
text-shadow: 2px 2px 3px #D0A9F5;
}
::selection {
background:transparent;
color:#000000;
text-shadow: 2px 2px 3px #D0A9F5;
}
Labels: tutorial
Tutorial Follow And Dashboard Button\assalamualaikum/
Berjumpa lagi di waktu malam ini, ok korg nak tahu x ..tutorial apa plak aina nak buat untuk hari ni, hari ni aina nak buat tutorial untuk blogskin that is Follow and Dashboard Button, korg mestilah tau kan, apa benda tuh..Ok fine kalau korg x tahu korg tgklah gmbar kat bawah nih, lebih kurang mcm aina punyew lah, bukan lebih kurg sama jew..Ok lah kalau korg nak korg boleh ikut tutorial yang nak buat nih kat bawah nih, kalau nak ianya menjadi korang mesti ikut step by step jgn buat sendiri ok, sudah ngerti sekarang..one two three GO >>
Dah taukan, apa tuh ..ok skrg kita start ok..
1.Korg cari code kat bawah nih
<head>
2.Kalau dah jumpa copy code bawah ni di bawah code <head>
<div style="display:scroll; position:fixed; top:5px; right:90px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=YOUR BLOG ID HERE" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://assets.tumblr.com/images/iframe_follow_alpha.png?6" /></a> <div style="display:scroll; position:fixed; top:5px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://assets.tumblr.com/images/iframe_dashboard_alpha.png?6" /></a></div></div>
<base target='_blank'/>
3.Yang aina buat tulisan besar skit tuh, korg tukarkan dgn blog id korg ok kalau korg tak tau nak ambik blog id kat mana korg ikut TUTORIAL SINI
4.yang aina highlight warna oren tuh korg boleh tukar gmbar follow and dashboard korg sendiri, kalau x nak tukar pon x per..
Yes, happy lah skit dah siap pown, korg previewlah dulu, yerlah kot kotlah korg x suke ke x puas hati ke ..bila korg dah suka n puas hati barulah korg save template :)
Labels: tutorial
tutorial nak dapatkan Blog ID\assalamualaikum/
Ok tutorial nih aina rasa ramai yg dah tahu, tapi untuk warga baru di blogger nih ramai yg x tau kan kan kan, so korg kenalah ikut tutorial nih..Tutorial nih x kesah untuk blog biasa pon boleh untuk blogskin pon boleh..
1.Korang pergi kat Dashboard > Template
Kat bahagian atas tuh ada BLOG ID nya korg tgklah sndiri kalau x faham tengok gambar kat bawah ni..
Yang dalam kotak tuh lah Blog ID korg , skrg dah faham ..Tahniah
Labels: tutorial
Scrollbar macam saya punyew\asslamualaikum/
Hai, hari nih aina nak freebies scrollbar untuk blogskin, korg tau x apa itu scrollbar , ada yg tahu ada yg x tahu kan, ok yg x tahu tuh korg tgklah gmbar kat bawah nih..Kalau korg nak buat mcm tuh korg kena ikut tutorial yg aina nak buat kejap lagi..Fokus tau,
Sekarang korg dah tahu kan apa itu scrollbar, nak ker x scrollbar yg mcm tuh punyew, kalau nak ikutlah tutorial nih!!!
1.Pergi ke Dashboard >> Template
2.Korg copy code kat bawah nih pastu paste kan di atas perkataan </style>
::-webkit-scrollbar {
width: 7px;
height: 7px;
background:#6E6E6E;
border: 3px solid #fff;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background:#F5A9BC;
border: 1px solid #fff;
}
3.Benda alah yg warna ungu tuh korg boleh tukar ikutlah mcm mana yg korg nak
4.Warna biru tuh korg boleh tukar warnanya, ikut citarasa korg, boleh ambik code warna tuh kat COLOR
Dah siap kan, senang jew..ok kalau dah korg boleh preview then kalau ok korg puas hati barulah korg save template .. Understand
Labels: tutorial
Twitter Box Kat Blog\assalamualaikum/
Korg nak letak twittr kat blog x , kalau nak korg ikut step step kat bawah ni ok :) Kalau x nak jgn buang masa nak ikut..
1. Korg pergi kat lamanweb Twitter
korg mesti dah ada twitter kan.ok then korg sign in twitter korg
2.Tick setting > Tick profile pilih bahagian web tuh , then tick You can also add twitter to your site here yg ada kat bawah web tuh...kalau x faham tgk gambar kat bawah nih3.kalau dah korg akan nmpak gmbar mcm kat bawah nih kan , then korg tick widgets
4.Faham kan smpai sekarg , pastu korg tekan My website *Profile widget*
5.Sudah kan pastu korg ubahlah ikut kesesuaian yg korg nak
Preferences
Appearance : untuk ubah warna
Dimensions : untuk ubah saiz
Kalau jadi komen taw , kalau x jadi pown komen jugak..yg penting follow ^_^
Labels: tutorial, twitter box
IMAGE HOVER\asslamualaikum/
Hallo hallo hallo..i`m coming...aina nak buat satu lagi tutorial nih , tapi ingat taw tutorial nih untuk blogskin..Ok aina nak buat image hover ..x faham ker , alaa yg bila cursor sentuh gambar tuh , der akan jadi semakin terang...Kalau korg x faham lgi cuba korg sentuh gmbar kat bawah nih..macam tuhlah contohnya,
OK dah sentuh..macam tu lah contoh der , then sekarang korg ikut step step kat bawah nih , ok
1.pergi kat template korg then cari perkataan kat bawah nih
</style>
Kalau dh jumpa korg copy code kat bawah ni , pastuh pastekan kat atas code </style> tadi tuh FAHAM!!!
Korg nampak x tulisan yg kaler merah tuh..Korg tukarkan dgn cursor url korg sendiri ..img {-webkit-transition: 1.5s;opacity: 0.5;filter: alpha(opacity=100);-moz-opacity: 0.5;cursor: url( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwSqwtwc6DlfIkAefJdombAAh48QxDZebHlX-iLixXmQLnAZAxs2gQieJPRl8llTKZWhjn1UjiT9mw2K6N0PHIp-oK6T7X9viFJ9ooK0A4_F6WptiKoz-hIyNFPlpLQNpzDwXdyX46SOYR/s1600/tinyarrowpink.png ), progress;}img:hover {-webkit-transition: 1.5s;opacity: .90;filter: alpha(opacity=90);-moz-opacity: .90;cursor: url( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwSqwtwc6DlfIkAefJdombAAh48QxDZebHlX-iLixXmQLnAZAxs2gQieJPRl8llTKZWhjn1UjiT9mw2K6N0PHIp-oK6T7X9viFJ9ooK0A4_F6WptiKoz-hIyNFPlpLQNpzDwXdyX46SOYR/s1600/tinyarrowpink.png ), progress;}
Korg boleh ambik cursor tuh kat Sini , Sini atau Sini... Yg tuh kat blog nih punyew , kalau korg x suka korg boleh ambik kat cursors 4u ataupun kat K.Una
Labels: tutorial
TUTORIAL FAVICONGood Night , korg happy x hari ni , aina x happy so untuk hilangkan x happy aina nih , aina nak buat tutorial untuk blogskin , Korg ikut step step yang aina nak tunjukkan kat bawah nih taw , ikut betul betul , fokus
1.Korg g kat template ok..
2.Then korg tick ctrl+f dan cari code kat bawah ni
<title>Nama blog korang</title>3.Korg copy code kat bawah ni dan pastekan di bawah code tadi tuh
<link rel="shortcut icon" href="Image URL">
4.Korg boleh cari favicon tuh kat Sini atau Sini
Labels: tutorial
TUTORIAL BACK TO TOP BUTTON\asslamualaikum/
Hai , Korg mesti tak tau lagi cam mana nak buat back to top button kan kan kan , tapi kalau yg dah tau tuh x yahlah nak tgk tutorial nih ok , tutorial nih cuma untuk orang yang masih tak tahu macam mana nak buat back to top button for blogskin sahaja , faham x ^_^senang jew nak buat , ikut step kat bawah ni..
1.Pergi kat template korg ,Then copy code kat bawah nih and pastekan kat bawah code </head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type='text/javascript' language='Javascript'>
var scrolltotop={
//startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
//scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (1=top).
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 500]},
controlHTML: '<img onmousedown="event.preventDefault ? event.preventDefault() : event.returnValue = false" src="URL IMAGE"/>', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ center of window corner
anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
state: {isvisible:false, shouldvisible:false},
scrollup:function(){
if (!this.cssfixedsupport) //if control is positioned using JavaScript
this.$control.css({opacity:0}) //hide control immediately after clicking it
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
dest=jQuery('#'+dest).offset().top
else
dest=0
this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
},
keepfixed:function(){
var $window=jQuery(window)
var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
this.$control.css({left:controlx+'px', top:controly+'px'})
},
togglecontrol:function(){
var scrolltop=jQuery(window).scrollTop()
if (!this.cssfixedsupport)
this.keepfixed()
this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
if (this.state.shouldvisible && !this.state.isvisible){
this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
this.state.isvisible=true
}
else if (this.state.shouldvisible==false && this.state.isvisible){
this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
this.state.isvisible=false
}
},
init:function(){
jQuery(document).ready(function($){
var mainobj=scrolltotop
var iebrws=document.all
mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
.css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
.attr({title:'Fly To The Sky'})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
mainobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
mainobj.scrollup()
return false
})
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
})
})
}
}
scrolltotop.init()
</script>
2.Dah siap , senang jew kan..
Korg boleh ambik freebies der kat Here atau Here ok , Credit yaw
Labels: tutorial
TUTORIAL BUAT COMMENT PLATFORM\asslamualaikum/
Malam malam mcm ni aina gedik plak nak tutorial nih hehe , aina nak buat tutorial untuk blogskin iaitu comment platform , kalau korg x tau nak buat cam mana ikut step kat bawah nih taw...Kalau jadi tahniah ~'~Kalau tak tau bentuk comment platform tuh cam mana tengok gmbar kat bawah nih Ok , korg dah tgkkan mcm mana nak bentik comment platform tuh , sekarang korg ikut step2 kat bawah nih..
1.Setting > Comment > Tick embedded below the post
2.Then , kalau dah korg pergi kat template korg , pastu cari perkataan kat bawah ni
</style>
3.Kalau dah jumpa korg copy code kat bawah ni pastu pastekan sebelum code </style>
4.Dah kan pastu korg cari plak code <$BlogItemBody$>
/* Comments
----------------------------------------------- */
#comments h4 {margin:1.8em 0; font-size:10px; text-transform:uppercase; color: #FFFFFF; line-height:10px; border-bottom: 2px solid #dedede; background:#F7819F ; font-weight:normal;}
#comments h4 strong {font-size:8pt smiley monster;}
#comments-block {background: ; font:normal 8pt arial; line-height:1.2em; padding:4px;}
#comments-block dt { margin:.5em 0;}
#comments-block dd { margin:.25em 0 0;}
#comments-block dd.comment-timestamp {margin:-.25em 0 2em; font:5pt tahoma; text-align:right; text-transform:normal; letter-spacing:.0em;}
#comments-block dd p {margin:0 0 .75em; padding:4px; background:#fff1f3; border:2px solid #dedede; border-radius:2px;}
.deleted-comment { font-style:italic; color:black;}
.paging-control-container { float: right; margin: 0px 0px 0px 0px; font-size: 80%;}
.unneeded-paging-control { visibility: hidden;
}
5.Dh jumpa kan , korg gantikan code tuh dgn code kat bawah nih
<$BlogItemBody$>
<center><br><MainPage>
<BlogItemCommentsEnabled>
<BlogItemCommentsEnabled><a href="<$BlogItemCommentCreate$>"
<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$>
comment (s) </a> | <a href="<$BlogItemCommentCreate$>" <$BlogItemCommentFormOnClick$>>Jom comment (s) </a>
</BlogItemCommentsEnabled>
</BlogItemCommentsEnabled>
</MainPage>
<br>
<div style="text-align:right;" ">
<!-- Begin #comments -->
<ItemPage>
<div id="comments">
<BlogItemCommentsEnabled><a name="comments"></a>
<h4><$I18NNumComments$>:</h4>
<dl id="comments-block">
<$CommentPager$>
<BlogItemComments>
<dt class="comment-poster" id="<$BlogCommentAnchorName$>"><a name="<$BlogCommentAnchorName$>"></a>
<$I18NCommentAuthorSaid$>
</dt>
<dd class="comment-body">
<p><$BlogCommentBody$></p>
</dd>
<dd class="comment-timestamp"><a href="<$BlogCommentPermalinkURL$>" title="comment permalink"><$BlogCommentDateTime$></a>
<$BlogCommentDeleteIcon$>
</dd>
</BlogItemComments>
<$CommentPager$>
</dl>
<p class="comment-timestamp">
<$BlogItemCreate$>
</p>
<p class="comment-timestamp">
</p>
</div>
</ItemPage>
<!-- End #comments -->
cara nak ambik blogskin\asslamualaikum/
Hari ni aina nak bagi taw korg tentang mcm mana nak ambik blogskin kat blogskin untuk diletakkan kat blog korg ,walaupun aina tau mesti ramai yg dh tau kan tpi aina nak bgi tau ni kat org yg x tahu ok :)
1.korg pergi kat Link Sini
2.Pastu korg pilih blogskin mana yg korg nak , lepas dah pilih tuh der akan keluar mcm ni kan\\
3.Then , korg tekan blogger main tuh , lepas dah der akan keluar mcm download tuh kan , then korg bukak pastu copy semua code kat dalam tuh, kalau dah copy korg pastekan kan template korg ok :)
senang bukan
SELAMAT MENCUBA
Labels: tutorial
TUTORIAL MINI MP3 PLAYERTUTORIAL MINI MP3
1.Korg pergi kat lamanweb di SINI
2.Der akan keluar gmbar mcm kat bawah ni kan , then korg tekan generator
3.Kalau dah tekan generator korg tengok kat bahagian category tuh , then tick color
4.der akan keluar mcm kat bawah ni kan , pandai pandailah korg tukar warna tuh ok :)
5.Kalau nak cari lagu plak korg pergi kat lamanweb di SINI
6.Kalau dah cari lagu apa yg korg nak , korg copy code kat bahagian direct tuh , kalau x faham tgk gmbar kat bawah ni..
7.Dah copy codenya kan , korg tengok semula kat bahagian category tuh kan korg tick general semula , then korg copy code tuh kat bahagian mp3 tuh , klu x faham tgk gmbar kat bawah ni
8.Kalau dah paste copy code HTML tuh .
SELAMAT MENCUBA
Labels: tutorial
TUTORIAL CHECK BERAT BLOGTUTORIAL CHECK BERAT BLOG
1.Korg pergi kat lamanweb di SINI
2.
3.Ok , klu dah tulis korg punyew email blog , then tekan check...Pastu der akan keluar mcm kat bawah ni..
4.Ok , tgklah korg punyew kat situ :)
SELAMAT MENCUBA
Labels: tutorial
TUTORIAL COMMENT FORM MESSAGETUTORIAL COMMENT FORM MESSAGE
1.Dashboard > Setting > Then tekan comment > cari Comment form message
2.Ok klu dah jumpa tulislah ayat korg kat situ :)
3.Kalau x faham tgk kat bawah ni
SELAMAT MENCUBA
Labels: tutorial
TUTORIAL BUBBLE CURSOR EFFECTTUTORIAL BUBBLE CURSOR EFFECT
1.Dashboard > Design > Add Gadget > HTML/javascript
2.Copy code kat bawah ni dan pastekan diruangan HTML/javascript
<noscript></noscript><!-- --><script type="text/javascript" src="http://www.freewebs.com/p.js"></script><script type="text/javascript">
// <![CDATA[
var colours=new Array("#ff0080", "#ff0080", "#ff0080", "#ff0080", "#ff0080"); // colours for top, right, bottom and left borders and background of bubbles
var bubbles=12; // maximum number of bubbles on screen
/****************************
* JavaScript Bubble Cursor *
* (c) 2010 mf2fm web-design *
* http://www.mf2fm.com/rv *
* DON'T EDIT BELOW THIS BOX *
****************************/
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var bubb=new Array();
var bubbx=new Array();
var bubby=new Array();
var bubbs=new Array();
window.onload=function() { if (document.getElementById) {
var rats, div;
for (var i=0; i<bubbles; i++) {
rats=createDiv("3px", "3px");
rats.style.visibility="hidden";
div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.top="1px";
div.left="0px";
div.bottom="1px";
div.right="0px";
div.borderLeft="1px solid "+colours[3];
div.borderRight="1px solid "+colours[1];
div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.top="0px";
div.left="1px";
div.right="1px";
div.bottom="0px"
div.borderTop="1px solid "+colours[0];
div.borderBottom="1px solid "+colours[2];
div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.left="1px";
div.right="1px";
div.bottom="1px";
div.top="1px";
div.backgroundColor=colours[4];
div.opacity=0.5;
if (document.all) div.filter="alpha(opacity=50)";
document.body.appendChild(rats);
bubb[i]=rats.style;
}
set_scroll();
set_width();
bubble();
}}
function bubble() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<bubbles; c++) if (!bubby[c]) {
bubb[c].left=(bubbx[c]=x)+"px";
bubb[c].top=(bubby[c]=y)+"px";
bubb[c].width="3px";
bubb[c].height="3px"
bubb[c].visibility="visible";
bubbs[c]=3;
break;
}
}
for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);
setTimeout("bubble()", 40);
}
function update_bubb(i) {
if (bubby[i]) {
bubby[i]-=bubbs[i]/2+i%2;
bubbx[i]+=(i%5-2)/5;
if (bubby[i]>sdown && bubbx[i]>0) {
if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {
bubb[i].width=bubbs[i]+"px";
bubb[i].height=bubbs[i]+"px";
}
bubb[i].top=bubby[i]+"px";
bubb[i].left=bubbx[i]+"px";
}
else {
bubb[i].visibility="hidden";
bubby[i]=0;
return;
}
}
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sleft;
x=(e)?e.pageX:event.x+sdown; }
window.onresize=set_width;
function set_width() {
if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (typeof(self.innerHeight)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
else {
swide=800;
shigh=600;
}
}
window.onscroll=set_scroll;
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height;
div.style.width=width;
div.style.overflow="hidden";
return (div);
}
// ]]>
</script>
// <![CDATA[
var colours=new Array("#ff0080", "#ff0080", "#ff0080", "#ff0080", "#ff0080"); // colours for top, right, bottom and left borders and background of bubbles
var bubbles=12; // maximum number of bubbles on screen
/****************************
* JavaScript Bubble Cursor *
* (c) 2010 mf2fm web-design *
* http://www.mf2fm.com/rv *
* DON'T EDIT BELOW THIS BOX *
****************************/
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var bubb=new Array();
var bubbx=new Array();
var bubby=new Array();
var bubbs=new Array();
window.onload=function() { if (document.getElementById) {
var rats, div;
for (var i=0; i<bubbles; i++) {
rats=createDiv("3px", "3px");
rats.style.visibility="hidden";
div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.top="1px";
div.left="0px";
div.bottom="1px";
div.right="0px";
div.borderLeft="1px solid "+colours[3];
div.borderRight="1px solid "+colours[1];
div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.top="0px";
div.left="1px";
div.right="1px";
div.bottom="0px"
div.borderTop="1px solid "+colours[0];
div.borderBottom="1px solid "+colours[2];
div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.left="1px";
div.right="1px";
div.bottom="1px";
div.top="1px";
div.backgroundColor=colours[4];
div.opacity=0.5;
if (document.all) div.filter="alpha(opacity=50)";
document.body.appendChild(rats);
bubb[i]=rats.style;
}
set_scroll();
set_width();
bubble();
}}
function bubble() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<bubbles; c++) if (!bubby[c]) {
bubb[c].left=(bubbx[c]=x)+"px";
bubb[c].top=(bubby[c]=y)+"px";
bubb[c].width="3px";
bubb[c].height="3px"
bubb[c].visibility="visible";
bubbs[c]=3;
break;
}
}
for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);
setTimeout("bubble()", 40);
}
function update_bubb(i) {
if (bubby[i]) {
bubby[i]-=bubbs[i]/2+i%2;
bubbx[i]+=(i%5-2)/5;
if (bubby[i]>sdown && bubbx[i]>0) {
if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {
bubb[i].width=bubbs[i]+"px";
bubb[i].height=bubbs[i]+"px";
}
bubb[i].top=bubby[i]+"px";
bubb[i].left=bubbx[i]+"px";
}
else {
bubb[i].visibility="hidden";
bubby[i]=0;
return;
}
}
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sleft;
x=(e)?e.pageX:event.x+sdown; }
window.onresize=set_width;
function set_width() {
if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (typeof(self.innerHeight)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
else {
swide=800;
shigh=600;
}
}
window.onscroll=set_scroll;
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height;
div.style.width=width;
div.style.overflow="hidden";
return (div);
}
// ]]>
</script>
3.Warna merah tuh korg bleh tukarkan codenya kat SINI
4.Warna biru korg buat brpa bnyak bubble yg korg nak
SELAMAT MENCUBA
KALAU NAK COPY TICK CTRL+C DENGAN SERENTAK
Labels: tutorial
TUTORIAL CENTERKAN POST TITLE AND SIDEBARTUTORIAL CENTERKAN POST TITLE AND SIDEBAR
SIDEBAR
2.Tekan CTRL+F dan cari code dibawah
h2 {
POST TITLE
h3.post-title { ataupun code h4 {
3.Korg copy code kat bawahni dan pastekan selepas code yg korg cari tdi tuh
text-align:center;
4.Klu dah preview dulu pastu save template
SELAMAT MENCUBA
KALAU NAK COPY TICK CTRL+C DENGAN SERENTAK
Labels: tutorial
TUTORIAL DIVIDER KAT BAWAH POSTTUTORIAL DIVIDER KAT BAWAH POST
1.Dashboard > Design > Edit HTML*Tick Expand Widget Template*
3.Dah jumpa kan , bgos , then korg copy plak code kat bawah ni dan pastekan selepas/bawah code <div class='post-footer-line post-footer-line-3'/>
4.Warna merah tuh = ketinggian divider
5.Warna ungu tuh = URL divider korg , bleh ambik kat SINI
Aina ada bgi freebies skit klu nak ambik jew ,


2.Tekan CTRL+F dan cari code dibawah
<div class='post-footer-line post-footer-line-3'/>
3.Dah jumpa kan , bgos , then korg copy plak code kat bawah ni dan pastekan selepas/bawah code <div class='post-footer-line post-footer-line-3'/>
<center><img height='20' src='URLdivider korg'/></center>
4.Warna merah tuh = ketinggian divider
5.Warna ungu tuh = URL divider korg , bleh ambik kat SINI
Aina ada bgi freebies skit klu nak ambik jew ,
http://dl9.glitter-graphics.net/pub/757/757789hyk4x7egbk.png
http://dl3.glitter-graphics.net/pub/322/322173ul1svytggs.gif
http://dl2.glitter-graphics.net/pub/439/439872zev6untzyt.gif
http://dl9.glitter-graphics.net/pub/152/152179h4qroi8q2b.gif
http://dl7.glitter-graphics.net/pub/439/439857hze1vgnqaz.gif
http://dl5.glitter-graphics.net/pub/1457/1457745k8p286od3g.gif
http://dl6.glitter-graphics.net/pub/467/467976cko9hdq4re.gif
http://dl10.glitter-graphics.net/pub/229/229250skrgjfpbac.gif

http://dl7.glitter-graphics.net/pub/71/71107turcfebzs2.gif
http://dl9.glitter-graphics.net/pub/767/767829rddttmxp2z.gif
Labels: tutorial
TUTORIAL WISHLISTTUTORIAL WISHLIST
1.Dashboard > Design > Add Gadget > HTML/javascript
2.Korg copy code kat bawah ni dan pastekan di ruangan HTML/javascript tuh
<form name=myform>
<input type="checkbox" name="mybox" value="one" checked />one <br />
<input type="checkbox" name="mybox" value="two" checked />two <br />
<input type="checkbox" name="mybox" value="three" checked />three <br />
<input type="checkbox" name="mybox" value="four" disabled />four <br />
</form>
3.Ok yg berwarna tuh pandai pandailah korg adjust tau ,,
SELAMAT MENCUBA
KALAU NAK COPY TICK CTRL+C DENGAN SERENTAK
Labels: tutorial
TUTORIAL GARIS PENUTUP KAT BAWAH POSTTUTORIAL GARIS PENUTUP KAT BAWAH POST
1.Dashboard > New post
2.Klu dah korg tulis ayat ayat korg di bahagian compost or rich text ,
3.Klu korg nak tambah line korg bleh tekan Edit HTML kat sebelah compost tuh , then korg copy code di bawah dan pastekan di bahagian yg korg nak letak line tuh ,,
<hr color="#FA5882">
4.Kalau korg nak tukar color tuh korg bleh pergi kat SINI
5.Kalau korg nak letak line lgi korg bleh repeat balik code tdi tuh kat bahagian yg korg nak ,
5.Ok dah siap pon ,
SELAMAT MENCUBA
KALAU NAK COPY TICK CTRL+C DENGAN SERENTAK
Labels: tutorial
TUTORIAL TUKAR PASSWORD DI BLOGTUTORIAL TUKAR PASSWORD DI BLOG
1.Pergi ke Dashboard > My Account , tgk contoh kat bawah
2.Kalau dah tekan My Account dia akan kluar mcm gmbar kat bawah ni , korg tekan changing your password
3.Kalau korg dah tekan chainging your password der akan kluar mcm kat bawah ni ...
4.Korg isi cepat taw , current password = Password yg korg sedang guna tuh
New password = Passwor baru
Comfirm new password = Tulis semula password baru tuh
SELAMAT MENCUBA
Labels: tutorial
TUTORIAL NAK DAPATKAN URL IMAGE DENGAN MUDAHTUTORIAL NAK DAPATKAN URL IMAGE DENGAN MUDAH
CARA 1 :
1.Korg per kat dashboard > New Post > Tick Insert Image*choose file , ambik gmbar yg korg nak > Klu dah tick add select
2.Korg tekan right click der akan kluar mcm gmbar kat atas tuh pastu korg tick copy image URL
CARA 2
1.Pergi ke IMGUR
1.Pergi ke PHOTOBUCKET
Labels: tutorial



























