Tutorial: How To Edit Blogskin?
Tuesday, December 20, 2011 | 4:54 PM | 0 Rain[s]
Hi and Good Evening!
Minggu ni dah nak start buat tutorial lagi. Sebab dah lama tinggal blog ni and ramai email/fb Luna request macam mana nak edit Blogskin. Now, Luna ajar ya. But, Luna ambik ni dari blog adik Anis Diyana. Click je kat nama dia, then akan keluar tutorial ni. Sebab dia ada part 1 and part 2 tapi luna ajar cam mana cara nak download je ok. More tutorial about Blogskin, boleh pergi kat blog adik Anis Diyana.
First, Revert Old Template kepada Classic Template. Lihat gambar dibawah.
First, Revert Old Template kepada Classic Template. Lihat gambar dibawah.
Okay bila dah revert to classic template, buang semua edit hmtl tu then bukak new web and type BlogSkin. Bila dah cari blogskin mana yang korang suka. Lepas tu, cari benda ni. Mana nak cari? Tengok bawah :)
And then, SAVE TEMPLATE. Done!
Credit to : Anis Diyana
Tutorial: Dashboard and follow button ( like mine )
Saturday, August 13, 2011 | 2:16 PM | 6 Rain[s]
* Dashboard > Design > Add A Gadget > HTML/JavaScript
Seterusnyaaaaa.... Copy code bawah ni.
<div style="top:0px; right:0px; position:fixed;">
<a style="background:#FDEEF4; font-size:8pt; text-align:center; display:inline-block; width:100px; padding:5px;-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em; "
href="http://www.blogger.com/follow-blog.g?blogID=BLOG ID KORANG" target="_blank">FOLLOW</a> <a style="background:#FDEEF4; font-size:8pt; text-align:center; display:inline-block; width:100px; padding:5px; -moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;"
href="http://www.blogger.com/home" target="_blank">DASHBOARD</a>
Akhir sekali, macam mana nk background macam Luna? Tengok bawah ni. Ada kan?
* background:#FDEEF4 <--- Nah yang ini korang delete dan then put this code ---> background : url(BACKGROUND KORANG SENDIRI BOLEH CARI KAT GOOGLE)
Done! :)
Note: Kalau tak jadi bagitahu ya? Thank you follow my blog :))
Contest Blog Saya Superb Comel anjuran Kemetot Chomel ♥
Saturday, July 16, 2011 | 11:07 AM | 1 Rain[s]
Hello! Luna nak join contest ni, korang jom la join sama.
Blog saya SUPERB COMEL ni dianjurkan oleh Husna.
Blog saya SUPERB COMEL ni dianjurkan oleh Husna.
Tengok bawah ni, cantik tak?
Syarat-syarat contest nya ialah :-
You must follow this blog Kemetot Chomel ♥ and like Una punya Facebook Fanpage :)
* Then give me one click at HERE. Thank you ♥
* Sila buat entry yang bertajuk "Contest Blog Saya Superb Chomel" and tepek kan banner di atas ni dalam entry tersebut
* contest ini akan berlangsung bermula tarikh 9.07.2011 dan tamat pada 30.07.2011
* Contest ini akn terbatal serta merta sekiranya penyertaan tidak lebih dari 5 orang
* Tag contest ini pada 2 orang rakan blogger anda and pasti kan mereka tahu
* Apabila sudah siap sila comment dan sertakan link entry anda tu ya? :)
Hadiah-hadiahnya ialah:-
Tempat pertama : Full edit blog + Doodle + Topup RM5
Tempat kedua : Header + Doddle
Tempat ketiga : Header + footer yang comel-comel
dan Luna tag contest ini kpd ;
adik Eyna Mirul dan adik Aeyna Wohoo
So apa yang korang kena buat ialah, vote Luna. Thank you!
Background part 1 *freebies*
| 10:02 AM | 0 Rain[s]
Hi. Today Luna nak bagi background free kat you all.
Ini background Polka Dot(s)
http://i214.photobucket.com/albums/cc105/24168/egobox/backgrounds/polka-dots/Teaparty.gif
http://i214.photobucket.com/albums/cc105/24168/egobox/backgrounds/polka-dots/Polkin-Blue.gif
http://i214.photobucket.com/albums/cc105/24168/egobox/backgrounds/polka-dots/Spotted-Yellow.gif
http://i214.photobucket.com/albums/cc105/24168/egobox/backgrounds/polka-dots/Polkin-Light-Pink.gif
That's all and tunggu background part 2 pula tau! Thank you for following me! :))
Tutorial: text shadow
Monday, July 4, 2011 | 6:23 PM | 0 Rain[s]
Assalamualaikum. Hari ni tutorial Text Shadow. Tak tahu apa? Okay dia macam ni.
Bila tetikus tu kena kat korang punya text warna tu akan jadi tebal, nah itu dipanggil text shadow.
Bila tetikus tu kena kat korang punya text warna tu akan jadi tebal, nah itu dipanggil text shadow.
design > Edit HMTL > CTRL+F
search code nie a:hover {
Paste code bawah ni dibawah a:hover {
text-shadow:#FF0080 1.5px 2px 2px;
Yang I merahkan tu, korang boleh tukar colour apa je korang nak. Code atas tu, code colour Luna.
So bila dah siap, save!
Tutorial: remove navbar
| 5:53 PM | 0 Rain[s]
Hello!! Korang tahu tak macam mana nak remove navbar? Tak tahu? Mai Luna tunjuk.
Design > Edit Hmtl > CTRL+F
Search code ni /* Variable definitions atau pun code ni ]]></b:skin>
Then paste code bawah ni kat atas code yang korang cari tadi :)
#navbar-iframe {
display: none !important; }
(( That's all! Dah siap then preview and save! Hihihi. ))
Transparent header (( For simple template only ))
Sunday, July 3, 2011 | 11:02 PM | 2 Rain[s]
Design > Edit Hmtl > Ctrl+F
Search code ni /* Mobile
Then copy code bawah ni and paste code nya kat atas /* Mobile tu.
.header-outer, .content-inner { background-color: transparent; }.main-outer, .tabs-outer { background-color: $(content.background.color);}
(( Save and siap! Hahaha senang sangat la kan? ))
Maybe beberapa minggu ni Luna sibuk, so tak dapat nak buat tutorial. Takpa korang just email je kat Luna then Luna akan cuba tolong korang. Doakan Luna boleh jawab exam hehehe.
Bye korang! Muah xoxo.
Tutorial: open new tab
Saturday, July 2, 2011 | 9:44 AM | 1 Rain[s]
Nak mudah kan kerja korang, korang just ikut yang bawah ni je tau? Tak ambil masa lama just 5 minit tak sampai.
Design > Add a Gadget > Hmtl/javascript
* Copy code bawah ni ya.
<!-- code for turning all non-blog links to new page links -->
<script type="text/javascript" language="javascript">
var arr = document.getElementsByTagName("a"); //get all links in the page
for(var i = 0; i < arr.length; i++)
{
if(arr[i].href.indexOf("URL") < 0 //not links that are 'inside' blog
&& arr[i].href.indexOf("javascript:") < 0) //not javascript links
arr[i].target = "_blank";
}
</script>
(( Tak faham? It's okay, kalau tak faham, boleh tengok blog Sis Hafizah. ))
Credits : Sis Hafizah.
Tutorial: fieldset
Friday, June 24, 2011 | 9:59 PM | 3 Rain[s]
Semalam adik ni, her name is Aliaa ask me bout Fieldset. Maybe dia tak tahu apa tu fieldset.
So now mai kak Luna ajarkan.
1 - Design > Edit HMTL/java script > Add a Gadget
Macam biasa, copy code bawah ni.
Babe, ada dua cara tau! Yang macam Luna ni, macam ni -->
<center><fieldset><legend><img src="(( url image ))"/>(( hello bloggie ))</legend>(( ayat korang ))<fieldset></center>
Yang lagi satu cara ni ada fieldset yang tak letak gambar ianya cuma letak ayat saja.
<center><fieldset><legend>hello bloggie</legend>ayat korang</fieldset></center>
Copy ayat yang mana korang nak, then paste je. Jadi tak? Cantik tak? :)
Note: Yang warna biru tu gambar yang korang nak letak. Boleh cari kat glitter graphics
yang warna pink tu, tukar je ayat yang korang nak dan yang warna merah tu, ayat korang juga!
Yang second tu pun sama tau! Hiks hiks hiks good luck! ^^
Tutorial: divider
Thursday, June 23, 2011 | 10:29 PM | 0 Rain[s]
Hi! Nak share tutorial divider kat you all. Nampak kan? Okay, korang ikut step yang Luna ajar ni.
Design > Edit HMTL/javascript > Ctrl+F (utk search code)
Macam biasa, cari code ni: .post {
Ada jumpa tak? Jumpa? Ha, kat .post { tu ada code macam ni kan? Tengok bawah ni.
.post {
margin: 0 0 1.5em;
padding-button: 1.5em;
border: 2px solid#FFC0CB
padding:7px;
-moz-border-radius: 10px;
{
Ada kan? Korang delete code tu dan
.post {
background: url( url background );
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
padding-bottom:5.5em;
{
Dah siap tu boleh preview dulu dan SAVE TEMPLATE!
I baik hati hari ni nak bagi free divider for you all :)
(( http://xb1.xanga.com/6130152407c34268879191/z193855192.gif ))
(( http://xc0.xanga.com/acbe114501d34268879196/z214474026.gif ))
(( http://x73.xanga.com/bf4e627703c35268879192/z206490233.gif ))
(( http://x1e.xanga.com/ec6f615125633268879210/z214474037.gif ))
Tutorial: hover (( my version ))
| 8:35 PM | 0 Rain[s]
Assalamualaikum and hi guys!
Nak share hover macam Luna ni. Nak tak?
Macam biasa babe, cari code bawah ni.
a:hover {
Then paste code ni kat bawah a:hover {
background:url(http://a.deviantart.net/avatars/s/p/sparklesplz.gif?1); background-repeat: repeat;
(( Dah siap! Eh kenapa macam kejap je kan? Hahaha sebab dia senang sangat! ))
Tutorial: rainbow link
Friday, February 4, 2011 | 2:14 PM | 0 Rain[s]
Hello holla cikebam cikebum! Hahaha. Luna nak share tutorial Rainbow link! Mesti korang dah tau kan apa rainbow link? Takpa, Luna akan kongsi dengan orang yang tak tahu lagi pasal ni.
dashboard>design>add a gadget>HMTL/javascript
>> Copy and paste code bawah ni ya <<
<script src="http://fwzynn.googlepages.com/rainbow.user.js" type="text/javascript">/************************************************ Script edited by Ynn Ainul at http://fwzynn.blogspot.com/* Please keep this notice intact***********************************************/</script>
Dah siap buat? Paling senang kan?
(( Thank you for following me ))
Tutorial: wishlist
Thursday, February 3, 2011 | 2:32 PM | 0 Rain[s]
Oh hi! Luna ada buat tutorial, ianya dipanggil Wishlist.
Tak tahu wishlist? Jom tengok bawah ni.
Tutorial: ringankan page blog
| 1:45 PM | 0 Rain[s]
Tutorial ni sebenarnya, Luna share dari blog Sis Lofaa.
Apa ringankan blog tu? Okay sini, bagi blog yang mengalami masalah LOADING yg agak lama untuk membuka blog. Kalau nak tahu penuh, boleh click blog sis LOFAA flawless ni :)
dashboard>design>add a gadget>HMTL/javascript
Copy dan paste code ni dekat HMTL tu.
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type='text/javascript' src='https://sites.google.com/site/jquery01/jquery.lazyload.mini.js?ver=1.5.0'></script>
<script type="text/javascript">
jQuery(document).ready(function($){
if (navigator.platform == "iPad") return;
jQuery("img").lazyload({
effect:"fadeIn",
placeholder: "http://img838.imageshack.us/img838/2931/loadingpagebudaknakal.jpg"
});
});
</script>
Nah. Senang sangat kan? Kan? Hehehe. So tunggu next tutorial tau? Hihi bye!
