Freebies : Outer space backgrounds

Hai dan assalamualaikum  Sori sejak akhir-akhir ni aku tak update. Rindu tak ? Muehehe xD  Aku online guna ipad mak aku punye. Laptop aku charge die rosak. Terkial-kial aku nak type. Tekan benda lain keluar benda lain. Sabar je lah. Benci betul touch-touch screen ni -,- Inikan pulak mak aku nak tukar. Aku pakai ipad. Mak aku pulak pakai laptop aku. Kalau nak edit blog susah lah guna ipad. Adoii. Sekarang ni aku ade dekat tempat kerja mak aku dekat BP (batu pahat). Malam nanti aku balik JB. Tidur rumah nenek :) Jangan malu-malu. Buat macam background sendiri xP Ameklah. Asalkan credit ke blog aku ♥



















Minggu depan aku exam. Mati lah macam ni. Aku tak baca buku lagi. Omo :<
Lots of love
Athirah

Tutorial : Hitz.fm



Assalamualaikum. Harini tak pergi mane-mane ? Begitu juga dengan saya. Duduk rumah 24 hours. Bosan. Tidak ada kerja. Saya mahu buat tutor hitz.fm suka ?. Blog saya ni pon saya  guna hitz.fm Senang. Tak payah tukar-tukar lagu. Semua ade ^^

  Dashboard -> Design -> Page element 
 Copy code di bawah dan paste dekat HTML/JavaSript


<center><iframe src="http://ads.hitz.fm/inc/app/shared/dvrplayer/capsules/radioactive/amp_flash/hitz/hitz.swf" name="player" scrolling="no" frameborder="no" align="no" width="10" height="0"></iframe>
<div style="text-align:right">
<a href="javascript:showHideGB()">
</a>
</div>
<script type="text/javascript"><br />var gb = document.getElementById("gb");<br />gb.style.right = (140-gb.offsetWidth).toString() + "px";<br /></script>
</center>

Height dengan width pandai-pandailah adjust sendiri. Bye :) 

Tutorial : Header hover ( pusing-pusing )

Assalamualaikum. Baru je tadi aku check-check shoutbox. Then, Yana tanya macam mana aku buat header hover macam gitu. Cuba korang halakan cursor dekat header aku. Berpusing-pusing kan. Best pulak aku main benda tu. Muehehe x) Let's start ! Yeah :)


  1. Dashboard -> Design -> Edit HTML
  2. CTRL + F
  3. Cari kode ini h1.title {
  4. Copy kode di bawah. Then, paste kan dekat atas kode tadi
#header:hover {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-webkit-transition-duration: 2s;
}

Credit : Nina Zaharin

Lots Of Love
Athirah 

Freebies : Wood Background

Hai dan Assalamualaikum. New look :D Still black. But, black and grey. Haw haw haw ? I know lah buruk. Tak secantik blog kamu yang lawa itu. Aku nak bagi freebies background macam aku ni. Sori warna background tak berapa nak menarik. Hee :) Nak lagi cantik ? Multiply sendiri. Gurau je, Jangan ler marah. Watpeace :D Background warna hitam ni ori.Aku amek dekat encik google. Then, aku multiply colour je :} Nak ? Ambil lah. Sudah ambil. Kredit yaa ♥ 













Good night. Sweetdream :) Okay, boboi. Aku nak buat kilang tahi mate ni xD

Lots Of Love 
Athirah

Tutorial : Comment box like me and cute icon on comment box [ 2 in 1 ]


Assalamualaikum. Ada orang request dekat facebook. Ingatkan nak buat terus. Then, ayah ajak pergi jalan-jalan. Semua dah siap. Tinggal aku je. Ape lagi kelam kabut tukar baju. Aku naik kereta dengan mak aku yang lain naik kereta nenek. Nenek pegi tengok jambatan baru. Berpecah semua, Pastu, mak aku ajak nenek aku pergi Angsana.  Nak beli alat tulis kakak. Hari selesa ni kan kakak aku dah start periksa PMR. Bila periksa je. Semua alat tulis kalau boleh nak beli semua baru. Hasihh ! Mengada-ngada betul lah die ni. Time nak periksa lah semua barang nak hilang. Err. Then, jalan-jalan. Beli shawl pashmina je. Lepas tu balik lerr. Terus buat tutor. Hihikk. Udah-udah lah tu. Okeh, let's start !

Comment box like me

  • Dashboard ~ Design ~ Edit HTML
  • Cari code di bawah ini


/* Comments


  •  Tengok dekat bawah /* Comments tu ade code macam dekat bawah ni tak ? 

#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: $sidebarcolor;
}
#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}

  • Kalau ade baguss. Gantikan code di bawah ini dengan code tadi

#comments h4 {
margin: 1em 3em;
font-weight: bold;
line-height: 1.4em;
}
#comments-block {
margin-left:1.5em;
line-height:1.6em;
background: #ffffff;
color: black;
padding: 1em;
border:0px solid #ffffff;
}
#comments-block .comment-author {margin:.5em 0;}
#comments-block .comment-body {margin:.25em 0 0; background: #ffffff;}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
padding: 20px 10px 10px 10px;
background: #f3a64c url(http://i1227.photobucket.com/albums/ee434/Faqihah_Husni/2j0lhs0_PURPLE.gif ) repeat top left;
-moz-border-radius: 25px 25px / 25px 25px;
border-radius: 5px 5px / 5px 5px;
Border: 2px solid  #d5c1dd;
}
.deleted-comment {
  font-style:italic;
  color:gray;
}

Teka-teki 


Merah : Gantikan dengan url background yang korang nak. Kalau tak nak pun takpe. Tapi, kena credit lerr. Credit to Kihah

Biru : Warna border. Boleh gantikan dekat sini.

Purple : Boleh gantikan dengan dotted, double, dashed, groove, ridge, inset, outset, hidden dan macam-macam lagi.

Cute icon on comment box



  • Dashboad > Design > Edit HTML > Tick Expand Widget Templates
  • Ctrl + F = serentak
  • Cari code di bawah
<b:if cond='data:comment.authorUrl'>

  • Copy code di bawah. Kemudian paste kan di bawah <b:if cond='data:comment.authorUrl'> 
&lt;img src=&quot;http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic001demoji_15829456decoojp.gif&quot;/&gt;

  • Cari code ini pulak <dd class='comment-footer'>


  • Copy code di bawah. Then, paste kan dekat bawah code tadi
&lt;img src=&quot;http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic015demoji_12682181decoojp.gif&quot;/&gt;
Teka-teki

Merah : Icon sebelah author comment
Purple : Icon sebelah date comment


Icon boleh cari dekat babydoll.nu Kalau tak jadi cakap okeh :) 


Lots Of Love 
Athirah

Tutorial : Underline background


Assalamualaikum. Dah tidur ke ? Jam menunjukkan pukul 2:05 pagi. Tapi, aku belum tidur lagi. Tak boleh tidur. Then, tadi Hafizah request tutorial dekat facebook. Tuu yang buat tuu. Enjoy !

Dashboard > Design >  Edit HTML
  1. Cari code di bawah


u {

Delete code di bawah u { tadi tu. Gantikan dengan code di bawah ini

text-decoration:none;
-moz-border-radius: 5px;
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 3px;
padding-right: 3px;
background:  #d5c1dd;
border-radius: 3px;
-webkit-transition-duration: 2s;
color: #000000;

Teka-teki :}


Biru : Background die
Merah : Warna tulisan


Credit : Tyraa Style


Finally, dapat jugak beli the sims 3 tu. Tapi, tak boleh install pulak. Hadoii !.

Lots Of Love 
Athirah 

Tutorial : Seoul.fm

Assalamualaikum. Harini aku tak sekolah. Cuti PMR :D Cuti empat hari je pun -.- Sikit sangat bagi cuti == Bagilah cuti seminggu. Baru syok :) Homework pun syok gila -,- Pffftt. Lupakan pasal  itu. Tutorial ini aku  modify sendiri. Jangan tuduh aku copy code kau eh. Ade bukti ?. Whatever lah. Kita teruskan dengan tuto harini >,<

  • Copy code di bawah. Kemudian paste kan di Javascript


<center><iframe src="http://player.shoutcaststreaming.us/seoulfm/" name="player" scrolling="no" frameborder="no" align="no" width="144" height="73"></iframe>
<div style="text-align:right">
<a href="javascript:showHideGB()">
</a>
</div>
<script type="text/javascript"><br />var gb = document.getElementById("gb");<br />gb.style.right = (140-gb.offsetWidth).toString() + "px";<br /></script>
</center>

Dah ?. Savekan :D Tak boleh ? Sila komen. Saya boleh bantu :) Boleh ? Sila ucapkan terima kasih kepada saya :P Kalau nak guna tutorial ini. Sila creditkan ke blog aku. Yeee :)


Lots Of Love 
Athirah