Saturday, July 26, 2014

Tutorial : Top button (Jquery)

\\Assalamualaikum// n hye...
bluup~ (nada notification aku). Ada emel request tutorial untuk top button . :) Terima kasih.. Maaf tau sebab tak bagi freebies sekali.. Banyak homework woo.. -,-

Untuk Denim template dan Simple template,

1 . Dashboard - Template - Edit html .
2 . Copy code bawah ni.

 <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 &quot;Scroll to Top&quot; 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(&quot;href&quot;);if($(window).scrollTop()!=&quot;0&quot;){$(this).fadeIn(&quot;slow&quot;)}var scrollDiv=$(this);$(window).scroll(function(){if($(window).scrollTop()==&quot;0&quot;){$(scrollDiv).fadeOut(&quot;slow&quot;)}else{$(scrollDiv).fadeIn(&quot;slow&quot;)}});$(this).click(function(){$(&quot;html, body&quot;).animate({scrollTop:0},&quot;slow&quot;)})}});
$(function() { $(&quot;#toTop&quot;).scrollToTop(); });
</script>

3. Pastekan code tu atas code  </head> dan save untuk back up. :)

4. Lepas tu, cari code 
  •      Untuk Denim, cari code </html> dan paste kan code bawah ni, di atas code </html> tadi tu.  
  •      Untuk Simple template , cari code </body> dan paste kan code bawah ni atas code </body> tadi tu. 
   
<a href='#' id='toTop'><img src='IMG URL' style='border:0;'/></a>

*Tukar IMG URL dengan url gambar korang ye. ^^ 

5. Then, cari code /* Posts , dan paste kan code ni atas code /* Posts 

#toTop { background:none; border:none; align:center; cursor:crosshair; width:90px; position:fixed; padding:5px; bottom:10px; right:0px;  }

6. Done, Save. :) 


Untuk Blogskin . 

1. Dashboard - Template 
2. Cari code </td> atau </table> atau </tbody> atau jugak </body> dan copy code bawah ni , paste kan bawah code </table> atau.....
3. Tukar IMG URL tu kepada link gambar korang ye. ^^

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">
</script>
<script type='text/javascript' language='Javascript'>
var scrolltotop={
//startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
//scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (1=top).
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="IMG URL"/>', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ center of window corner
anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
state: {isvisible:false, shouldvisible:false},
scrollup:function(){
if (!this.cssfixedsupport) //if control is positioned using JavaScript
this.$control.css({opacity:0}) //hide control immediately after clicking it
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
dest=jQuery('#'+dest).offset().top
else
dest=0
this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
},
keepfixed:function(){
var $window=jQuery(window)
var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
this.$control.css({left:controlx+'px', top:controly+'px'})
},
togglecontrol:function(){
var scrolltop=jQuery(window).scrollTop()
if (!this.cssfixedsupport)
this.keepfixed()
this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
if (this.state.shouldvisible && !this.state.isvisible){
this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
this.state.isvisible=true
}
else if (this.state.shouldvisible==false && this.state.isvisible){
this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
this.state.isvisible=false
}
},
init:function(){
jQuery(document).ready(function($){
var mainobj=scrolltotop
var iebrws=document.all
mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
.css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
.attr({title:"Up Up To The Sky !"})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
mainobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
mainobj.scrollup()
return false
})
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
})
})
}
}
scrolltotop.init()
</script>
4. Done. Save. ^^


# kalau tak jadi inform tau. ^^



Friday, July 25, 2014

Fantastic Giveaway By FR

[klik banner untuk join]
\\Assalamualaikum// n hye...
Haha, dah lama rasanya tak join Giveaway-giveaway ni semua. haha. Terima kasih tau Farahana sebab ajak aisyah.. hehe.. :). So, kebetulan takde cerita nak post, aku join je .. hehe. :)

Syarat :
  • Blogger Malaysia
  • Follow blog ini *blog FR le tuu*
  • Follow twitter @fararamlan | wajib |
  • Follow Instagram @farahanaramlan | Wajib |
  • Like gambar-ii Instagram | Tak wajib |


Info lanjut sila ke blog beliau.. hehe.

 Tag (harap join la jugak ye. ^^ ) :

Alhamdulillah

\\Assalamualaikum// n hye...
Lagi 3 hari kita puasa. :) MashaAllah, cepat betul ramadhan nak tinggalkan kita ye. Huhu, rasa sedih sebab tak dapat penuhkan terawih selama sebulan ni. Hmm, Rugi betul..

Tapi apa-apa pun Alhamdulillah syawal akan menjelma tak lama lagi kan. :) .Semua mesti dah ready nak raya ni kan? Hahaha. Mesti dah catat dalam otak nak ziarah rumah sape , berapa banyak duit raya, raya kat mana, baju raya pertama warna apa raya kedua warna apa bla bla bla, haha.

Untunglha sape-sape yang dapat raya kat kampung tu ya. Aku stay sini je, bukan taknak balik tapi tak dapat balik sebab abah kerja. Kawasan rumah aku ni kalau time raya memang sunyi, kadang-kadang bunyi kucing je yang ziarah rumah-rumah minta makanan.

Actually, aku tak ada cerita sangat pun . Haha . Kelmarin aku balik awal, dalam pukul 11:15 pagi, Mudir cakap balik awal sebab sambutan syawal. hahaha, apa-apa je la mudir - Terima kasih mudir sebab tak biarkan kitorang membosankan diri kat sekolah sampai petang kan. hehe -

Disebabkan balik awal, so aku cadang nak pergi kedai cermin mata - nak tanya abang tu cermin mata aku tu dah siap ke belum. Aku buat cermin mata tu ramadhan ke-3 . Lama kot aku tunggu cermin mata aku siap. Huhu, seksa tak ada cermin mata ni, aku ni rabun silau melebihi rabun jauh+dekat. Cermin mata kesayangan aku dulu hilang masa lawatan sekolah kat pahang , aku tinggalkan kat pameran gajah. Sedekah kat gajah tu. Dahla malas na ingat peristiwa menyayat hati tu. Sedih .

Balik sekolah aku beritahu mak aku lepas ni aku nak keluar nak pergi kedai cermin mata. Mak aku benarkan dan mak aku minta tolong aku kemaskini buku bank mak. Aku pun okay je. Lepas mandi aku pun siap-siap nak keluar . Aku ni memang macam ni, jarang keluar rumah - kalau ada kerja je baru aku keluar. Aku bawa motor tak lebih 40km/j haha , paling laju pun kelmarin 30km/j je. Orang yang lalu tepi aku sengih je dia tengok aku, aku kesah apa. haha.

Mula-mula aku pergi bank sebab bank dekat sikit. Tak sangka dalam bank tu ramai orang, tak kira dekat kaunter dan mesin atm/deposit ramai. MashaAllah, aku pun kira patah balik la. Lain kali je lah, aku bukannya rajin nak tunggu lama-lama. hehe. Sampai satu cabang tu, aku ingat aku nak masuk kanan, aku lupa yang hari khamis hari pasar, memang tak boleh lalu la simpang kanan tu. Warrrr, terpaksa jugak aku U-turn kat jalan besar tu.. huhuh Ingat malas nak masuk jalan besar tu, alah-alah kena juga. Takdir ada hikmahnya Allah je yang tahu.

Lepas U-turn aku belok masuk laluan nak pergi kedai cermin mata tu. Parking motor pergi kat kedai tu dan aku tanya la cermin mata aku tu siap tak lagi. Masa tu aku dengan topi keledar tak buang lagi, abang tu duk "haa" "haa" haha. Aku sebenarnya malu sebab kat situ aku seorang je perempuan. haha Segan . Memang jenis aku cakap perlahan. haha . Aku ulang sampai tiga kali barulah abang tu angguk dan pergi cari cermin tu.

Alhamdulillah, aku ingat diorang lupa ke apa, tapi rezeki Allah beri kat aku kelmarin . Aku bawak RM150. sebab RM150 tu nak masuk bank, Bila Allah dah tetapkan duit tu rezeki abang tu - dapat kat abang tu, Aku tak tahu jugak , pakej apa, sebab aku tengok bingkai tu dalam RM200++ juga la haritu, Bingkai je, tambah dengan power mata aku.????? Tiba-tiba abang tu cakap bingkai dengan power siap semua RM100 . hahaha. Eksaited rasanya, yelah aku student high school kan, mana nak ada banyak duit.

Aku pun balik dengan hati berbunga-bunga. haha Gembira la benda yang aku tunggu lama dah dapat. :D Alhamdulillah nasib baik sabar, sebenarnye aku dah kurang sabar dah kelmarin sebab tu aku pergi tanya. haha Kalau aku masih setia bersabar, mungkin sampai bila-bila aku tak dapat call dari kedai tu kan. Hikmah Allah . Cantik jalan cerita. :) hehe.

Minta maaf tau, aku cakap aku tak ada banyak cerita, tapi dah berapa banyak perenggan dah aku taip. hehe. :P. Jangan marah jangan geram , syawal kan dah nak datang, salinglah kita bermaaf-maafan..

Salam syawal, :). Assalamualaikum...


Sunday, July 20, 2014

Tutorial untuk GIMP .

\\Assalamualaikum// n hye...
Alhamdulillah konfius dah pun diselesaikan. hehe, :) Baiklah, taknak cakap pasal benda tu lagi dah. Buang jauh-jauh. *Shush shush*

Btw, aku tiba-tiba je datang idea nak buat tutorial pasal GIMP. Apa tu Gimp? Gimp tu singkatan bagi GNU Image Manipulation Program . Software Gimp ni nak sama je dengan Photoshop tapi tak hebat macam photoshop. Dulu aku ada juga guna photoshop, tapi versi yang 2004 rasanya la. Lupa dah. Tapi aku tak guna sangat, kalau setakat nak edit-edit tu bolehlah.

Macam yang korang tengok dalam blog aku, semua graphics yang aku edit semua pakai Gimp, bukan apa, aku malas nak beli cd photoshop, aku dah cari photoshop latest version yang free kat internet tapi tak jumpa. *semua nak free hehe* So, aku guna Gimp je lah.

Bagi yang nak cuba Gimp, boleh download kat SINI .

Aku dah guna Gimp ni sejak tahun 2012 . hehe lama kan.Haha. Gimp ni kalau dia release version baru dia akan keluarkan popup untuk kita update. :D So, kita boleh update. Tapi awas, Gimp ni kadang-kadang boleh buat kita buntu dan bermasalah serta mengalami kemunrungan bila dah tersalah teknik. haha.

Jadi, aku ingat aku nak buat tutorial untuk pengguna Gimp. Aku bukanlah arif sangat pasal software ni, tapi sekurang-kurangnya kita kongsi ilmu kan. :) . Aku tahu sekarang ramai yang guna photoshop berbanding Gimp ni sebab photoshop ni ramai yang buat tutorial dan famous pulak tu. hehe Sebab tu aku ingat aku nak buat tutorial memandangkan aku pengguna Gimp bukan pengguna photoshop. Haha.

Gimp ni kalau korang tahu macam mana nak guna tools dia semua, memang hampir sama dengan photoshop. :D. Gimp pun boleh edit gambar lawa-lawa kot. hehe.

Apa-apa pun, harini aku just nak post pasal Idea aku nak buat tutorial Gimp je. InshaAllah lain hari di masa lapang aku akan post tutorial gimp ni. hehe InshaAllah.

Kalau setuju, sila komen . haha

*p/s : busy dengan trial SPM*