Maaf Dipinta

Ana Myhusna | 23:36 | 0Comments |
Assalamualaikum.. Okay.. Ana ambil kesempatan hari ni untuk memohon maaf sebab Ana tak dapat nk buka blog selalu atas sebab-sebab tertentu. Jadi, segala tutorial rewuest Ana akan jawab lambat ckit yea.. Sori sesangat! Tapi, jangan pula sampai tak buka langsung blog Ana! Tengoklah entri-entri yang sebelum nie.. Mana tahu menarik minat ke.. Oklah! Aba sebenarnya, tak boleh lama-lama.. Ada benda lain lagi nk buat nih! Ana tengah belajar programming selama cuti sekolah nie dengan mama Ana. Because of that Ana sibuk ckit.. Tapi, Ana nak luangkan masa kejaplah dekat blog nie.. Rasa cam lima minit pun jadilah! Viewers pun makin kurang.. Tapi, nasib baik still ada viewers.. Drpd takde.. Betul tak? Taulah blog Ana dah penuh dengan sarang labah2 kan? Haha.. Tu yang geli nak bukak! Kotor.. Banyak sangat sarangnya.. InsyaAllah, ada masa lagi Ana bersihkan sarang labah2 yg banyak dekat blog Ana ni yea.. Kalau ada kesempatan Ana luangkan lagi masa di blog! TTYL! Assalamualaikum.. :)

Tutorial : Enable Comment Di Blogskin

Ana Myhusna | 12:03 | 1Comments |

Hai semua! Maaf yea.. Ana private kan blog Ana buat sementara waktu sebab Ana nak godek balik classic template Ana yang Ana pernah pakai dulu. Semalam, Ana tak sempat nak buat tutorial kotak komen ni. So Ana nak buat harini! Okay.. Ini permintaan daripada Eddie. Okay, jom start!

1. Dashboard - Template 
2. Tekan Ctrl+F dan cari code BlogItemTitle
3. Copy code bawah ni dan pastekan bawah code yang korang cari tadi
<div class="com"><a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> comments</span></a></BlogItemCommentsEnabled></div>
 4. Kalau code BlogItemTitle tu ada dua pastekan bawah dua-dua tempat tu
5. Pergi ke settings dan pilih post and comments

save image

5. Okay, follow jea yang dalam gambar tu yea.
6. Then, save.
Done! Okay.. Semoga berjaya. Kalau jadi comment yea.. Assalamualaikum..

p/s : kalau nak display comment, nanti Ana buat tutorial yea.. Tgh pening menggodek nih! 


Tutorial : JQuery Top Button

Ana Myhusna | 19:16 | 0Comments |

Hai semua! Okay okay.. Ana sibuk meng-explore Ana punya template. And kalini, baru Ana dapat. Ana dah lama pakai JQuery Top Button nih.. Tu yang sampai dh lupa.. Beli, Ana menggodek-godek template Ana baru dapat.. Fuh! Berpeluh-peluh Ana meng-explore nih. Mama Ana ajar, kalau nak tahu sesuatu berkaitan internet kena explore! Hehehe.. Okay.. Taknak cakap banyak! Ana nak tunaikan permintaan Wani. Katanya, macam mana nak Ananak bagi top button tue hilang bila dah sampai atas. Ana rasa, maybe sebab Ana pakai JQuery kot.. So, baca dan fahami okay? Jom mula!

1. Dashboard - Template - Edit HTML
2. Tekan Ctrl+F and cari code ini
</body>
3. Lepastu, copy code yang Ana bagi ni dan pastekan sebelum code di atas. 
<a href='#' id='toTop'><center><span class='Apple-style-span' style='color: rgb(255, 204, 204); '/></center><img src='http://1.bp.blogspot.com/-MH6ovZd-x38/T4vksQUC9ZI/AAAAAAAAFwQ/yqvjryp4fUk/s1600/pink.png' style='border:0;'/></a>
4. Then, korang cari pula code ini
]]></b:skin>
5. Lepastu, copy code yang ni pula dan pastekan sebelum code yang korang cari tadi. 
/* to top */#toTop {
width:100px;background:none;
border:0px solid #ccc;
text-align:center;
padding:5px;position:
fixed;bottom:10px;
right:10px;cursor:pointer;
color:#666;
text-decoration:none;
}
6. Belum habis lagi yeaa.. Cari pula code yg nih
</head>
7. Copy code di bawah dan paste sebelum code yang korang cari tadi.
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/><script type='text/javascript'>/*----------------------- * jQuery Plugin: Scroll to Top * by Craig Wilson, Ph.Creative (http://www.ph-creative.com) * Bring to you by Zen from http://zenplate.blogspot.com * Copyright (c) 2009 Ph.Creative Ltd. * Description: Adds an unobtrusive "Scroll to Top" link to your page with smooth scrolling. * For usage instructions and version updates to go http://blog.ph-creative.com/post/jquery-plugin-scroll-to-top.aspx * Do not delete these infomation * Version: 1.0, 12/03/2009 -----------------------*/$(function(){$.fn.scrollToTop=function(){$(this).hide().removeAttr("href");if($(window).scrollTop()!="0"){$(this).fadeIn("slow")}var scrollDiv=$(this);$(window).scroll(function(){if($(window).scrollTop()=="0"){$(scrollDiv).fadeOut("slow")}else{$(scrollDiv).fadeIn("slow")}});$(this).click(function(){$("html, body").animate({scrollTop:0},"slow")})}});$(function() { $("#toTop").scrollToTop(); });</script>
  <script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  ga('create', 'UA-42926672-1', 'ana-myhusna-life.blogspot.com');
  ga('send', 'pageview');
</script>
 Done! Your JQuery top button is ready! Cer try preview.. Kalau puas hati, boleh save. Btw, code nie Ana copy paste jea dari temlate Ana.. Huhu.. Takda perubahan pun! Semoga berjaya okay.. Assalamualaikum! :D

Pertanyaan Dijawab!

Ana Myhusna | 16:58 | 0Comments |

Hai semua pembaca blog Ana! Firstly, Ana nak minta maaf sangat sangat sangat sebab tak jawab segala pertanyaan yang ada dekat cbox tue.. And kepada yang bertanya tentang tutorial tue, minta maaf Ana tak ada masa nak buatkan.. Sorru yea.. Ana sibuk ckitlah buat masa sekarang nie.. Tapi, takpe Ana cuba jugak untuk update blog yea!
Okay.. Ana tengok pertanyaan ada banyak larh sangat kat Cbox tuh.. Hehe.. Okay.. Ana jawab satu-satu.. Relax yea.. Hihihi..

Tisya : "Haha.. Banyaknya tutorial requests.. Mesti akak penat kan?"
Jawapan : Yea! Memang penat sangat.. Sampai tak terlayan tau! Hehe..

Wani : "Macam mana nak buat top button tu hilang bila dah sampai atas?"
Jawapan : Oh.. Nanti Ana buat tutorial yea.. Don't worry.. Kalau boleh, explore lah kat Uncle Google yang baik hati! Hehe..

Eddie : "Macam mana nak letak kotak komen dekat blogskin?"
Jawapan : Okayh! Senang jea tuh.. Nanti Ana buat tutorial yea.. :)

Shah : "Bila Kak Ana mula berblogging?"
Jawapan : Since March 2013! Baru jea lagi.. Huhu..

Susila : "Macam mana nak letak banner dekat blog?"Jawapan : Alamak! Tak tau kea? Upload dulu gambar tu dekat internet. Lepastu, kalau nak letak dalam post, upload jea gambar tue dekat post. Kalau nak letak dekat sidebar, kena guna code nie.

<a href="URL Blog" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="URL Banner" /></a></div>
Okay! Semua pertanyaan telah dijawab. Tapi, yang ada tutorial request tuh, Ana akan buat tutorial yea.. Jangan risau! Okayh.. Assalamualaikum.. 

p/s : kalau boleh, bagilah link blog sekali di cbox tu yea.. susah Ana nak tau siapa tuan punya nama nie.. hehe..





Lagenda Budak Hostel

Ana Myhusna | 14:58 | 0Comments |

Hai semua! Bila Ana cek balik kotak Cbox Ana, rupanya adik Thaqif tanya dekat Ana suruh bagi link Lagenda Budak Hostel. Ohh.. Siannya dia.. Ana baru perasan. Tapi, kenapa mesti tanya Ana? Macamlah Ana nie tau sangat. Hehe.. Memang Ana tau. Maybe, sebab Thaqif bukak Ana punya blog yang merangkumi tentang movies, novels, lyrics.. Betul tak? Oklah.. Ana dah masukkan dah dekat blog tu. Tengoklah cerita Lagenda Budak Hostel!



Memang seronok sangat cerita dia! Jangan lupa saksikan! Assalamualaikum.. 

Tutorial : Sticky Post

Ana Myhusna | 13:33 | 0Comments |

Hai semua! Firstly, Ana nak minta maaf sangat-sangat kepada orang yang request tutorial nih. Hazmi. Ana tak perasan ada request tentang sticky post nih. Maaf sangat-sangat. Yelah.. Banyak sangat orang share iklan. Orang tue semua kan tak faham bahasa.. Dah terang-terang tulis kat atas tue NO ADS, tapi tak faham jugak.. Buta huruf maybe? Tengah marah nih.. Okay.. Taknak buang masa, Ana start sekarang juga!

Ohh.. Nak cakap duduk kat Kajang Mulia kea? Dekat-dekatlah taman kita yea? Huhu..

1. Buat entri korang macam biasa and then publish.
2. Edit balik entri korang tuh.
3. Lepastu, dekat tepi tu ada Post Settings kan? Klik dekat Published On. Tengok gambar di bawah.

Klik image kalau kurang jelas.

4. Lepastu, nanti dia akan keluar macam ni kan?


5. Okay.. Korang setlah bila korang nak post tu melekat. Faham? 

Mudah jea kan? Okay.. Selamat maju jaya! Ada apa-apa pertanyaan, boleh komen.. Assalamualaikum.


Tutorial : Menu Tab Navigation Bar

Ana Myhusna | 11:22 | 0Comments |

Hai semua! Apa khabar? Berharap sihatlah yea.. Okay.. Ana ada 2 request untuk tutorial. But now, Ana buat request yang terawal dulu yea.. Okay. Ini request daripada blogger Jiha. Dia tak bagi link blog pula. Okay takpe.. Jom start!

1. Dashboard - Layout - Add A Gadget - HTML / Javascript
2. Copy code yang Ana bagi nih, dan pastekan dekat HTML / Javascript tadi.
<center><a href="LINK BLOG" target="_blank"><img style="width: 142px; height: 51px;" src="URL IMAGE" border="0" /></a>
<a href="LINK PERTAMA" target="_blank"><img style="width: 143px; height: 51px;" src="URL IMAGE" border="0" /></a>
<a href="LINK KEDUA" target="_blank"><img style="width: 142px; height: 51px;" src="URL IMAGE " border="0" /></a>
<a href="LINK KETIGA" target="_blank"><img style="width: 142px; height: 51px;" src="URL IMAGE " border="0" /></a>
</center>

3. Save. Pastikan korang dah drag gadget nih ke bawah header okay? 

Biru : Link Blog
Purple : URL Image
Merah : Link page / fb / twitter dan lain2
Hijau : Width dan height. (Boleh diubah mengikut kesesuaian)

Done! Mudah jea kan? Selamat mencuba! Assalamualaikum..

Freebies : Navigation Bar

Ana Myhusna | 14:01 | 1Comments |

Hai semuua.. Hari ini, Ana nak bagi freebies untuk navigation bar! Dah dua kali dah blogger Rina tanya Ana. Sorilah.. Ana lupa pula nak buat.. Sibuk jea memanjang.. Tapi, masih belum mengalahkan perdana menteri okay.. Haha.. Okay..

Purple Version









Pink Version









Green Version









Blue Version








Okay! Done.. Kalau nak ambil, tekan right click then copy image url.

Credits :  Kemetot Chomel