tutorial tutorial

Monday 12 November 2012

Tips : Blog Mau Cantik ? Sini Sini


doowoon | Tumblr

isha takde idea nak buat entry , so isha isi masa dengan buat tutorial , upgrade my blog , blog walking and i got a new things , make a Tips !!

i know blog isha tak lah selawa blog korang yg tenga baca ni , just nak share je . And this entry special to all newbie :) hope you read :) dengan tips ni , bukan bermakna blog isha ni perfect , lawa , comel etc . NO ! cuma nak share je .
ikut tips ni ya :)

1- Backgound
For newbie , make sure korang pilih background yg tak banyak corak , yg GIF tu *background gerak2* and warna yg gelap ! background ni boleh tarik pembaca untuk baca blog korang k . mybe korang boleh pilih warna pink , biru muda , purple , putih and semua warna2 yg soft k :)

2 - Header
yeah !!! header memang memainkan peranan bagi sesebuah blog . tanpa header , blog korang takkan jadi lah ! kalau nak buat or nak pilih header , please buat/pilih header yg se-simple mungkin and cute ! takmo yg crowded . biar simple , asalkan cute :)

3 - Font Di Entry
yg ni pun penting ! tulisan post korang mestilah sesuai dengan blog k . takmo besar sangat and takmo kecil sangat... sedang2 je k :) pilih normal . font pula isha syorkan arial , verdana and trebuchet k . semua tulisan tuh kemas2 . 

4 - Susunan Widget 
yang ni paling penting for new bloggers !!! korang newbie , mesti semua widget korang nak pasang kan ? but , bukan semua yg boleh dipasang. ada sesetengah tak boleh or tak digalakkan . for newbie and all bloggers , widget yg patut ada di blog korang is follow button *no follow button like tumblr* , chatbox , blog archieve and biodata "about me" tak nak widget yg mcm ni :-
 *music jenis ni jgn pasang*
    *bende2 ni jgn lah pasang. boleh hang blog korang*

5 - Jangan Guna Shoutbox yg Sliding or Hiding or Menyorok 
jangan guna shoutbox yg dinyatakan tu ! alah , shoutbox yg hide2 tuh la.. sebab apa ? sbb ada sesetengah pengunjur tak suka . isha sarankan letak je dekat sidebar blog korang tu and letak di bahagian yg senang dinampak

6 - Pemilihan Warna Blog 
korang kene bijak memilih warna for your blog . isha sarankan korang guna lah warna yg soft and ceria k :) macam pink , biru , purple and putih . 

and satu lagi jangan sesekali guna blog skin !!!
i know its look modern and nice , tapi widget2 ye banyak yg tersorok and kene buka tab lain.. menyusahkan betul . 
kalau boleh pakai jelah simple template or denim template je ok . mcm blog isha ni :) 

hope berguna dekat korang 
bye 

Thanks Sebab Baca Entry Isha . LIKE sikit and say Oyeah !

Tutorial : Signature


haip !!!
boring laaa
huhuhu

ok.. korang mesti pelik kan bila tengok blog2 yg ada signature kan ?
mcm mana dorang buat ?
ok.. let me teach you how to make it !!
follow this step ok !

1- KLIK SINI untuk create your own signature 
2- tekan "CLICK HERE TO START"
3- PILIH "Using the signature creation wizard"
4- tengok gambar 
5- then korang pilih lah design mana yg korg berkenan k :) dah siap , tekan NEXT STEP !
6- lepas dah pilih design tuh , pilih pulak saiz yg sesuai dengan signature yg korang create tuh .
dah siap , tekan NEXT STEP !
7- now , pilih warna untuk signature korang tu !!
tekan NEXT STEP !
8- and now pilih kedudukan signature korang !
dah siap , tekan NEXT STEP !
9- time to use the signature , ok klik dekat want to use this signature ?
10 - pilih HTML tuh ek 
11- klik generate a code for my handwritten signature 
copy kod yg dia bagi tu ek :) "general html code for your signature"

ok now ikut step ni pula !
1- dashboard -> setting -> klik post and comment -> klik post template *paste kan kod yg korang copy tadi ke ruangan tuh ye :)
2- save setting !!!

cer buka blog korang :) jadi tak.. hehe
kalau nak remove , tekan je remove tu :)

sooorry kalau tuto ni panjang sikit , 
isha malas nak screen print.. haha
hope menjadi 

=GOOD LUCK=

Thanks Sebab Baca Entry Isha . LIKE sikit and say Oyeah !

Tutorial : Scroll Back To Top *Terbang Tinggi!!!*


ohoi..
siapa yg belum tidur lagi di 1.20 pagi ni..
meh buat tutorial :)

kali ni isha siap bagi freebies lagi tau :)
hope suka..

tutor kali ni about bila korang tekan je satu botton ni , ia akan naik sendiri sampai ke atas :)
lets try it !!!

1- Dashboard -> Layout -> add gadget -> pilih html/javascript
2- copy kod ni and pastekan ke ruang html tu
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script><script type="text/javascript" >/***********************************************
* Scroll To Top Control script- &#169; Dynamic Drive DHTML code library(www.dynamicdrive.com)* Modified byLyssaFaizureen***********************************************/var scrolltotop={
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="URL GAMBAR TERBANG TINGGI" />',
controlattrs: {offsetx:5, offsety:5},
anchorkeyword: '#top',
state: {isvisible:false, shouldvisible:false},
scrollup:function(){
if (!this.cssfixedsupport)
this.$control.css({opacity:0})
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1)
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
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:'Scroll Back to Top'})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='')
mainobj.$control.css({width:mainobj.$control.width()})
mainobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
mainobj.scrollup()
return false
})
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
})
})
}
}
scrolltotop.init()
</script>

3- save it !!!

NOTE 
pink tuh korang letak url imeg ya..
kalau mls nak cari , ambil yg isha create ni hah !

http://2.bp.blogspot.com/-RRrzLGmmE7c/UJ_fwnXaoQI/AAAAAAAAEnw/cZPixDUm7HI/s1600/fly.png
http://2.bp.blogspot.com/-KS-kiCOnR7Y/UJ_f5gnn-uI/AAAAAAAAEn4/wLSthZy2S4M/s1600/fly+1.png
http://3.bp.blogspot.com/-_2bJ05yd_k4/UJ_gXUK09fI/AAAAAAAAEoA/byopmpcfYqs/s1600/fly+2.png
http://2.bp.blogspot.com/-r84Ya0x7_oc/UJ_guxTqMNI/AAAAAAAAEoI/xWGCpj4yUhY/s1600/fly+3.png
http://1.bp.blogspot.com/-ttg6EmNNyPc/UJ_g9BeAEDI/AAAAAAAAEoQ/W6kjXhVpxXE/s1600/fly+4.png
http://1.bp.blogspot.com/-oRYx-ZSJ708/UJ_hMj1DIFI/AAAAAAAAEoY/s0Mvswu_plc/s1600/fly+5.png
http://1.bp.blogspot.com/-Mub8jspcGac/UJ_hjidv49I/AAAAAAAAEog/GvYk4CcZ9dE/s1600/fly+6.png
i know buruk..
sebab isha baru faham konsep photoshop ni..
so isha try2 buat je..
suka ambil , tak suka tak payah :P

=GOOD LUCK=

Thanks Sebab Baca Entry Isha . LIKE sikit and say Oyeah !

Tutorial : Gambar Jadi Blur and Melengkung Bila Cursor Sentuh


hai hai..
isha tak tidur lagi..
hmm.. tak boleh tidur..

ok.. korang nak tak bila cursor sentuh dekat gambar dlm blog korang dia jadi blur and melengkung ?
kalau nak buat tutorial ni !!!

1- dashboard -> template -> edit html -> proceed 
2- tekan ctrl+f untuk memudahkan korang cari kod ni 
a:visited {
3- jumpa ? kalau jumpa copy kod ni pula and pastekan di bawah kod tadi 
 a img {
border-radius:10px;
border-width: 0;
}
img:hover {
filter: alpha(opacity=70);
opacity: .6;
-webkit-transition: 0.5s;
border-radius:10px;
4- preview kejap.. kalau jadi cepat2 save !!!

=GOOD LUCK=

Thanks Sebab Baca Entry Isha . LIKE sikit and say Oyeah !