Tutorial Make Own Navbar.

Good morning. Aten tak tidur lagi ni (:

Today, nak buat tutorial make own navbar. Siapa taktahu angkat gigi? lailailai, cer tengok blog aten yg belah atas. Kan ada navbar kan? Itu lah dia. Navbar buat sendiri.

Denim, Washed Denim, Simple, Classic template semua bole (:

1. Dashboard > Design > Edit Html

2. Tekan ctrl+f then search code ni ;
<head>

3. Dah jumpa? Bagoi-3. Copy code code bawah ni, then paste dekat atas code <head> tu ;
<div style="position: absolute; top:0px; right: 0px; width:100%; border-radius:2px; position:fixed; padding:3px; background:url(URL BACKGROUND); color:#ffffff; font-size:12px;">AYAT KAT SINI</div>

Nota Kaki :
Biru - Saiz navbar. Nak nampak cantik, takpayah tukar size tuh.
Merah - Url background kauorang. Pastekan kat situ.
Purple - Color font kauorang kat navbar.
Kuning - Size font kauorang kat navbar.
Orange - Ayat kauorang kat situ.

4. Preview dulu then save =]
Keep Reading (Teruskan Membaca)

Share or Like, thank you.

Tutorial Letak Background Kat Blog [washed denim, denim]


Tengah badmood ni, tapi buat jugak tutor untuk diaorang =]

Tadi, check shoutbox. Chaa tanya macam mana nak letak code background kita. Okay, aten ajarkan macam mana nak letak. Act, benda ni ramai yg dah tahu kan? Tapi, Chaa dia taktahu sebab blog dia orang lain yg set kan =]

1. Dashboard > Design > Edit HTML

2. Tekan ctrl+f serentak then cari code ni ;
body {

3. Dah jumpa? Bagus. Nampak tak kat bawah code body { ada code ni ;
  background: $bgColor;

4. Paste code background kauorang, macam ni :
background:url(URL BACKGROUND);

5. Yang perkataan $bgColor tu kauorang delete, kauorang gantikan dengan url(URL BACKGROUND). Then, perkataan URL BACKGROUND tu, kauorang gantikan dengan url background kauorang =]

6. Preview jadi tak? Lepastu, save =]
Keep Reading (Teruskan Membaca)

Share or Like, thank you.

Tutorial Change Home, Older & Newer Post to Other Words.


Farahin mintak aten buat kat tutorial macam mana nak tukar Town, Old Town tu suma. Kalu kauorang tak tahu, kauorang tengok kat bawah ni.

1. Dashboard > Design > Edit HTML > Tick Expand Widget Template

2. Tekan ctrl+f serentak then search code ni ;
Newer Post
expr:title='data:newerPageTitle'><data:newerPageTitle/></a>

3. Perkataan yg aten merahkan tu, kauorang tukar kepada ayat kauorang. Contoh :
expr:title='data:newerPageTitle'>New Town</a>

4. Then, search code ni pulak :
Older Post
expr:title='data:olderPageTitle'><data:olderPageTitle/></a>

5. Buat benda yg sama jugak macam kat num 3 tu.
expr:title='data:olderPageTitle'>Old Town</a>

6. Last, search code ni pulak :
Home
expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

7. Benda sama jugak macam kat num 3 and 6 tu.
expr:href='data:blog.homepageUrl'>Town</a>

8. Preview dulu baru save. Takot tak jadi nanti. Selamat mencuba =]

Sebarang pertanyaan boleh tanya dikomen =]
Keep Reading (Teruskan Membaca)

Share or Like, thank you.

Tips Cara Nak Guna Ctrl+C and Ctrl+F.


Hello. Ramai tanya macam mana nak copy code? And Ramai tanya cane nak guna ctrl+f? Soalan paling popular di setiap blog. Tak caya? Harus percaya okay. Hihi, okay harini aten bagitahu cane nak guna Ctrl+C and Ctrl+F.

Ctrl+c selalunya orang guna time nak copy code dekat blog orang yg disable right click. Yeahh ! Termasuk saya ! Bila dah tahu kegunaan ctrl+c ni, jangan pulak ambil kesempatan dok copy-copy tutors, entry orang lain okay? (:

Cara nak guna Ctrl+C

Sebelum tekan ctrl+c, kauorang kena highlight code tu. Then, baru tekan ctrl+c kat keyboard kauorang tu. Tekan secara serentak tau. Baru benda tu copy.

Cara Nak Guna Ctrl+F
Kegunaan Ctrl+F ini ialah cari code dengan lebih cepat. Tahu kan? So, kauorang takpayah lah nak buat sampai mata kauorang rabun dok scroll down cari code kan? hihi, Tengok gambar bawah ni dulu :

 CTRL+F TU TEKAN SERENTAK JUGAK TAU !

Then, kauorang paste code yang kauorang copy tu tekan kotak ctrl+f tu. Haa, tengok ! Kan dah jumpa. Cepat kan? Hihi, takpayah nak scroll-2 kan? Okay itu saja.

Tips ni aten ajar dengan ayat and gambar. Kalau tak paham ayat, click gambar. Tak paham gambar, baca ayat. Haha, kbai =]
Keep Reading (Teruskan Membaca)

Share or Like, thank you.

Contest Blog Vintage and Speacial.


Lalalala, join contest lagi =] 
Hihi, masuk ni dah tiga contest aten join. Semua belum tahu keputusannya. Contest kali ni, di tag oleh Nicole Lim . Hoho, thanks sayangg <3

Syarat-Syarat
1. Follow blog Farahin dan Fadlin (wajib).
2. Like fanpage Farahin (tak wajib) \kalau rajin gi like/
3. Buat entry yang bertajuk, "Contest Blog Vintage dan Special".
4. Letak banner di entry (wajib)
5. Tag dua rakan blogger (tak wajib) \nak tag boleh jugak/
6. Contest akan terbatal jika kurang 5 orang yang join.
7. Tinggalkan link contest di comment (tak kisah lah blog Farahin ke blog Fadlin) \bukan di shoutbox!/

Cara-Cara Nak Menang
1. Blog mestilah cantik dan kemas.
2. Jangan guna font Udamojial, Vanilla, Lemons Can Fly, Denne Shuffle dan font yang terlalu kecil dan besar. Nanti susah nak baca entry korang.

Hadiah-Hadiah
First prize - Topup RM20 + Edit full blog (Blogskin)
Second prize - Edit full blog (Washed denim) + Header (Special) + Banner
Third prize - Header (Special)

Harap-harap aten menang lah kan. Tapi, kalau tak menang, takda rezeki lah tu. Hihi, kbai <3
---------------------------------THE END---------------------------
Keep Reading (Teruskan Membaca)

Share or Like, thank you.

Tips nak cantikkan blog =]


Lalalala, updated blog kejap ! Walaupun exam, luangkan masa untuk blog =]

Ramai kawan blogger add aten kat facebook, then kata blog aten cantik, comel, nice. Lepastu, ada yg tanya macam mana nak edit blog bagi lawa? Huhe, act blog aten tak secantik blog Kak Lyssa, Kak Lettha, Kak Nazihah, Kak Una and sesiapa yg mempunyai blog yg superb lah ! Now aten bagitahu k sayangg =]

Template
Kauorang pilih template yg bagi kauorang senang untuk di edit atau template yg kauorang suka. Ramai kata, template denim, washed denim ni cantik kalau guna. Ouh tidak sayang, bukan itu saja. Simple template, window semua cantik. Itupun kalau kauorang pandai edit template then ia akan menjadi cantik =]

Warna
Sebelum kauorang buat apa-apa kat blog, lebih baik fikir warna apa nak letak kat blog? Baru sesuai. Kalau kauorang nak buat blog kauorang ada macam-macam warna, eg : pink, hitam putih . Sokey, takpe ! Asalkan, kauorang edit dgn betul-2 lah. Baru nampak cantik =]

Gadget 
Takperlu banyak sangat gadget. Sebab.....ia akan buat blog kita berat tau sayangg ! Bila blog berat, orang bukak sekejap jea, tak sampai 5minit dah tutup. Yes, i do that =] Kalau nak letak gambar banyak-2 dalam blog macam aten, jangan upload satu-2. Jadikan dia slideshow. Baru lah gadget tu nampak sikit. Setakat gadget bagi ikan makan, tu buang je lah kan =] Takpenting pun.

Header
Header kauorang jangan terlalu meriah sangatlah kan ! Simple-2 sudah. Lepastu, tulisan header letak yg comeyy-2. Kalau nak tulisan comey-2, kauorang download lah =] Kalau nak blog cantik, mesti sanggup buat apa saje kan? Hihi =]

Background
Background pilih lah yg comeyy-2 sikit. Banyak link background kat internet. Search lah. Belambak background comeyy tau. Kalau rasa malas nak search kan, kauorang pergi kat blog yg ada freebies background. Haa, guna diaorang punya. Tapi, jangan ambik sesuka hati jea. Credit lh diaorang kat blog kauorang. Ini untuk mengelak kan kauorang dari digelar "COPYCAT".

Tulisan/Saiz tulisan
Janganlah pilih tulisan yg susah orang nak baca. Juling mata blogger tu nanti baca entry awak tauu. Tulisan yg paling popular budak-budak blog guna sekarang ialah, Verdana, Arial, Trebuchet, Century Gothic. Itu jelah =] Paling cantik, paling kemas, paling popular dan paling baik punyaa tulisan =P Tulisan kauorang jangan lah kecik bebenor. Saiz tulisan paling maximum pun, 12px jea =] Kalau besar-2 sangat pun tak cantik pulak kan. Lepastu, entry kauorang janganlah kauorang penuh dengan warna warni.

Lagu
Kalau nak letak lagu jangan hidekan lagu tu okay. Kot kalau orang taksuka lagu kat blog kita, orang takboleh nak pause kan? So, better show musicplayer tu k sayangg =]

Itu je kot yang patut diberitahu? Haa, hope kauorang suka lah tips yg aten bagi ni =] Kbai <3
Keep Reading (Teruskan Membaca)

Share or Like, thank you.

Freebies Header For You.

Hai kauorang. Today aten nak bagi freebies header untuk kauorang. Hihi, tak tahu lah cantik ke tak aten buat? Kalau nak ambik letak kat blog kauorang ambik lah, tapi, jangan lupa credit okay ! And, tolong jangan copy freebies aten okay? Kerjasama anda amat dihargai :]

Ciri-ciri header ni :'>
+ Width 760px and Height 330px
+ Header Transparent

http://4.bp.blogspot.com/-47OzDq-BvNQ/TpVUw0iAqKI/AAAAAAAACG8/5LNLg4vDYFo/s1600/fatinswift_spongebob.png

P/S : DAH AMBIL JANGAN LUPA CREDIT !
AND JANGAN LUPA COMMENT SEKALI :]
Keep Reading (Teruskan Membaca)

Share or Like, thank you.

Tutorial Toggle Text.


Request tutorial lagi. Semalam ada orang tanya, macam mana nak buat Toggle Text. Kalau tak faham apa tu toggle text tu, tengok pic atas tu. Atau pun, kauorang pergi dekat gadget T A G B O A R D aten kauorang tengok kat situ nanti paham. Jum tengok cane nak buat :]

1. Dashboard > Design > Add A gadget > Html Javascript

2. Copy code bawah ni dekat gadget HTML JAVASCRIPT :
<script language="javascript">
    function toggle() {
    var ele = document.getElementById("toggleText");
    var text = document.getElementById("displayText");
    if(ele.style.display == "block") {
    ele.style.display = "none";
    text.innerHTML = "THIS";
    }
    else {
    ele.style.display = "block";
    text.innerHTML = "THIS";
    }
    }
    </script>

    PLEASE READ <a id="displayText" href="javascript:toggle();">THIS</a> DARLING
    <div id="toggleText" style="display: none">
    TULIS SAJA APA-APA YANG KORUNK MAHU :)
    </div>

3. Warna MERAH, Pastikan ketiga-tiga perkataan merah tu if kauorang tukar kepada perkataan lain, pastikan dia sama. BIRU and PINK ikut suka kauorang lah nak tulis apa :]

Save and DONE ! :]

Credit :
Kak Una
Keep Reading (Teruskan Membaca)

Share or Like, thank you.

Tutorial Post Title At The Middle.


Hai. Tadi, ada orang tanya macam mana nak centerkan post title. This tutorial hanya untuk pengguna template simple sahaja. Jum tengok cane nak buat :]

1. Dashboard > Design > Edit HTML > Tick Expand Widget Template

2. Tekan ctrl+f serentak then search code ni :
h3.post-title, .comments h4 {

3. Dah jumpa? Bagus. Copy code bawah ni then paste dekat bawah code h3.post-title, .comments h4 { tu :
text-align:center;

4. Preview and save =)

Senang je kan? Takjadi bagitahu okay :]
Keep Reading (Teruskan Membaca)

Share or Like, thank you.

Tutorial Icon Tepi Post Title.


Today aten nak buatkan tutorial icon tepi post tittle. Macam aten tu nampak tak? Huhe, tutorial agak latest sikit. Tapi, aten buatkan untuk sesiapa yang belum tahu pasal tutorial ni. Jum cuba :]

1. Dashboard > Design > Edit HTML > Tick Expand Widget Template

2. Tekan ctrl+f serentak then search code ni :
<a expr:href='data:post.url'><data:post.title/></a>

3. Dah jumpa? Okay, kauorang masok code bawah ni <img src="URL ICON"/> dekat tengah-tengah code tadi tu. Like This :
<a expr:href='data:post.url'><img src="URL ICON"/><data:post.title/></a>

4. Perkataan URL ICON tu kauorang tukar dengan URL ICON yang kauorang dah dapat tu.

5. Preview then save =)

Senang je kan? Kalau pengguna template washed denim, denim boleh kot guna? Cuba try search code yang aten bagi tu okay. Kalau takjumpa takboleh letuw :D
Keep Reading (Teruskan Membaca)

Share or Like, thank you.

Tutorial Link Hover Ada Shadow.


Tadi, dok bedek-2 shoutmix. Terjumpa satu request dari Ghaanz ni. Straight to the point je lah k? Jum tengok cane nak buat :)

1. Dashboard > Design > Edit HTML > Tick Expand Widget Template

2. Tekan ctrl+f serentak, then search code ni :
a:hover {

3. Dah jumpa ? Bagus :p Copy code bawah ni, then paste dekat bawah code a:hover { tu :
text-shadow:2px 2px 3px #000000;

4. Yang warna merah tu, kauorang boleh tukar ikut kauorang punya suka lah.

5. Preview and save =)

Takjadi, boleh tanya melalui comment :'/
Keep Reading (Teruskan Membaca)

Share or Like, thank you.

Tutorial Vertical Menu Bar.


Heyyoo ! Today, aten nak buat tutorial vertical menu bar. Siapa nak try tutorial ni, boleh cuba. This tutorial credit to Kakak Una :] Tutorial ni semua org boleh guna !

1. Pergi dashboard > design > page element > click add g gadget > html javascript

2. Copy code bawah ni then paste dekat dalam kotak html javascript tu :
<style type="text/css">
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.sidebarmenu ul{
width:250;
text align:center;
list-style-type: none;
font: normal 13px Century gothic;
}
.sidebarmenu ul li{
position: relative;
}
/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-align:center;
text-decoration: none;
padding: 0px;
}
.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color: #C6C6C6; /*background of tabs (default state)*/}
.sidebarmenu ul li a:visited{
color: white;}
.sidebarmenu ul li a:hover{
background-color: #000000;}
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */
</style>
<script type="text/javascript">
//Nested Side Bar Menu (Mar 20th, 09)
//By Dynamic Drive: http://www.dynamicdrive.com/style/
var menuids=["sidebarmenu1"] //Enter id(s) of each Side Bar Menu's main UL, separated by commas
function initsidebarmenu(){
for (var i=0; i<menuids.length; i++){
  var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")
    for (var t=0; t<ultags.length; t++){
    ultags[t].parentNode.getElementsByTagName("a")[0].className+=" subfolderstyle"
  if (ultags[t].parentNode.parentNode.id==menuids[i]) //if this is a first level submenu
   ultags[t].style.left=ultags[t].parentNode.offsetWidth+"px" //dynamically position first level submenus to be width of main menu item
  else //else if this is a sub level submenu (ul)
    ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" //position menu to the right of menu item that activated it
    ultags[t].parentNode.onmouseover=function(){
    this.getElementsByTagName("ul")[0].style.display="block"
    }
    ultags[t].parentNode.onmouseout=function(){
    this.getElementsByTagName("ul")[0].style.display="none"
    }
    }
  for (var t=ultags.length-1; t>-1; t--){ //loop through all sub menus again, and use "display:none" to hide menus (to prevent possible page scrollbars
  ultags[t].style.visibility="visible"
  ultags[t].style.display="none"
  }
  }
}
if (window.addEventListener)
window.addEventListener("load", initsidebarmenu, false)
else if (window.attachEvent)
window.attachEvent("onload", initsidebarmenu)
</script>
<div class="sidebarmenu">
<ul id="sidebarmenu1">
<li><a href="LINK">HOME</a></li>
<li><a href="LINK">ABOUT ME</a></li>
<li><a href="LINK">TUTOTIAL</a></li>
<li><a href="LINK">TAGBOARD</a></li>
</ul>
</div></center></center>

Biru : Width ikut width sidebar blog anda
Hijau : Warna tab sebelum cursor hover
Merah : Warna tab selepas cursor hover
Pink : Link anda
Orange : Tajuk menu bar anda

3. Tekan button save.

Nota Kecil :
Jangan tekan RICH TEXT dekat kotak HTML JAVASCRIPT tu tau, nanti tak jadi ! Okay? Selamat mencuba :]
Keep Reading (Teruskan Membaca)

Share or Like, thank you.

Contest Blog Paling Kemas Dan Bertema.

Hello hello. Tadi, kita blogwalking satu blog comel tau. Terbaca entry dia pasal contest Blog Paling Kemas dan Bertema. Woahh ! Tengok macam best jea :p Rasa macam nak join jea. Hadiah dia pun boleh tahan <3 Okay kita join contest ni. Masok ni dah dua contest kita join. First contest Blog Simple Gergous and second Blog Paling Kemas Dan Bertema. Harap-2 lah menang kan. Kalau tak menang, takpalah. Takda rezeki :p


Syarat-syarat contest
1. Follow blog ieyla and azimah (tak wajib)
2. Warganegara Malaysia+ Blog anda mestilah kemas dan mengikut tema warna + Contest tamat pada 10/10/2011 (sebarang pertukaran akan diberitahu)
3. Buat satu entry pasal contest ini dan tampal sekali banner di atas
4. Hantar link entry di blog nabilah
5. Kami memerlukan sekurang-kurangnya 12 orang kalau tidak,contest serta merta terbatal

Hadiah-hadiah yang bakal dimenangi oleh pemenang-pemenang
First Place : Topup RM 10 (boleh pilih celcom or maxis)
Second Place : Topup RM 5 (boleh pilih celcom or maxis)
Third Place : Header

Doakan saya menang :'/
Keep Reading (Teruskan Membaca)

Share or Like, thank you.
 
Copyright 2017 Fatin Hazwani | Blogger Designer.