tutorial :red on first letter

Assalammualaikum :)

         what the red? OH(!) so beautiful.. i want it, i want it.. muahaha .. wah dah satu jam berlalu mengadap laptop baru nak post entri, amboi~ ni semua sebab banyak sangat blogwalking nyer, sampai dah blenzie dah otak ni, mampu lagi bertahan nak post entri ni..  lepas ni minta mama urut kepala sekejap, huhu, sekejap jer kalau mak nak,.. bukan anak manja lah, tapi iera memang anak bongsu tapi tak delah manja sangat, sebab iera ni duduk hostel tak boleh selalu bermanja.. 

        eh? cepat sedia dengan tutorial kali ni, iera kena cepat sebab dah blenzie (nouns mengarut).. hehehe tak wujud kowt blenzie tuh, ~entahlah.. APA!! korang tak tahu tutorial kali ni? alah bende alah yang ada dekat tajuk post tu~ takkan iera kena print screen jugak,.. nak buat? teruskan membaca sayang~

HOME BLOG > TEMPLATE > EDIT HTML search : h3.post-title {

kalau tak jumpa search : .post h3 {

copy kod dibawah bagi yang mencari kod h3.post-title { 

h3:first-letter { color:#FF748B; }
  margin: 0;
}

pastekan dekat bawah kandungan kod h3.post-title { tadi.. seperti ini:

klik to view

bagi yang mencari kod .post h3 { copy kod dibawah..

.post h3:first-letter { color:#FF748B; }
  margin: 0;
}

paste dekat bawah kandungan bagi kod .post h3 { tadi.. lebih kurang macam gambar kat atas tu..

okey lepas tu preview dulu kalau menjadi save lah,.. dan ucaplah terima kasih pada admin di entri ni.. >_<

sekian terima kasih assalammualaikum..

tutorial : follow and dashboard icon

ASSALAMMUALAIKUM :)

         hai pak cik mak cik,.. XD hehe wah apa yang aku buat.. hari ini iera nak bagi tutorial macam mana nak buat follow and dashboar yang comel macam iera tuh,.. comel kan, macam blog skin.. 

        iera memang penuh dengan tutorial cara buat style blogskin, keh x3 sebab kan comel, tapi kan ada orang tak pandai guna blogskin, jadi pakai modern template jer kan,.. so iera bawak keluar segala blog skin style disini XD.. mungkin tuto yang iera buat baru sikit, tak apa lama nanti banyak lah tuh~ ^_^

okey what the tutorial today? it's about this :

comel tak? ada gambar comel kan? hehe.. nak buat? teruskan membaca...

ikut step yang iera suruh kat bawah:

1) HOME BLOG > TEMPLATE > EDIT HTML > TEKAN ctrl+F : search : /* header

copy kod di bawah :

.circle {
height: 20px;
width: 20px;
-webkit-transition: 0.5s;
text-align: center;
}
.circle1 {
height: 20px;
width: 20px;
-webkit-transition: 0.5s;
text-align: center;
}
.image {
position: fixed;
top: 20px;
right: 100px;
}

paste kan dekat atas kod yang dicari tadi ..

2) PAGE ELEMENT > ADD GADGET > EDIT HTML :

copy kod di bawah :

<div class="circle" style="background: #fff; border-radius: 350px; position: fixed; top: 30px; right: 110px; z-index: 99;"><a href="http://www.blogger.com/follow-blog.g?blogID=BLOG ID "><img src="http://4.bp.blogspot.com/-uxCKDcQx9sI/TwNWZGTKBFI/AAAAAAAAAbs/MtCJzsj32G0/s1600/heart9.gif"title="follow"/></a></div>
<div class="circle1" style="background: #fff; border-radius: 350px; position: fixed; top: 50px; right: 100px; z-index: 99;"><a href="http://www.blogger.com/"><img src="http://3.bp.blogspot.com/-z3DGL9LcCRc/TwNWev3U6MI/AAAAAAAAAd0/AFr49_JYqlM/s1600/skull1.gif"title="dashboard"/></a></div>
<div class="image"><img style="width: 120px; border: 5px solid #fff; border-radius: 350px;" src="URL GAMBAR COMEL" /></div>

pastekan dekat html/ javascript tadi, ..

biru : url icon comel untuk follom dan dashboard, korang boleh tukar kalau nak

merah : url untuk gambar hiasan, cari kat google lah, iera ada bagi freebies jugak >_<

oren : gantikan dengan id belog korang

http://s3.amazonaws.com/puricute.answers/2011/07/29/a5f00290e22adf42a36b5b9b5ea7d2734.jpg

http://cdnimg.visualizeus.com/thumbs/4d/60/kawaii,hipster,bear,bear,hipster-4d606c55793ecae61b82e6008e05b7a8_h.jpg

https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQcO7DpWupbvfzVKkDdMbmEaQxysnU8qRExA942DCt-FVkbgN5CxQ

https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcRwRUxaod3O8E8Lrtm6eJUTG_jJO0JJzECyeZGvuu5gqTYzw3nO

p/s: okay,.. kalau dah siap koment kay~ kalau ada masaalah tanya jer iera , yang pasti(!) komne(!) ><

tutorial :title blog gadget

ASSALAMMUALAIKUM :)

           hai pembaca-pembaca ku, disini, disana, di situ.. hoho, merepek jerp iera ni kan? hari ini memang betul-betul semangat nak buat tutorial, entah rasa macam best pulak, tapi kebanyakan iera punya tutorial macam semua dah tahu, it's okay.. but i know not all in this world right? tapi korang tahu ker title blog gadget ni? mesti korang tak tahu, mari iera tunjuk apa title blog gadget itu, tengok gambar kat bawah ni.

okey~ see it? nak buat? teruskan membaca, ikut step yang iera sertakan..

HOME BLOG > PAGE ELEMENT > ADD GADGET > EDIT HTML

selepas itu copy kod kat bawah ni : 

<div style="position: fixed; font: 30px gorditas; top: 10px; left: 200px; width: 590px; height: 32px; background: #fff; padding: 5px; border: 3px solid #FCD2D9; z-index: 100; text-align: center; color: #FCDEE6;">Tajuk Belog</div>
<div style="background:url(URL BACKGROUND); width: 640px; position: fixed; z-index: 99; top: 0px; left: 185px; height: 64px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-left: 3px solid #FCD2D9; border-right: 3px solid #FCD2D9; border-bottom: 3px solid #FCD2D9;"></div>

lepas itu paste dekat html tadi, 

biru :tajuk atau ayat yang korang nak siarkan

merah :url background 

kuning :kod warna border dekat dalam

hijau :kod warna border luar

nak tukar kod warna border tu picit sini..

okey kalau dah jadi komen lah yew.. mesti(!) komen (!) ASSALAMMUaLaiKuM

tutorial : satu entri satu page

ASSALAMMUALAIKUM :0

            hai readers, HEHE cool day today, and i feel to make tutorial to your all, for a newbie, just my practice to be super blogger, kuang x3 :3 today i am blogwalking to newbie's blog >_< and i feel like to make their blog more simple and clean,.. KEMAS :3 and i make this tutorial, i just want they do it (!)

   to make the blog tidy, you must let your blog one entri in one page 

okey first follow the step:

HOME BLOG > SETTING > SIARANG DAN ULASAN

dan selepas itu tukar kan siaran bilangan post tu :

tukar kan menjadi : 1 sahaja >_< sekian readers, tips berguna kan? 

ASSALAMMUALAIKUM

tutorial :tab like me

ASSALAMMUALAIKUM.. 

     kepada readers, hari ini iera nak buat tutorial untuk tab, yang macam iera tu~ iera dah pernah janji dekat entri tutorial INI kan~ so, ini lah janjinya :) okey .. 

okey~ nak buat tak tab macam itu? teruskan dengan membaca entri ini okay.. iera akan ajar cara-caranya...ikut step yang iera sertakan dekat bawah,..

• REKA LETAK > ADD GADGET > EDIT HTML

copy kod dekat bawah ni

<div style="background:url(URL BACKGROUND);width:155px;border:2px solid #ccc;padding:5px;">
<center><a href="LINK BLOG"><img src="URL ICON" title="Diary" style="font-size: 100%; text-align: left;" /></a>  <a href="LINK PAGE"><img src="URL ICON PAGE 1" title="Worker" /></a>  <a href="LINK PAGE 2"><img src="ICON PAGE 2" title="Manager" style="font-size: 100%; text-align: left;" /></a> <a href="LINK PILIHAN"><img src="URL ICON PILIHAN"  title="stuft"style="font-size: 100%; text-align: left;" /></a></center></div>

merah : url background border

biru     : url yang korang nak letak, kalau tak tahu nak add page picit sini

pink    : url icon comel

oren    : tajuk yang korang nak letak (keluar bila cursor sentuh icon)

kuning : saiz background border

Iera ada bagi Freebies icon comel.. 

http://i791.photobucket.com/albums/yy199/7thdisorder/7thPix/cgs/home1.png

http://i791.photobucket.com/albums/yy199/7thdisorder/7thPix/cgs/5.png

http://i791.photobucket.com/albums/yy199/7thdisorder/7thPix/cgs/2.png

http://i791.photobucket.com/albums/yy199/7thdisorder/7thPix/cgs/6.png

p/s:  kalau dah menjadi jangan lupa koment terima kasih di sini, okay? kalau ambik freebies tu pun cakap lah dekat iera

tutorial :add page

ASSALAMMUALAIKUM  :)

       UNexpected today~ HAhaha nak tahu apa yang unexpeted? sebenarnya.. sebenarnya tak ada apa-apa,.. hari ini iera blogwalking blog sorang ni~ dia pernah ikut tutorial iera untuk tab tu.. so iera tengok dia ada masaalah dalam menambah page sendiri, iera pun terpikir nak buat tutorial hari ini~ hehe tapi iera yakin ramai newbie tak reti lagi >_<

ikut step yang iera sertakan ni:

HOME BLOG > PAGE

selepas click page ikut step gambar di bawah~

kalau dah siap edit, page tu silakan terbit >_<

perhatian kepada readers~ ada dua step nak tonjolkan page di blog:

1. PAGE ELEMENTS > ADD GADGET > ADD PAGE

itu step untuk tab biasa, 

2. kalau nak tab yang lebih comel seperti dibawah.. 

picit sini tapi jangan tinggalkan entri ni                               

     okey untuk ambil link page untuk disertakan dalam kod yang akan diberikan dalam entri yang diberi kat atas tadi, so ikut step dalam gambar di bawah

lepas tu paste dekat dalam kod  yang diberikan 

okey.dah siap~ selanjutnya dalam tutorial yang saya bagi tadi >_< silakan komen (!) mesti(!)

ASSALAMMUALIKUM :)

Tutorial :mesage hover image

ASSALAMMUALAIKUM :')

                     hari ini iera nak post sebuah tuto ^^ sebab ada encik ni mintak tolong.. ENCIK D.B.s.W.. ni~ dia minta tolong macam mana nak buat message hover image~ korang tahu tak message hover image tu aper? tak tahu yer.. yang ada gambar orang perempuan german tu~ ^_^ 

*KLIK JIKA TAK NAMPAK*

        yang ditunjuk didalam gambar itulsh~ tahu kan? kalau nak cuba buat jugak teruskan membaca okey~ ^_^ Iera cuma ajar yang hover image tu jer~ yang tab kat bawah gambar tu next time~kay?

• ikut turutan di bawah

• Dashboard > template > edit HTML > tekan ctrl+F serentak

cari kod: /* header

• than copy kod kat bawah ni:

a.navigate {
border:2px solid #E1DFE0;
border-radius:3px;
background:#F9FDFF;
color: #A2A1A3;
-webkit-transition: 1s;
padding:2px;
}
a.navigate:hover {
background:#FFBED8;
color: #FFFFFF;
text-decoration: none;
-webkit-transition: 0.5s;
}
#ck{
background:#f0eeeb;
color:#000;
width:180px;
height:139px;
margin-top:-147px;
padding-left:0.5px;
padding-right:0.5px;
padding-bottom:0.5px;
padding-top:5px;
opacity:.1;
-webkit-transition:all .5s ease-in-out; }
#ck:hover{opacity:.7}
}

•  lepas tu paste dekat atas kod /*header tadi lepastu preview dulu, kalau OK, SAVE :)

• step two : REKA LETAK > ADD GADGET > HTML

copy kod ni:

<center><img height="142" src="https://encrypted-tbn0.google.com/images?q=tbn:ANd9GcTQyz4GBoUfEleIb-0TAys3Oh8EdWX40bgEDZVrN2piKzrdL8e97A" width="230" /><br />
<div id="ck">
kod pilihan<br />
<center></center></div></center>

#  merah : korang boleh tukar dengan URL gambar korang sendiri

#  ungu : kod pilihan korang nak letak, lagu atau ayat dan lain-lain

*  Dah jadi, jangan lupa komen kay~ kalau nak copy tuto ni credit back here~ kay! (JUJUR)