Freebies: Simple Header [Part 3]

Don't forget to comment and credit to me after take it. :)









Freebies: Top Button Part 2

Hai hai hai ,
Assalamualaikum :)

Bosan-2.. So, Ira kasi freebies untuk korang . Tak tau la cantik ke idokk , kalau korang suka ambik lahh kalau tak suka udohh . Toksah duk menyibuk . Shuh..shuhhh / just kidding.. just kidding :P \
Jangan lupa comment yerkk.. hehehe













Freebies: Top Button Part 1

👌❤

Assalamualaikum
Hmm tiba-2 harini Ira rajin . So, Ira nak kasi korang freebies Top Button :9
Simple jee.. so kalau korang nak, ambillah yerkk jangan malu-2 hehehe .. and jangan lupa comment :)








Cara ambil url gambar:
right click > Open link in new tab > Copy url

Tutorial: Make 1 Post In 1 Page

Untitled | via Tumblr

Assalamualaikum dan Hai semuaaa !
Tutorial pada hari ini ialah buat 1 post sahaja dalam 1 page. Apa tu ? Korang tak faham ?
Okay , kalau korang post banyak-2 dalam blog korang tu , then bila korang view blog korang mesti semua post yang korang buat tu ada kan ? Tapi korang just nak 1 post je dalam setiap page ? Okay , follow my steps. Simple jee :3

image Dashboard > Layout > Blog Posts > Edit


image Lihat di bahagian Main Page Options.

image Bawah dia ada tulis Number of posts on main page. Tukarkan bilangan dia kepada nombor 1.


image Dah selesai ? Okay , Save dan lihat hasilnya .

Selamat mencuba :D

Tutorial: Ubah perkataan 'comment' Kepada Ayat Anda

x | via Tumblr

Assalamualaikum
Okay , sekarang Ira nak share dengan korang macam mana nak ubah perkataan comment dengan ayat korang sendiri. Senang je :)

image Dashboard > Layout > Blog Posts > Edit


image Next , korang tengok di bahagian Post Page Options dan lihat di bahagian comment .


image Tukarkan dengan ayat korang sendiri.

image Preview & Save !

Selamat mencuba !      ;)

Tutorial: Cari Blog ID

(1) Tumblr

Assalamualaikum.. Selamat malam semua :)
Malam ni Ira nak share dengan korang macam mana nak dapatkan blog ID. Mungkin ramai yang dah tahu , tapi bagi newbie mesti tak tahu kan macam mana nak cari blog id tuu. Blog ID ni berfungsi untuk letak button follow selalunya. Okay , bagi sesiapa yang tak tahu macam mana nak cari blog id , boleh follow langkah-2 yang Ira kasi . Simple je..

1. Dashboard > Korang boleh buka template , layout , post atau lain-2

2. Ini contoh yang Ira sediakan. Ira buka di bahagian layout.


3. Di bahagian yang Ira gariskan tu ialah Blog ID.

Haa.. senang je kan nak dapat blog ID ni . Korang boleh cuba . Simple je kan ?? haa kan dah cakap . Hahaha .

Selamat mencuba !
:D

Tutorial: Scroll To Top

Assalamualaikum :)
Now, Ira nak share dengan korang macam mana nak buat scroll to top button. Apa tu ? Korang tak faham. Hmm macam ni, cuba korang scrollkan blog Ira ke bawah, kemudian muncul icon comel sebelah blog Ira kan ? Then click icon comel tu , blog Ira terus scroll ke atas dengan sendirinya. Haa that's all yang Ira mampu terangkan. lol . Kalau korang tak faham jugak , belasah jaa :P Hahahahahaha

Let's Start :D

1. Dashboard > Layout > Add a Gadget > HTML/JavaScript

2. Copy code di bawah:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script><script type="text/javascript" >/***********************************************
* Scroll To Top Control script- &#169; Dynamic Drive DHTML code library(www.dynamicdrive.com)* Modified byLyssaFaizureen***********************************************/var scrolltotop={
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="URL IMAGE" />',
controlattrs: {offsetx:5, offsety:5},
anchorkeyword: '#top',
state: {isvisible:false, shouldvisible:false},
scrollup:function(){
if (!this.cssfixedsupport)
this.$control.css({opacity:0})
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1)
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
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:'Scroll Back to Top'})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='')
mainobj.$control.css({width:mainobj.$control.width()})
mainobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
mainobj.scrollup()
return false
})
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
})
})
}
}
scrolltotop.init()
</script>

3. Paste di ruangan HTML/JavaScript tadi.

4. Preview & Save !

Note:
merah : Tukar dengan url image top button

Selamat mencuba :)


Tutorial: Buang Underline Bawah Link

Assalamualaikum..
Salam aidiladha buat semua umat Islam :D
Bak daging sikit kat kiteee :3 hehehe .
Okay sempena hari raya aidil adha ni meh Ira nak share dengan korang macam mana nak buang underline bawah link. Selalunya, kalau korang baru tukar ke template denim, underline bawah link ni mesti ada. Memang wajib dia adaa.. kan ? Hahaha . Okay , kalau korang rasa rimas dengan underline bawah link tu, meh kita buang meh.. hahaha

1. Dashboard > Template > Edit HTML

2. Tekan Ctrl+f serentak dan cari code a:link {

3. Now, copy code di bawah :
text-decoration: none;
4. Paste di bawah code a:link { tadi .

5. Now, korang cari pulak code a:visited {

6. Copy code di bawah :
text-decoration: none;
7. Paste di bawah code a:visited { tadi

8. Preview & Save !

Selamat mencuba :)


Tutorial: Cute Icon Sebelah Title Blog Archive

Assalamualaikum ,
Tutorial pada hari ini ialah macam mana nak letak cute icon sebelah archive list. Korang tak tahu macam mana tu ? Okay kalau tak tahu boleh tengok contoh gambar di bawah .


Haa , dah faham ? Okay, now let's start the tutorial :)

1. Dashboard > Template > Edit HTML

2. Tekan Ctrl+F serentak dan copy code di bawah :
<li><a expr:href='data:i.url'><data:i.title/></a></li>
3. Dah jumpa code tadi ? Okay now copy pulak code bawah ni :
<img src='URL CUTE ICON'/> 
4. Paste di antara <li> dan <a expr:href='data:i.url'><data:i.title/></a></li>
    Contohnya macam ni:
<li><img src='URL CUTE ICON'/><a expr:href='data:i.url'><data:i.title/></a></li>
6. Now preview and save .

Note
merah : Tukar dengan url cute icon korang .


-----------------------------------------------------------------------------------------------------------------------------


EXTRA : Freebies Cute Icon

imageimageimageimageimageimageimageimagePhotobucketimageimageimageimageimageimageimageimagePhotobucketimageimageimage

Right Click > Copy image URL