Nur Anys

Tuesday, August 23, 2011

Tutorial : Facebook Like Button

HeyyHeyy, so harini nak buad tuto lagi ! kalini nak buad tuto facebook like button . alaaa ~ tauw tauw laa kan ;)
hihiii , so .

First Step :

Dasboard >> Design >> Add Gadget >> HTML/JavaScript

then,
paste lah code bawah niyy without title ~

<center><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fmisswhiteblack.blogspot.com%2F&layout=standard&show_faces=true&width=220&action=like&font=arial&colorscheme=light&height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:220px; height:80px;" allowtransparency="true"></iframe></center>

Green : your own URL yaaa . :)

Thursday, August 18, 2011

Tutorial : Follow Using Manage

To Asyura my classmate :)

Okay nak follow gune manage nih senang jea .. but untuk orang yang tak tahu lagi ni boleyh tengok dekat sini :) Caranyer :

Dashboard >> Reading List >> Add >> Letak URL Blog >> Next >> Follow >> Done !

senangkan ? :) Bagi sesape yang tak reti boleyh cube and nanti u tak payah susah-susah nak follow dekat followers tu .. To Asyura my classmate , try lah okay .. ;)

Tutorial : Favicon

Harini aku nak buat tutorial pasal Favicon :) senang jea nak buat tuh , tapi sesetengah orang ta tauw Favicon tu ape .. meh aku bagi tau tu kat atas tu ade logo blogger warne oren kan ? pastu ade title blog korang kan ? yang logo blogger tu lah orang panggil Favicon .. lagi satu korang nak tuka tak bende tu jadi gambar korang atau bende comey-comeyy macam dekat blog aku ? (perasan hihi..) nak tukar boleyh aje .. camni ,

Ni untuk sesiape yang gune Blogskins :

Dashboard >> Template

pastu paste kan code dekat bawah ni dekat bawah <head>

</div><div style="text-align: center; "><link rel="shortcut icon" href="URL GAMBAR" type="image/x-icon"></div><div style="text-align: center; ">

Untuk sesape gune yang template biase :

Dashboad >> Design >> Edit HTML >> #Sebelum paste kan code sila tick expand widget template dulu Okayh ? sebab nanti tak menjadi .. >> CTRL + F carik </head> ataupun paste kan dekat bawah <head> sahaje ..

Bila dah jumpa paste kan code di bawah ni dekat atas </head>

<link href='URL GAMBAR' rel='shortcut icon' type='image/x-icon'/>

<link href='URL GAMBAR' rel='icon' type='image/x-icon'/>

Kalau nak carik gambar yang comeyy comeyy macam dekat blog aku (hihi) sila klik

di sini ataupun kalau nak letak gambar sendiri boleyh klik di sini kalau ta reti caranyer :

Untuk taruk gambar sendiri :

Klik dekat link tu >> Upload gambar korang >>yg Email tu biarkan kosong >>

Image resize 100 darab 75 (avatar) >> Upload Now !

pastu ade banyak code kan ? ade Forum code , Link and lain-lain tu kan ? korang pilih HTML Code , tengok contoh dekat bawah ni :

<a target='_blank' title='ImageShack - Image And Video Hosting' href='http://img683.imageshack.us/i/41188784774a6bafa75db.jpg/'><img src='URL GAMBAR' border='0'/></a>

Uploaded with <a target='_blank' href='http://imageshack.us'>ImageShack.us</a>

Korang jangan ambek semua code tu , but korang cume kene ambek yg URL GAMBAR tu jer , kay ?

UNTUK COPY SILA KLIK 'CTRL + C' SERENTAK !

P/S : Kalau ade ape-ape masalah , comment dekat bawah ni yer ?

Tutorial : Blockquote

Permintaan dari my HoneyBunnyMummy ♥

Sebenarnyer aku ta berape tauw camne nak buat Blockquote ni sebab aku dah cube banyak kali p0n tak menjadi jugak , ni p0n baru buat Blockquote semalam , tu p0n baru menjadi ! haiyoo , hahah , LOLyp0p ! OkayhWokayh lah , ni nak ajar nihh :

Tengok kotak ni cantek tak ? My Mummy suke kotak ni ..

and my Mummy yang suruh buat tutorial pasal Blockquote ni .. Aku dah cube cara ni banyak kali but still tak menjadi ! So , kali ni i nak ajar cara yang menjadi HEHEH .. btw , thank you for Kak Syazana Syazreen coz tolong ajar :) !

Caranyer :

Dashboard >> Design >> Template Designer >> Advanced >> Add CSS

Pastu paste kan code di bawah ni dekat ruang Add CSS tuh , kayy ?

.post blockquote {
background:url(URL GAMBAR);
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
padding: 6px;
Border: 1px solid #ff0d62;
margin:1em 20px;a:hover {
font-size: 18px;
font-weight: bold;
text-decoration: none;
}

then klik APPLY TO BLOG , lepastu DONE ! dah siap :) sekarang nih nak ajar pulak camne nak buat dotted [.......] or

dashed [-----] and background !

Okay , kalau nak taruk background macam aku punyer boleyh tengok yg ade tulis

(URL GAMBAR) tuh tukarkan code gambar yang korang nak .. boleh cari dekat sini , Okayh ? yang ade tulis ( Border: 1px solid #ff0d62; ) boleyh tukar ! kalau nak jadikan dyer dashed [------] tukarkan solid tuh kepada dashed , kalau nak tukar dotted , dotted larh yang dye

jadi .. setakat ni FAHAM tak ? kalau FAHAM meh aku sambung ! kalau korang nak tukar warne dyer tengok dekat yg ade tulis #ff0d62 tuh ! Kalau nak tukar warne boleh klik dekat sini , macam-macam warne ade ! :) tapi ingat copy code warne dye je tauw ?

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

CONTOH :

Korang cume ambek yg ni je #FFFFF !

and gantikan code warne yg korang nak tu dekat yg ni #ff0d62

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

Then , dah siap !!

UNTUK COPY SILA KLIK 'CTRL + C' SERENTAK !

P/S : Kalau tak FAHAM sila comment di bawah ni , tauw ?

Tutorial : Remove Navigation Bar Completely

Permintaan dari Irdina Farahani :)

Okayh , for this tutorial senang sangat nak buat ! For your information kalau nak buang Navigation Bar nihh bace betul-betul kayy ? ;) *terutama for Irdina ;D

Firstly , pegi dekat :

Dashboard >> Design >> Edit HTML *tick expand widget templates

Lepastu click ctrl + F then search ]]></b:skin>

kayy , kalau dah jumpe paste code dekat bawah ni dekat atas ]]></b:skin>

/* Remove the navigation bar
----------------------------- */
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

Dah paste , last sekali save ! Dah Siap !!! :D tapi kalau tak yakin dah menjadi try preview dulu okay ? :)

P/s : kalau nak copy sila click ( ctrl + C ) serentak ! Thank You ;)

Tutorial : Link Berpelangi / Rainbow Link

http://misswhiteblack.blogspot.com/

Hihi , harini sungguh bosan .. so i ingat nak buat tutorial for you guys :) Tutorial ni ta de sape-sape p0n yang request but actually memang i saje jer nak buat ! Berbalik kepada tutorial ni .. tutorial ni senang je nak buat .. kalau ta tauw ape tu rainbow link , cube pegi dekat i punyer link dekat atas nihh .. dia macam ade raibow kan ? tu larh dia :)

Firstly , pegi dekat :

Dashboad >> Design >> page elements >> add gadget >> HTML/JavaScript

dah kan ? hihi .. kalau dah , paste code yang ada dekat bawah niy :

<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>

lepas dah paste , tak payah nak tulis ape-ape tajuk/title p0n .. biarkan kosong ! then save ..

DONE !!!!!!!! :)

Tutorial : Tumblr Follow/Dashboard Icons

HelloWello , hihi .. buat tutorial lagi ! Tutorial ni sebenarnyer permintaan Irdina Farahani .. kan dina kan ? hihi .. but sorry for late buat tutorial ni ! Senang jea nak buat .. bace betul-betul kayy ? ;)

First , pegi dekat :

Dasboard >> Design >> Page Elements >> Add a Gadget >> HTML JavaScript

Kayy , dah ? kalau dah , pastekan code bawah ni :

<div style="display:scroll; position:fixed; top:5px; right:90px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=1557635096970850428" target="_blank" rel="nofollow" title="Follow" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://assets.tumblr.com/images/iframe_follow_alpha.png?6" /></a><br /><div style="display:scroll; position:fixed; top:5px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" rel="nofollow" title="Dashboard" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://assets.tumblr.com/images/iframe_dashboard_alpha.png?6" /></a></div></div>

Dah kan , dah kan ? hihi .. lepastu , tukar code yang dah di-bold kan tuh kepade blog ID korang sendiri :)

P/s : untuk copy sila click (CTRL + C) serentak kayy ? ;) lagi satu kalau tak paham sila tanya :)