Saturday 31 March 2012

Tips : Mencantikkan Blog.. Blog.. Blog.. o.O

.Assalamualaikum.


Huyt. Korangg. Korangg.. heee..
Sihaat kah ? Sihat kah korang...Sihat kah mama korang..Sihat kah papa korang..Sihat kah kucing korang.. heee.. And last sekali , sihat kah blog korang ?HAHA. Apa. apa .??? Blog korang kurang sihat ...? Alar..tapi kenapa...? Alololoorr.Kecian nyerr kat korang....hee . jangan sedih-sedih yer. Kalau korang menangis nanti , banjir pulak satu Malaysia ni kangg. Ta mo .Ta mo begitu. 


  


Hee. Amboih koranggg. Nampak je Title nak cantikkan blog.. Cepat-Cepat je korang View ekk ? Apa yang bEst nye cantikkan blog ni .hah ? hah ? hehe .
Alahaii . Aku buat tips ni .. Macam cantik sangat je blog aku ni.. Cantik ke? Cantik ke? Siapa yang cakap cantik tuh , better korang pergi buat spec dulu..Tak maw pakai spec , buat contact lens je lah . Cantik ciket .! HAAHaa. (out of topic!) . sudah..sudahh..


Nanti ada lah orang kat luar tuh haa yang cakap macam ni...

"Eh , Tinie.. Blog  kau ni bukan cantik mana pun ..? Ada hati pulak nak kasi tips dekat orang . Apa lahh~"

HAHA . nanti ada ke orang akan cakap macam tuh ? Kompomm ada punya..kan? Siapa yang nak cakap macam tu. Tinie akan jawab :

"Whateverrr.. Ada aku kesahh ? HAHA" 

Helow derr. Tinie kasi tips ni untuk orang yang memerlukan je lah ok.. Sekadar nak share dengan orang.. Tak salahkan.?Ok . siapa yang nak baca tu , silakan. Kau tak nak ? BERAMBUS je lah .. Nah aku kasi link .. TEKANSINISINISINI


Oke. Tinie teruskan ni . Memang betul ke korang nak cantik kan blog korang ni.. Kalau betul..  Teruskan membaca yer. 1st sekali .. dalam pemilihan layout/template ataupun background blog korang..Ok , yang ini paling penting taw.. dan merupakan salah satu aset yang penting  untuk mencantikkan blog korang tu.. Ish.ish. Kenapa Tinie cakap macam tu ye.? Ye lah..Kalau background blog korang tuh semak-semak dengan animated siap warna-warni lagi tu.. tak ke memeningkan kepala bloggers yang masuk ke blog korang tu?
So , bagi Tinie korang carilah layout yang sedap mata memandang.. and gunakan warna yang soft/lembut2 ok? Barulah nak baca entry pun.. syiokk je.hehe. kan ?


Ok . Yang itu pasal pemilihan background. Kita pergi pula dalam pemilihan header. Header yang lawa + menarik akan mencantikkan lagi blog korang tahu takk . Yer. Memang betul pun. Tinie jamin 99.99% taw.hee. Contohlah kan kalau blog seseorang tuh tak de header.. semata-mata Blogt Title je. Nampakk cantik ke heh. Macam bosan je kan. Sebab itu lah Tinie kata ada header dekat blog. mencantikkan dan menambahkan seri blog korang tu. Nak buat header pun ada cara yang tersendiri jugak :) Jangan pakai hentam karoma je ambik pic korang letak sebagai header. Pemilihan Gambar pun penting taw. Tambah-tambah untuk korang yang berminat nak buat header transparent. Macam Tinie kat atas tuh ! hehe. Tolong.Tolong.Tolong lah pilih gambar yang bersesuaian. Jangan pulak ada yang terpotong sana-sini..tudung sekerat. Tangan pulak. Tak nampak siku..Pipi pulak , jadi 'Flatt' je . Tak ke hodoh nanti header korang tuh ? Hee~


Oke.. Yang ketiga pulakk.. Mengenai Pemilihan Layout pada blog. Maksud Tinie dekat sini.. Pemilihan sama ada korang menggunakan 2 column ataupun 3 column.. Jap ! Tinie nak tanya nih.. blog korang guna berapa column eh ? 2 ? 3 ? 4 ? 5 ?? Berapa ? hehe . Dua ke ? Memang kebanyakan bloggers hanya menggunakan 2 column ! SATU pemilihan Layout yang sangat bijak .. Tinie hanya nak komen lah sedikit bagi sesiapa yang menggunakan 3 column.. Ini pendapat Tinie lah erk.. Jangan marah.. Bagi Tinie ianya menyemakkan blog seseorang lah .. Meh Tinie bagi gambaran dekat korang ? Tengah-tengah, entry kita.. then , sebelah kiri dah kanan penuh dengan widget yang segala bagaii . Memang lah Tinie tahu ada yang suka macam tu kan ? Tak salah korang guna layout 3 column.. Tapii.... Tapi it's better kalau korang guna 2 column sahaja . It's looks simple and teratur.. right ? Percayalahh .. Blog akan lebih cantik kalau korang guna 2 column :)


Seterusnya , ape lagii ehh ..? haaa ! Tulisan korang tuh.. Waduhh.Waduhh. berapa puluh juta kali Tinie nak bagitahu nih... Kan Tinie cakap .. Pilih tulisan yang bersusuai untuk post entry korang tuh.. Ni takk .. Tulisan kejap besar kejap kecikk .. Warna - warni sakan pulak tuh.. Aiyoo.Amma..Appa...Apa sudahh jadi.. hehe . Oke.. Semua.. Dengar ni... Memang Tinie tahu .. korang rasa dengan menaip dengan menggunakan tulisan warna warni tuh , memang cantikk . cantiikkkk sangaattt ! Tapi , tak de ke menyemakkan lagi blog korang yang memang semak tuh? Opssss >>> Sorry~ Tersasul pulak.. Bukan.. bukan..Ye lah . untuk nampak kan blog korang jadi lebih kemas , tersusun dan teratur . Pemilihan font pun penting jugakk !:) Korang boleh lah guna font Arial , Trebuchet or Verdana.. Nampak lebih kemas dah mudah di baca . Lagi cantikk gitu . Jangan terlalu guna tulisan yang fancy-fancy , ok ?  ^_6


Dan yang terakhir sekali....jeng.. jeng .. jeng.. For sure lah , kalau nak cantikkan blog . guna tutorial yang Tinie buatkan untuk korang tuh..Tak percaya , try lah  .kompom nanti , blog korang akan jadi lebih lawa , cantik , comey , cute , smart , cool ! HAHA . (perasann je aku!)


.Sila Tinggalkan Komen Anda. 
Like Lah sekali . Mengharap! :)







Apa Yang Ada Dalam Gambar Ni ?




.Assalamualaikum !
Peacee Yo(!) ^_^v


Kalau anda boleh dan rajin teliti gambar kat bawah ni , apa yang korang nampak . Silalah senaraikan satu persatu . Nak pulak yang bermata empat tuu . hihi . Sah-sah lagi banyak lah jawapannya . HEHE .


 


Jawab . Jangan tak jawab . muehehe :P









Tutorial : Menukar Home , Older + Newer Post kepada Icon Yang Comel




Hey dear ! 
Nak tahu macam mana nak Tukarkan Home, Older + Newer Post kepada Icon Comel?

Oke ! Tinie boleh teach korunk skunk jgk .! hehe~
FOKUS taww ?

1. Log in > Dashboard > Design > Edit Html
2. Kemudian tick pada Expand Widget Templates .
3. Then , tekan Ctrl + F and cari perkataan :
<data:newerPageTitle/>
4. Tukarkan kod diatas ni dengan kod ni :

  <img src="http://i947.photobucket.com/albums/ad318/hannacrazee/Decorated%20images/go5.png"/>

 * Warna merah tu , korang boleh tukar kan dengan korang punya URL Gambar ok :) Itu Tinie kasi contoh je ^^


5. Then , Tekan Ctrl + F lagi sekali dan cari perkataan :

<data:olderPageTitle/>
6. Gantikan kod di atas dengan :

<img src='http://i561.photobucket.com/albums/ss52/angelicxmelody/Web%20materials/go5.png'/>
  * Warna merah tu , korang boleh tukar kan dengan korang punya URL Gambar ok :) Itu Tinie kasi contoh je ^^ 

7. Last sekali , untuk buttom home pulak , korang cari : 
expr:href='data:blog.homepageUrl'><data:homeMsg/>
8. Gantikan kod yang berwarna merah tu dengan kod di bawah :

<img src='http://i561.photobucket.com/albums/ss52/angelicxmelody/Web%20materials/home1.png
'/>
  Warna merah tu , korang boleh tukar kan dengan korang punya URL Gambar ok :) Itu Tinie kasi contoh je ^^

9. If sudah siap , korang try preview dulu taw. kot2 lah tak jadi ke , susah pulak kang .! HAHA!
  If dah belek and menjadi , terus je SAVE :)


SELAMAT MENCUBA !!!






Friday 30 March 2012

Tutorial : Menu Tab (Navigation Bar)





Helow .. Helow.. Heloww :)

HAHA!! :)

Bila korang tengok je title post ni . korang mesti tersenyum lebar kan ??
hahahaha!!!! Tuh lah  , korang mintak punya lah lama , utk Tinie ajar , macam mana nak buat yang ini kan ??


Ada salah sorang yang Request tuto ni !


Oke , Tinie tak tahu lah , korang boleh ikut ke tak tuto niyh. agak payah and memeningkan kepala lah ;)

1. Log in > Dashboard > Design > Add Gadget > Html/JavaScript

2. Copy Code kat Bawah ni , And pastekan di ruangan Html/JavaScript tu ehh ?

<center><a href="LINK BLOG URL KORANG" target="_blank"><img style="width: 142px; height: 51px;" src="LETAK IMAGE URL DI SINI" border="0" /></a>
<a href="LINK PAGES  PERTAMA" target="_blank"><img style="width: 143px; height: 51px;" src="LETAK URL IMAGE DI SINI" border="0" /></a>
<a href="LINK PAGES KEDUA" target="_blank"><img style="width: 142px; height: 51px;" src="LETAK URL IMAGE DI SINI " border="0" /></a>
<a href="LINK PAGES KETIGA" target="_blank"><img style="width: 142px; height: 51px;" src="LETAK URL IMAGE DISINI" border="0" /></a>
</center>

* Warna Biru = Letak Link Yang Nak Dibuka Disini (Create Page terlebih dahulu)
*Warna Merah = URL Image yang sesuai dengan link korang...
*Warna Oren = Kelebaran dan ketinggian mengikut kesesuaian blog korang :)

** Kan yang warna MERAH tu kan , Tinie kata URL IMAGE ? Image tu , copy boleh lah create sendiri , guna photoshop ke .. GIMP ke.. apa2 je lah kan ? .. Then , korang upload image korang itu , dekat :http://kimag.es/

Kalau tak tahu jugak nak create macam mana ..
Boleh tempah kat Tinie RM8 je ! :)
Maximum 4 @ 5 TAB .

3 . Dah siap , SAVE erkk :)

4. Jangan lupa , DRAG Gadget tu , ke bawah Header . ok ?:)

p/s : If tak paham , or tak menjadi , korang boleh komen2 di bawah ni yea! :))

    =SELAMAT MENCUBA=







    Cute Image ^_^

    Change title



    Hi friends ! Tinie akan ajarkan korang cara2 nak tukar title blog korang. Kpade sesiape yg x tahu mcm mne nak tukar, jom ikut step by step.

    1. Dashboard > Template > Edit HTML
    2. Tekan CTRL+F dan cari kod ini : <title>
    3. Tapi, Korang nmpk kod dia cam ni kan ?
    <title>Star-Sparkle</title>
    4. Ok, delete kod tu dan jadikan macam ni : <title>titleblog</title>
    5. Pastu, gantikan tajuk yg korang nak dekat warna merah tu.
    6. Preview, and Then save !









    Letak cursor for Blogskin


    Hye peps ! Hari ni Tinie buad tutorial cara2 nak letak cursor dekat blogskin. Untuk blogskin aje ye.

    1. Dashboard > Template > Edit HTML
    2. Tekan CTRL+F and search code : body {
    3. And then, copy code bawah tu.
    cursor: url(URL CURSORS), progress;

    4. Pas2 , pastekan dekat bawah code yg korang cari tadi.
    5. Preview and Save!

    * Yang warna Merah , gantikan dengan url cursor yg korang nak okey!

    - Simple kan ! ;) -





    Bubble cursor for Blogskin



    Assalamualikum dan annyeong ^_^
    Hari ni Tinie nak ajar korang mcm mne nak buad bubble kat cursor. Contohnye, bila cursor tu korang gerak-gerakkan, dia akan keluarkan bubble. Itu di panggil bubble cursor :D

    1. Dashboard > Template > Edit HTML
    2. Tekan CTRL+F and search code ni : <head>
    3. Copy code ini pulak.

    <script type="text/javascript" src="https://sites.google.com/site/unwanted86/javascript/bubblecursor.js"></script><script type="text/javascript">


    // <![CDATA[


    var colours=new Array("#E2A9F3", "#E2A9F3", "#E2A9F3", "#E2A9F3", "#E2A9F3"); // colours for top, right, bottom and left borders and background of bubbles


    var bubbles=100; // 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>
    4. Pastekan di bawah code <head> tadi.
    5. Preview and save


    * Yang berwarna Oren tu, korang boleh tukar dgn code warna lain. Disini > Kod warna <