α я ι e x x и

Showing posts with label Blogskin. Show all posts

Tutorial : Open New Tab

Assalamualaikum and annyeong . Straight to the point aje lah . Maksud tutorial ni , bila kita click link , automatik dia akan terbuka dekat tab yang lain . Tak kira lah older post or newer post .

1. dashboard > template
2. cari code

<head>

atau

</head>

3. copy code bawah ni .

<base target='_blank'/>

4. paste dekat bawah code <head> tadi .
5. save .

# kalau nak preview tak pasti boleh appear 'keberhasilannya' ke tak .
Btw , selamat mencuba.

Tutorial : Image Hover Ber-Rainbow

Assalamualaikum and annyeong :) Tutorial seterusnya untuk buat image hover ber-rainbow pulak . Kalau korang biasa blogwalking blogwalking tu , korang selalu nampak image akan bertukar warna warni kan bila di sentuh . Look fun ?
So ? nak buat ?
follow this step .

1.dashboard > template
2.ctrl + f , cari code

</style>

3.copy code bawah ni pula

img {
filter: hue-rotate(360deg);
-webkit-filter: hue-rotate(360deg);
-moz-filter: hue-rotate(360deg);
-webkit-filter;(1);
-webkit-transition: all 0.7s linear;
-moz-transition: all 0.7s linear;
transition: all 0.7s linear;
}
img:hover {
filter: hue-rotate(0deg);
-webkit-filter: hue-rotate(0deg);
-moz-filter: hue-rotate(0deg);
-webkit-filter;(0);
}

4. paste dekat atas code </style> tadi tu .
5.preview and save :)

Tutorial : Image Hover (Vibrate)

Assalamualaikum and annyeong :) tutor pasal image hover lagi . Image hover yang ni , apabila cursor sentuh pada gambar , it will vibrate . Kalau tak faham , korang boleh try dulu tuto ni and preview , kalau rasa suka save : )

1.dashboard > template

2.ctrl + f , cari sama ada code ni

<style>

atau

</style>

3. copy code bawah ni

var rector=3
///////DONE EDITTING///////////
var stopit=0
var a=1
function init(which){

4. paste bawah code tadi tu .

5. copy code bawah ni pulak .

<imgsrc="URLIMAGE"width="200"height="200"class="shakeimage"onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this);top.focus()" onClick="top.focus()">

6.paste je dekat mana mana . suka hati korang .

oren : URL image

biru : lebar image
hijau : tinggi image

Tutorial : Image hover (zoom)

Assalamualaikum and annyeonghaseyo . Pagi yang indah ni tiba tiba nak bagi tutorial pulak kan . Image hover ( zoom ) ni , maksudnya bila cursor sentuh gambar , automatik gambar tu akan membesar .

Kalau tak faham , korang boleh try dulu .

Blogskin / classic template :

1. dashboard > template

2. ctrl + f , cari code

</style>

template designer :

1. dashboard > template > edit html ( click triangle hitam yang pertama tu )

2. ctrl + f , cari code

/* Header

3. copy code bawah ni pula

img {-moz-transition: 0.5s;-webkit-transition: 0.5s;}img:hover {-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transition: 0.5s;-webkit-transition: 0.5s;}

4. paste code tadi , dekat atas code </style> atau /* Header

5. preview and save

Tutorial : Sidebar title background

Assalamualaikum and annyeong . Straight to the point . Sidebar title background for blogskin aka denim template

1.dashboard > template > edit html

2.ctrl + f , cari code

.sidebar h2 {

3. delete code tu dengan anak anak code dia sekali
4.gantikan dengan code bawah ni pula

border-bottom: 2px solid #8A4B08;
border-top: 2px solid #8A4B08;background: url (URL BG);margin: 1.6em 0 .5em;padding: 4px 5px;font-size: 12px;font-family: Verdana;letter-spacing:1px;text-align:center;color: #000;}

5.preview & save

Yellow : Tebal border
Blue : Warna border
Green : Solid / Dashed / Dotted
Pink : URL Background
Orange : Saiz font

Purple : Jenis font

Tutorial : Post title background

Assalamualaikum and annyeong . Teruskan dengan tutorial yang kedua untuk malam ni . Tadi untuk template designer , sekarang for denim template aka blogskin .

1.dashboard > template > edit html

2.ctrl + f , cari code

.post-title {

3. delete code tu dengan anak anak code dia sekali .

4. gantikan dengan code bawah ni

border-bottom: 2px solid #8A4B08;
border-top: 2px solid #8A4B08;background: url (URL BG);margin: 1.6em 0 .5em;padding: 4px 5px;font-size: 12px;font-family: Verdana;letter-spacing:1px;text-align:center;color: #000;}

5. preview & save

Yellow : Tebal border
Blue : Warna border
Green : Solid / Dashed / Dotted
Pink : URL Background
Orange : Saiz font

Purple : Jenis font

Tutorial : Cursor Snow effect

Assalamualaikum and annyeong ... Okay, i think, of course all of you know what the mean of cursor effect right ?? want to do it?Okay, let's start . oh ya, btw , this for blogskin only . :)

1.dashboard > template
2.press ctrl + f , and search this words >> <title>#ELFishy</title>
3. and copy all the code under this ....

4.paste under the code that you all serach just now ( under title blog )
5.red : the colour of snow effect.
6.preview and save :)

credit : k.atiqah

Click Navigate then go to the link

Assalamualaikum , rasanya ramai dah tahu kut tapi tak pelah fina rajin pulak nak buat

. Bagi sesetenggah blogger buat navigate macam ni untuk letak macam link ke , tutobies ke , biases ke atau apa ape je .. tapi benda tu semua kena buat new blog lah . Fina pun buat navi macam ni sbb

kalau kita nak tukar skin blog baru , tak payah nak penat penat copy tutorial atau freebies yang ada dalam skin lama tu. kita copy link blog tutobies tu je .. tak dua kali kerja . :)

okay straight to the point aje lah .

1. dashboard > template > ctrl f = cari navigate blog korang.
2. sama ada nak tukar atau tambah , copy paste code dekat bawah ni

<a class="class" onClick="document.getElementById('entry').innerHTML=document.getElementById('blog').innerHTML"href="LINK" title="">Title</a>

oren : ID page . korang boleh tengok dekat navigate blog korang ..
hijau : ID entry , boleh tukar mengikut kesesuaian
blog : tukar mengikut kesesuaian
merah : url link
purple : tajuk yg akan keluar dekat navi nnti :)

okay babai .. Assalamualaikum :)

Status Box #1

Assalamualaikum :) Ni kiranya tutorial yang pertama di tahun 2014 .. ceh itu pun nak kasi tahu kaa .. ~~perlu -,-~~ .. okay malas nak berbasa basi , esok fina dah nak sekolah so nnti takada masa nak bertutorial berfreebies freebies .. let's start ..

1. maked new blog
- macam biasa letak url , edit tak perlu
2.change template from designer to classic , kalau tak tahu boleh tengok sini >> CLICK
3. click >> template
tekan ctrl + A and delete .

Assalamualaikum and annyeong :) okay , fina nak ajar macam mana nak buat navbar dalam blog.. fina pun kadang kadang rasa rungsing dengan kehadiran bende tu .. and fina nak ajar korang kalau ada yang belum tahu ..

navbar tu macam nii

okay ,, senang ja .. pergi macam biasa ,

dashboard >> template >>

akan keluar cam ni

dah click, nanti akan keluar cm nii

tekan off .. :) okay done .. senang kan. tak perlu guna code code bagaii .. :)

Audioplay music player *new version

Assalamualaikum :) Okay, malam tiba tiba mengigau nak bikin satu tuto . act , tuto ni kebanyakkannya dah tahu kan ? Cuba yang audioplay tu dah tukar . Yang lama punnya fina belajar daripada kak atiqah . Bila fina nak tukar lagi, tiba tiba yang kiwi mp3 tu dah tukar .. so fina pun main tekan tekan jaa .. and menjadii .. so, sengaja nak share sikit la kan.... sharing is caring right ??

1. pergi SINI
2. And then sign up dulu .
3. And then tekan macam gambar yang bawah ni . Click untuk tumbesaran !