Image Hosting

ditaip Zana Mn jam 2:51 PM 12 komen

Hari ni Mommy Pinky luangkan sedikit masa untuk memberi ceramah free untuk adik-adik kita yang masih ternganga-nganga bila mommy buat tutorial dan suruh masukkan url image, url mp3 dan sebagainya. Untuk mengelakkan korang rasa serabut, hari ni kita tumpukan pada url image je dulu, ok?



Oh, oh. Url Image tu ape sebenarnya?
Ok, merujuk kepada tutorial sebelum ni, contohnya,




Mommy ada suruh masukkan URL Gambar Kesukaan. Hah, macam mana rupa nya URL Gambar / Url Image tu? Paling mudah sekali, kalau kita ambil gambar-gambar dari Glitter Graphics Mommy tau, ramai yang suka cari gambar-gambar cute kat sini kan? Haha. Cara nak ambil Url Image hanya ikut step di bawah.



Pilih gambar yang korang suka, contohnya,



ada 2 kod kat situ, abaikan Code HTML.
Copy BB code dia, Url Image terletak antara [img] dan [/img]


BB Code Pic atas tu :) :





[url=http://www.glitter-graphics.com][img]http://dl.glitter-graphics.net/pub/725/725451hqye09hovg.gif[/img][/url]

Yang mommy highlight tu la Url Image..atau dikenali sebagai Direct Link.




Baik, tadi kita belajar ambil Url Image dari Pic yang sudah siap ada BB code, senang kata ready stock la. Macam mana plak kalau kita nak guna gambar kita sendiri @ download pic @ icon kat mana2? Mereka ni tak de BB code. So, macam mana nak cari Url Image dia? Hah, di sini la kita akan masuk ke tajuk utama tutorial ni. Kita akan belajar tentang Image Hosting.

Sebelum ni mommy ada suggest korang buka web FindIcons sebab banyak icon comey-comey,  tapi tak de orang guna jek? Tengok-tengok,  ramai yang komen tak reti guna @ tak jadi. 

 

Ok, salah mommy tak ajar (-___-")
Mommy tunjuk contoh satu je, untuk Cik Epal. kerana beliau direct to the point  bertanya icon Formspring. Eh, eh. adakah, itu Cik Epal yang famous amos tu??!! 


Sekarang, fokus! ikut saje step kat bawah ni.

Cari Icon disini http://findicons.com/pack dan save bila dah ada yang berkenan. Nak senang kerja, save la kat desktop. Mommy try cari icon formspring. Tapi tak de? So, mommy buat sendiri je :p 

boleh la tu, untuk contoh jek.ekeke~

Sekarang pergi ke Web Hosting. Mommy guna http://imageshack.us/



klik Browse , dan cari icon yang korang dah save tadi. Haa..kan senang kalau simpan kat desktop tadi ;)



So, direct link bagi icon tu ialah,
http://img294.imageshack.us/img294/8858/72505183.jpg

Faham? Semoga tutorial ini memberi manfaat ;)


 
Minta maaf kepada nurdani & bungakuning, baru sekarang berkesempatan membuat tutorial ni. Korang tanya time mommy berpantang la..hehe ;p






Dah habis baca ke? Jangan lupa tinggal komen ◕‿◕



Floating Button

ditaip Zana Mn jam 3:54 PM 65 komen

Dah lama tak buat tutorial ek? Hari ni adik d'fiey bertanya camne agaknya nak pasang floating button kat blog kita.


Eh, floating button tu ape? Ini dia.


Haha, nak buat ni senang je, sebab tu cepat je buat tutorial ni. Heh. Ikut saje step kat bawah ni ye :)

Dashboard / Design / Page Elements / Add A Gadget / HTML/Javascript.

Ok, sekarang copy code dibawah ni dan paste di ruang Content HTML/Javascript

<style type='text/css'>
a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}

a.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }
</style>

<div style='display:scroll; position:fixed; top:140px; left:-12px;'>

<a class='linkopacity' href='http://www.facebook.com/zanariahmohdnasir' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/232.png" /></a><br />

<a class='linkopacity' href='http://twitter.com/mommypinky' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/432.png" /></a><br />

<a class='linkopacity' href='http://www.blogger.com/home' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='feed'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/blogger_64x64.png" /></a><br />


</div>


Haip, belum siap lagi..kat atas ni code Mommy Pinky yang punya..haha. Sila la tukar Url yang di bold dengan Url akaun anda sendiri ye!!

Kalau rasa tak cukup 3 buttons je, hanya tambah code kat bawah ni dan adjust la sendiri. Hua Hua.


<a class='linkopacity' href='LINK ADDRESS' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='feed'><img border="0" src="URL IMAGE" /></a><br />


Tips :
Kedudukan floating buttons boleh diubah di 140px,

Left tu boleh ubah kepada Right kalau nak floating buttons kat belah kanan blog korang.. :)

Tak berkenan gambar kat atas tu? Boleh ubah url image yang berwarna biru, cari sendiri icon yang korang suka. Mommy Pinky suke cari kat sini :) KLIK

Dah siap, SAVE!!

Kredit



Ada apa-apa kurang faham, tinggalkan komen ok. InsyaAllah, mommy tolong pahamkan..tapi lmbat la kot, masa terhad..ekeke~





Dah habis baca ke? Jangan lupa tinggal komen ◕‿◕



 

Copyright © 2017 Formula Pikat Suami | Hannah Marketing (002548446-P). All rights reserved | Sign in, Design