336#Ai no Kotoba ~ [Tutorial] Post Template Untuk Dashboard Baru

Dah lama Hana tak buat tutorial kan? Hana rasa tak perlu sangat kot sebab dah banyak blog yang sediakan tutorial untuk bloggers sekalian. Yang ni Hana nak tunjuk pasal post template untuk dashboard baru. Hari tu lepas dashboard Blogger bertukar, mencari jugalah kat mana post template ni. Rupa-rupanya kena add.
Post template ni untuk letak perkataan Assalamualaikum (greetings) di setiap entri. Tutorial asal di blog Kak Lyssa. Masa tu still dashboard lama :)
Mula-mula, Dashboard ---> Settings ---> Posts and Coments
Nampak red arrow kat bawah? Klik Add then akan keluar satu kotak.

Lepas tu, copy kod kat bawah ni. Kredit pasal Kak Lyssa ^_^

<center><img src="URL PERKATAAN ASSALAMUALAIKUM"/></center>

Warna merah tu boleh gantikan dengan URL perkataan Assalamualaikum yang korang suka :)

Lepas tu Save tau! Selamat mencuba. Nantikan freebies Assalamualaikum daripada Hana untuk next entri ya. Hope so :) Hee~
Till then. Wassalam.

321#Ai no Kotoba ~ Tutorial Download Video Menggunakan Real Player Downloader

Since Hana habis SPM tahun lepas, kerja Hana tengok anime aje. Memang minat sejak kecil. Till now I can't resist the anime seduction! That's so to be me. An otaku forever! Hee :D
Tutorial ni Kak Yayah yang request kat Twitter semalam. Memandangkan explanation yang nak diberikan tu agak panjang, better buat tutorial terus kan? Hana pun dah lama tak buat tutorial ni. Lagipun tutorial kat blog-blog lain dah banyak. Kalau perlu aje Hana akan buat. 
So, jom teruskan :)

Step 1 : Download dulu Real Player Downloader. Kang tak download, nak teruskan camne eyh? Boleh donwload kat SINI. Alternatif lain, taip aje apa-apa yang patut macam yang Hana taip kat Google Search tu.

Step 2 : Downloading process :) Tekan pada yang Hana tunjuk dengan arrow tu. Lepas siap download, double click pada folder Real Player tu atau right click and click kat Run As Administrator. Ikut aje arahan yang ada lepas window Real Player tu keluar. Senang aje. Baca baik-baik arahannya :)

Okeylah. Sekarang masuk bab nak download video pulak. Untuk anime, Hana suka download kat  AnimeUltima.tv atau AnimeFushigi.Com Next, proceed to next step. Bab ni ada dua pilihan.
First Choice : Korang bukak mana-mana video kat browser korang (Hana guna Google Chrome), then play video tu. Lepas video tu play, korang halakan cursor pada video tu. Dia akan keluar macam ni (tengok gambar kat bawah). Kalau keluar box biru tulis Download This Video, klik pada box biru tu. Akan keluar box lain untuk downloading process.

TAPI! Ada tapinya. Kalau dulu Hana nak download video, box biru tu akan keluar je kat video yang kita play kat browser kita. Tapi! Tapi kan, lepas Hana install balik, process dia jadi macam kat bawah ni ha.  Jom tengok! ;)
Second Choice : Yang ni boleh guna kalau First Choice kat atas tu tak jadi. Tapi process dia leceh sikit. Hana tak tahu camne nak pendekkan sebab Hana pun baru aje guna cara baru ni (-___-)

Step 1 : Mula-mula, bukak dulu Real Player ni. Takpun nak senangkan lagi, create shortcut kat desktop. Tapi biasanya dia akan automatic ada shortcut lepas install Real Player Downloader ni.

Step 2 : Lepas tu, bukak mana-mana website yang korang nak. Contohnya, Hana bukak AnimeUltima.Com. Then, Hana pilih nak download anime Kimi Ni Todoke Season 1. He he :D Anime yang Hana download awal cuti sem lepas. Ho ho XD

Kalau scroll bawah lagi, akan ada list episode yang ada. Tengoklah sama ada anime tu dah completed atau belum. Lepas tu, klik lah pada Episode 1 English Subbed. Lepas loading habis web untuk Episode 1 English subbed tu, boleh scroll bawah sikit, dan pilih video mana yang berkenan di hati macam kat bawah ni. Klik aje mana yang berkenan di hati. Tapi, Hana syorkan AUEngine video tu. Sebab kebanyakan video AUEngine cantik-cantik.

Step 3 : Tak perlu play video lagi. Copy URL video tu dulu. Bukak mata luas-luas. Hana dah guna arrow besar warna merah tu :P hehe. Copy tau URL tu.

Step 4 : Then, kembali pada window Real Player tu. Paste URL tadi kat Search box macam kat gambar bawah ni. Lepas tu, tekan Enter atau button Search kat tepi tu. 

Step 5 : Dia akan keluar camni ha. Kalau ada link yang sama dengan link korang tu, boleh terus klik pada link tu. Kalau tak pun. Paste URL tu balik kat URL box tu. Perhati elok-elok kat bawah ni.

Step 6 : Video untuk link tu akan keluar. Play aje dulu kejap.

Step 7 : Lepas video tu dah play (tak payah tunggu video tu play sampai habis pun), halakan cursor dan box biru tu akan keluar. Klik pada Download This Video. Tunggu sampai window kecik untuk Real Player Downloader keluar. Tengok dua gambar kat bawah ni.

Step 8 : Lepas download tu complete, klik pada View Downloads untuk ke folder yang menyimpan video yang kita download tadi. Better play dulu untuk cek sama ada video tu complete betul-betul atau tak. Kalau tak boleh bukak, jangan cepat terkejut. Try buka dengan Gom Player ke, Windows Media Player ke atau segala jenis benda yang boleh korang guna untuk pasang video tu. Sesetengah video akan jadi macam tu. Tapi mostly taklah kalau guna AUEngine video.

Step 9 : Lepas tu, teruskan untuk download video yang seterusnya. Tapi, jangan ulang Step 1 - Step 5. Bazir masa aje. Takyah semua tu. Korang kembali pada window Real Player Downloader yang korang dah play video tadi tu. Klik pada link yang tulis Episode 2.

Lepas klik, tunggu aje website untuk Episode 2 habis loading. Lepas tu ulang balik Step 6 sampai Step 8 tu. Downloadlah sampai tak nak tidur pun. He he :D

Kat bawah ni, ada anime suggestion daripada Hana ^^ 1. Kimi Ni Todoke Season 1 2. Kimi Ni Todoke Season 2 3. Earl and Fairy/Hakushaku to Yousei 4. Ouran High School Host Club.

WARNING! Ada sesetengah video yang tak jadi. So, yang tu korang kena usaha sendiri dan cari kat Google Search lah. Faham tak? Okeylah, selamat mencuba ^^

Hana tak pernah try lagi download movie guna cara ni sebab asyik nak download anime aje. Apa kata korang cuba? Hee :D Wassalam.

246#Ai no Kotoba ~ [Tutorial] Add Follower Widget Untuk Blogskin Cara Baru

Awal-awal beritahu, tuto ni Hana dapat daripada blog adik Yati, salah seorang pengguna Blogskins yang comel. Yati pun dapat tuto ni daripada Kitty. Setakat tu je la yang Hana tahu empunya tuto ni *dah kira kredit lah ni letak link dan nama :)* 
Sebab dah tak boleh generate code macam biasa, ada cara manual untuk sesiapa pengguna Blogskins atau mana-mana template yang nak letak Follower Widget. Follower Widget ni penting sebab bukan semua blogger boleh follow blog dengan hanya guna Button Follow comel ala Tumblr tu. Nak tahu kenapa, baca entri INI. So, alert! Korang boleh guna tuto ni.

1. Pergi ke Template dan tukar daripada Blogskins kepada Blogger Template. Sebelum tu, save template Blogskins korang kalau tak nak hilang. Kalau tak tahu cara nak tukar dari Blogskins ke Blogger Template, klik SINI. 
2. Pergi ke Dashboard > Design > Edit Layout. Sebab korang dah bertukar pada Blogger Template, korang dah boleh add gadget Follower. Sesetengah Blogger Template tu dah ada Follower Widget ni, sesetengah tu korang kena add guna Add A Gadget. Lepas add, save terus.
3. Korang pergi ke blog dan tekan Ctrl + U (SERENTAK!) untuk view page source. Bila dah keluar page source yang banyak kod HTML tu, korang cari kod seakan-akan kod kat bawah ni. Untuk cari code, korang tekan Ctrl + F serentak dan masukkan keyword 'friendconnet'

Page Source akan keluar kalau anda tekan key Ctrl & U SERENTAK! :)

AMARAN : Jangan copy kod ni. Setiap blog ada kod yang tersendiri. Yang ini kod untuk Follower Widget blog Hana sahaja :) Korang copy bermula kod <script type="text/javascript"> sehingga kod locale: 'en'}, skin); </script></div>Rujuk kod dalam Scroll Box ni. Cari kod seakan-akan kod dalam ni.

<script type="text/javascript">
	if (!window.google || !google.friendconnect) {
	document.write('<script type="text/javascript"' +
	'src="http://www.google.com/friendconnect/script/friendconnect.js">' +
	'</scr' + 'ipt>');
	}
	</script>
	<script type="text/javascript">
	if (!window.registeredBloggerCallbacks) {
	window.registeredBloggerCallbacks = true;
	gadgets.rpc.register('requestReload', function() {
	document.location.reload();
	});
	gadgets.rpc.register('requestSignOut', function(siteId) {
	google.friendconnect.container.openSocialSiteId = siteId;
	google.friendconnect.requestSignOut();
	});
	}
	</script>
	<script type="text/javascript">
	function registerGetBlogUrls() {
	gadgets.rpc.register('getBlogUrls', function() {
	var holder = {};
	holder.currentPost = "http://www.blogger.com/feeds/8787990000793435477/posts/default/3323307139959403149";
	holder.currentComments = "http://www.blogger.com/feeds/8787990000793435477/3323307139959403149/comments/default";
	holder.currentPostUrl = "";
	holder.currentPostId = 3323307139959403149
	holder.postFeed = "http://www.blogger.com/feeds/8787990000793435477/posts/default";
	holder.commentFeed = "http://www.blogger.com/feeds/8787990000793435477/comments/default";
	holder.currentBlogUrl = "http://haruno-hana.blogspot.com/";
	holder.currentBlogId = "8787990000793435477";
	return holder;
	});
	}
	</script>
	<script type="text/javascript">
	if (!window.registeredCommonBloggerCallbacks) {
	window.registeredCommonBloggerCallbacks = true;
	gadgets.rpc.register('resize_iframe', function(height) {
	var el = document.getElementById(this['f']);
	if (el) {
	el.style.height = height + 'px';
	}
	});
	gadgets.rpc.register('set_pref', function() {});
	registerGetBlogUrls();
	}
	</script>
	<div id="div-17fr1iuczk6d3" style="width: 100%; "></div>
	<script type="text/javascript">
	var skin = {};
	skin['FACE_SIZE'] = '32';
	skin['HEIGHT'] = "260";
	skin['TITLE'] = "Tomodachi";
	skin['BORDER_COLOR'] = "transparent";
	skin['ENDCAP_BG_COLOR'] = "transparent";
	skin['ENDCAP_TEXT_COLOR'] = "#444444";
	skin['ENDCAP_LINK_COLOR'] = "#09dada";
	skin['ALTERNATE_BG_COLOR'] = "transparent";
	skin['CONTENT_BG_COLOR'] = "transparent";
	skin['CONTENT_LINK_COLOR'] = "#09dada";
	skin['CONTENT_TEXT_COLOR'] = "#444444";
	skin['CONTENT_SECONDARY_LINK_COLOR'] = "#09dada";
	skin['CONTENT_SECONDARY_TEXT_COLOR'] = "#000000";
	skin['CONTENT_HEADLINE_COLOR'] = "#3b75e3";
	skin['FONT_FACE'] = "normal normal 20px Arial, Tahoma, Helvetica, FreeSans, sans-serif";
	google.friendconnect.container.setParentUrl("/");
	google.friendconnect.container["renderMembersGadget"](
	{id: "div-17fr1iuczk6d3",
	height: 260,
	site: "04056827126375876332",
	locale: 'en' },
	skin);
	</script>
	</div>

4. Dah copy kod Follower korang? Bagus. Sekarang paste dulu pada Notepad. Tapi kalau korang online Facebook dan tengah menghadap profil FB korang masa ni, paste dekat Post Status aje. Maksud Hana, paste aje kod ni kat situ, tapi jangan pulak korang tekan Post. Sebagai alternatif kalau malas nak buka Notepad aje. Hana selalu buat macam ni. Ha ha.

5. Sekarang, boleh tukar balik template korang daripada Blogger Template kepada Blogskins atau apa-apa template sahajalah. Nak tuto klik SINI. Kod yang korang paste kat Notepad atau Post Status Facebook tu, korang copy dan paste lah dekat mana-mana kod Blogskins korang bahagian sidebar (Part sidebar ni kena tanya blogger yang terer coding Blogskins. Tanya Yati pun boleh) 

Macam yang ni, Hana gabungkan Follower Widget dengan Fieldset :) Dengan hanya guna tuto ni. Untuk pengguna Blogger Template yang nak guna tuto ni, boleh copy and paste pada gadget HTML/JavaScript.

Okey. Done. Kepada pengguna Blogskins yang nak tau lebih lanjut, tanya Yati sendiri. Sebab dia dah berjaya buat. Hana cuma nak sebarkan tuto ni aje untuk sesiapa yang tak tahu. Harap menjadi. Daa~ (^.^)v

114#Ai no Kotoba ~ Tutorial Transparent Header

Ola~ Okey, abaikan intro yang macam hampeh itu. Kali ni Hana nak post tutorial nak buat transparent header. Maybe dah ramai yang tahu tapi atas request Kak Kaisara, Hana akan ajar cara-cara nak buat transparent header. Yang ni khas untuk sesiapa yang rasa Photoshop tu leceh *akulah tu*. Tutorial ni pun Hana belajar dari kawan Hana juga, Liya Zafrina.
Korang hanya perlukan gambar yang korang nak edit, Photoscape *download kalau takde* dan laman web yang gorgeous ni sebab dah banyak tolong Hana masa mood nak edit header datang, Pixrl. Yang takde Photoscape tu, boleh try download kat SINI. 
CAUTION!!! Tutorial ni memerlukan banyak gambar untuk explanation secara details. Make sure line korang tak laju macam siput sedut. Kalau tak jelas, klik aje pada gambar-gambar tu ^_^.

Tutorial Header Transparent

1. Korang pergi ke Pixrl.com. Ada empat pilihan, dalam semua pilihan tu korang klik kat Create A New Image. Dia akan keluar macam kat bawah. Width and height tu korang boleh adjust berdasarkan saiz header yang korang nak. Hana biasanya guna 1000x450. Lepas adjust width and height tu, make sure korang tick kat box yang tulis transparent tu sebelum klik OK. Oh ya, yang ni just header base aje. Bukan untuk edit image lagi.

2. Dia akan keluar camni. Korang Save header base ni. Make sure korang save as PNG (transparent). Ada pilihan untuk Save As so korang klik kat save as PNG file. Kalau korang klik JPEG ke, dia tak akan jadi transparent dah. Save dalam folder yang korang nak.

3. Masa untuk edit image! Korang ulang Step 1, letaklah nama apa-apa pun untuk image yang korang nak edit tu. Adjust width and height ikut image size and klik OK. Tapi JANGAN LUPA, mesti tick kat transparent box tu. Klik pada gambar kat bawah kalau tak jelas. Perhati betul-betul ^_^.

4. Korang nampak aje kan tabs kat atas tu? Klik pada Layer tab dan klik pula pada Open Image As Layer. Yang ni akan keluar pilihan folder dan pilih folder yang menempatkan image yang korang nak edit tu. Klik aje pada image dalam folder tu.

5. Image yang korang pilih tu akan keluar camni. Untuk tutorial ni Hana pilih image Sakura dan Syaoran yang comel + sweet ^_^ 

6. Ni masa untuk korang erase background yang korang tak nak tu. Klik pada Eraser dan lepas tu akan keluar macam-macam pilihan untuk erasers. Klik aje yang mana korang berkenan. Biasanya Hana suka guna yang bulat comel tu untuk erase background secara cepat. Buat dengan hati-hati ya? Boleh undo kalau tersilap kena tempat yang korang tak nak kena erase. 

7. Dah siap erase background! Dia akan jadi macam ni. Akan ada lagi kesan yang tertinggal dekat image yang Hana nak simpan tu. 

8. Yang ni masa yang agak genting. For sure korang nak pastikan image tu bersih aje tanpa kesan background kan? Klik lagi pada Eraser dan pilih eraser yang kecik molek aje saiznya. Biasanya Hana guna yang paling hujung sekali. Saiz eraser tu boleh adjust ikut kesesuaian. Guna eraser tu untuk erase baki background tadi. Step ni memang susah dan kena buat dengan teliti. Banyak kali juga kena undo kalau tersilap erase. Sabar ya? ^_^

9. Lepas erase semua tu, akan jadi camni. Untuk image ni, Hana tinggalkan sikit kesan background warna biru tu untuk jadikan sebagai effect. Kalau korang nak erase terus aje baki background tu pun boleh. Ikut selera masing-masing. 

10. Lepas siap semua, bolehlah save. Cara save dia macam nak save header base tadi. Ingat untuk klik pada PNG sebelum Save ya? 

11. Step seterusnya, buka Photoscape korang dan klik pada Editor.

12. Kat tepi tu, korang klik pada folder yang menempatkan header base korang. Klik pada header base tu dan akan keluar macam ni.

13. Nampak tak tabs Home, Object, Crop dan Tools kat bawah tu? Kat situ, silakan untuk klik pada Object. Lepas tu klik pada gambar kecik kat situ dan akan keluar box macam ni. Silakan untuk klik pada Photo. Lepas klik photo tu akan keluar box untuk pilih image. Klik pada image yang korang dah edit tadi. 

14. Image tu akan menempek kat header base tu. Ikut koranglah nak kecilkan ke, besarkan ke, rotate ke, atas selera masing-masing ^_^

15. Masa untuk taip text! Korang klik kat huruf T besar tu dan akan keluar box camni. Ni turn korang untuk taip apa-apa aje yang korang rasa nak letak kat header tu. Ubah sekali warna, saiz font dan apa-apa ajelah. Nak fonts yang comel-comel? Boleh ke DaFont dan Fontspace. Untuk tutorial install fonts, sila rujuk Kak Lyssa. Cara install DaFont sama aje dengan Fontspace.

16. Tempek aje *buruk benor bahasanya* huruf tu kat mana-mana yang korang suka. Boleh tambah image lain kalau korang nak. Silalah explore Photoscape ya? Best dan simple aje cara nak guna benda alah ni. Lepas siap tu save. Untuk pilihan format, save dalam format PNG.

17. Dah save? Apa lagi, view aje lah. Kalau korang save as PNG, dia akan keluar camni untuk view. Ada macam kotak-kotak hitam putih camtu.

Okey. Siap pun my very first tutorial ni. Gunakan kreativiti korang untuk buat header yang best-best. Hana pun baru aje belajar nak buat header ni. Tak sampai tahap pro lagi. Amatur pun tak. Haha. Enjoy this entry okay? Sorry kalau ada kurang apa-apa. Komen aje kalau nak tanya apa-apa. Thanks ^_^
kredits : Liya Zafrina dan Kak Lyssa :)