Thursday, 6 April 2017

Tutorial Buat Owner Box

Assalamualaikum...

Ok, #Tutorial3 berkenaan Owner Box!

Actually, apa yang Hana jumpa, senang jerrr... korang hanya perlu copy+paste, and ubah sikit-sikit jerrr... then complete! Tapi, entah macam mana, Hana tak lepas laaa plak! Hehehhehe... So, Hana buat cara Hana sendiri, so korang ada option nak pilih cara yang mana2 pun.

Nak bagi tau, Hana punya cara is the most simple! Memang paling kacang! Tapi, basic nyerrr, korang kena tahu cara nak save gambar in format jpg (agak2 korang bleh teka tak?) tu jerrr, guna je software apapun, janji, at the end, ianya dalam format jpg... hehehhe...

Ok, sekarang ialah 1 OPTION.

kita copy+paste code ni. Mula2, korang pergi ke laman izzati pink world, and copy code yang diberi (korang pandai cari kan, scroll jerr ke bawah since entry tu pun berkenaan cara nak masukkan Owner Box). Extra gift, korang boleh tengok contoh, since dia pun ada apply cara ni. Kalau tak nak, copy jerrr link di bawah ini...

</script>
<div class="msg_list" id="secondpane">
<h5 class="msg_head">Owner</h5>
<div class="msg_body">
<center>
<center><img src="url icon"/>nama</center>
<center><img src="url icon"/>tarikh lahir</center>
<center><img src="url icon"/>tempat tinggal</center>
<center><img src="url icon"/>trademark/slogan</center>

then, korang pergi ke Layout > Add a Gadget > HTML/JavaScript > Paste. Then, korang ubah lerrr, yang mana patut eh! And last step, tekan Save! Settle!!! ^^ itu jerrrr...

Untuk 2 OPTION...

Macam yang Hana tulis, kena ada gambar in jpg! in this option, kita actually akan save gambar or 'Image' dalam blog kita. Hahahhaha, senang kan...Korang just pergi ke Layout > Add a Gadget > Image... itu jerr... follow arahan, contohnya, upload gambar, title, kalau perlu kena tick di 'shrink to fit' and etc, then click Save! Settle!

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

Additional Information

khas untuk korang yang nak guna Adobe Photohop! Again, Hana tekankan, yang ini untuk 2 OPTION, by using Adobe Photoshopsebelum korang nak save as jpg, ubah dia punya pixels, bagi sama dengan width sidebar korang. So, nanti, memang gambar yang macam tu, yang akan appear dalam korang punya blog. tak perlu nak tick 'Shrink to fit'.... So, macam mana? Let's begin!

Korang rujuk width untuk sidebar korang di Theme > Customise > Adjust Widths... so, dapat tak??? Kalau Hana, Hana akan kurangkan 50 pixels, means dari 330 px akan jadi 280 px... sebab nak bagi nampak border koko gelap, gitu....


bila dah dapat, pergi kat Adobe Photoshop, korang 'flatten image' untuk design yang korang buat... then, korang tekan Image > Image Size... korang akan nampak perkataan 'Width'.. Ada bnyak lagi benda2 lain, tapi sekrang focus untuk Width sahaja. Then ubah nombor tersebut (di ruangan width sahaja sebab untuk height, akan automatic ubah berdasarkan gambar yang korang buat)... and make sure ukuran dalam 'pixels'... click OK... itu ajerrr... kalau korang guna software lain, Hana tak tahu larr.. Maafkan Hana eh! kalau korang nak minta Hana tolong buatkan gambar tu pun, boleh jugak... Just leave a comment! ^^

Tukarkan Width jadi 280 pixels, and Height untuk design hana akan automatic jadi 210 pixels... then click Ok!
Nasihat Hana, sebelum korang nak buat design, just copy salah satu gambar di sidebar korang, and bila korang di Adobe Photoshop, korang tekan File > New > OK... automatic, size yang tertera di situ adalah berdasarkan gambar yang korang copy tadi... sebab, Adobe Photoshop dah set yang korang akan edit gambar tu... tapi sebenarnya korang cuma nak ambil ukuran... so, jangan tekan paste pulak yerrr! Hehehehe...

That's all! Hurmmm, buat tutorial Adobe Photoshop nak??? Wuhuhuhu, banyak yang nak kena taip tu! Hehehhe, insyaAllah, kalau berkelapangan nanti yerrr....

No comments:

Post a Comment