Template : 
Tutorial : Bullet Point di Blogskin .Saturday, November 3, 2012 ? 2 Flying Kiss ?
Assalamualaikum le followers and le stalkers . Anda macam mana ? Sihat tak ? Alhamdulillah , kita kena jaga kesihatan tau ! Eh , melencong topik kesihatan pulak dah . Okay , Smile kembali semula dengan tutorial yang baru . Tak tahu kenapa tangan ni asyik menggatal tekan keyboard . Tak boleh duduk diam . Okaylah , korang just follow step by step okay ?
Tutorial : Bullet Point di Blogskin .
Okay sila ikuti langkah-langkah yang Smile post .
- Step 1
Okay , kita berada di langkah yang pertama . Korang tahu tak bullet point tu apa ? Tengok dari muka yang newbie di blogger , muka-muka fresh macam tak tahu je . Jangan risaulah , Smile di sini sedia membantu . Okay , di bawah adalah contoh bullet point .
Ha , yang gambar kucing itulah yang dipanggil bullet point . Comel kan ? Tak suka gambar kucing ? Tak apa , don't worry lah . Nanti di akhir post ini , Smile akan bagilah contoh bullet yang lain . Okay korang buka template . Dah buka ? Oraiit , korang tekan ctrl + f atau certain orang tekan f4 . Korang dah tekan ? Okay , korang taip body { . Okay , kita pergi ke langkah yang seterusnya .
Okay , selepas korang dah cari kod body { , korang kena copy code ini pula . Code yang Smile bagi ini untuk tukar korang punya bullet point biar nampak menarik sikit . Cara untuk copy code ialah dengan meng ' highlight ' kan code di bawah dan menekan ctrl + c serentak . Selepas itu korang paste . Blog ni dia memang pakai cara macam ini .
- Step 2
Okay , selepas korang dah cari kod body { , korang kena copy code ini pula . Code yang Smile bagi ini untuk tukar korang punya bullet point biar nampak menarik sikit . Cara untuk copy code ialah dengan meng ' highlight ' kan code di bawah dan menekan ctrl + c serentak . Selepas itu korang paste . Blog ni dia memang pakai cara macam ini .
li{list-style-type : none;background-image : url(http://i985.photobucket.com/albums/ae340/ameliaaaaaaaa/emoteheart.png);background-position : left;background-repeat : no-repeat;padding-left : 2.0em;}
Okay , lepas korang dah copy code yang Smile bagi , korang paste dekat tempat yang Smile tunjuk dalam gambar dekat atas . Faham tak ? Okay , dah faham kita pergi ke step yang terakhir .
- Step 3
Lepas korang dah paste , korang save template . Siap sudah ! Apa ? Tak ada ? Ha , memanglah tak ada sebab korang tak tulis apa-apa pakai bullet point tu . Tak tahu macam mana nak buat bullet point ? Hehe , disebabkan Smile terlebih rajin Smile akan tunjukkan macam mana nak buat . Korang tulislah apa-apa yang korang suka . Tulis nama crush dari darjah satu sampai sekarang . Okay contohnya .
Itu hanya contoh , janganlah tulis sebiji-bij macam apa yang Smile tulis . Kantoi nanti ! Lepas korang dah tulis , korang highlight benda yang korang nak jadikan sebagi bullet point . Contoh gambar di bawah .
Lepas korang dah highlight , korang tekanlah benda alah ni . Benda alah itu dipanggil sebagai bullet list .
Korand dah nampak dah perbezaan dia kan ? Ha , kalau korang tak publish lagi post korang memanglah bentuk dia bulat macam telur ayam . Korang kena publish dulu , nanti jadi bentuk yang macam kucing tu , love ke whatever .
Senang kan ? Eh , nasib baik ingat . Kan Smile dah janji nak kasi korang macam-macam bentuk kan bullet point kan ? Korang ingat tak lagi code yang Smile suruh copy tu ? Kan ada satu URL macam highlight kan ? URL tu warna purple . Korang boleh tukar URL tu kepada URL yang lain . URL tu mengandungi gambar bullet point korang . Dekat bawah ni ada macam-macam pilihan . Pilihlah yang mana suka ~
http://i985.photobucket.com/albums/ae340/ameliaaaaaaaa/eatables2.gif
Senang kan ? Eh , nasib baik ingat . Kan Smile dah janji nak kasi korang macam-macam bentuk kan bullet point kan ? Korang ingat tak lagi code yang Smile suruh copy tu ? Kan ada satu URL macam highlight kan ? URL tu warna purple . Korang boleh tukar URL tu kepada URL yang lain . URL tu mengandungi gambar bullet point korang . Dekat bawah ni ada macam-macam pilihan . Pilihlah yang mana suka ~
http://i985.photobucket.com/albums/ae340/ameliaaaaaaaa/eatables2.gif
http://i985.photobucket.com/albums/ae340/ameliaaaaaaaa/pikachu.gif
http://i985.photobucket.com/albums/ae340/ameliaaaaaaaa/pandapixel.gif
http://i798.photobucket.com/albums/yy265/chumaniac/pix/flopetal5.gif
http://i798.photobucket.com/albums/yy265/chumaniac/pix/flo7.gif
http://i985.photobucket.com/albums/ae340/ameliaaaaaaaa/pix/flower2.gif
http://i985.photobucket.com/albums/ae340/ameliaaaaaaaa/pix/rosescake2.gif
http://i985.photobucket.com/albums/ae340/ameliaaaaaaaa/emotehottea.pngKorang just copy URL yang berwarna purple sahaja . Gambar tak payah copy . Cara untu copy URL di atas ialah dengan meng ' highlight ' kan URL di atas dan menekan ctrl + c serentak . Selepas itu , korang just paste sahaja . Okay korang dah berpuas hati dah ?
Berjaya tak ? Alhamdulillah , nanti Smile akan letak kredit . Kalau tak ada blog itu , tak akan terjadi tutorial ini . Bye ~
Credits : http://diyasesame.blogspot.com
" Suka dengan post kami ? "
http://missmerepek.blogspot.com/2012/11/tutorial-bullet-point-di-blogskin.html
http://missmerepek.blogspot.com/2012/11/tutorial-bullet-point-di-blogskin.html
Officail Gagap n Blur . No copyrights . Please credits us .☺
Tutorial : Bullet Point di Blogskin .