Home Owner Tutobies EXCHANGE TIPS/INFO

Saturday 24 January 2015

Tutorial Facebook Fanpage like me

Assalamualaikum semua!Lamanya tak update blog.So kali ni saya datang dengan tutorial lagi.pheww~~Maaf sebab lama tak update since sekolah bermula.This tutorial asked by Eyah

Facebook fanpage?apa benda?ni haa
Macam tu haa.I will try to  make this tutorial as easy as possible!

1.Korang kena ada facebook page dulu.Kalau dah buat,bagus!
2.Dashboard-> Layout--> Add a Gadget --> HTML Javascript
3.Copy this code and paste!
<script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-270"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("URL GAMBAR") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:30%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=URL PAGE&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe></div></div>
MERAH : url atau link gambar yang korang suka!
UNGU : url/link facebook page anda.ambil dengan nombor nombor tu sekali(WAJIB)
JINGGA : adjust ikut kesesuaian :)

Siap!Thanks for using my tutorial.Eh eh kejap! Preview dulu,kalau takde error save terus :D

p:s From now on I will try to update twice in a month.For next month,I'll post about info and some of my personal life.Stay tune guys! xoxo

Monday 5 January 2015

Tutorial Buat Banner With Code

Assalamualaikum wbt dan hai!

Harini saya nak buat tutorial buat banner(like me) sebab ada one of my followers asked me to.
So okay,let's start.

First of all korang kena ada PHOTOSCAPE  Kalau takde,boleh download kat SINI
Dah download?okay.

1.Buka photoscape yg korang download tadi dan klik EDITOR

  Ok dah.Korang decide dulu banner tu nak berapa page.Dalam tutorial ni Azzah buat dua page je.Kalau nak buat banyak banyak pun tak pa.

2.Dah klik editor tu,pilih banner nak bulat or square or apa apa yg korg suka.
Seterusnya,ikut steps dalam gambar.Klik gambar untuk zoom.

Lepastu,pilih banner korang nak saiz apa.Agak agaklah ikut saiz blog korang supaya boleh fit.

Kalau dah,bolehlah pilih ikut kesukaan korang,rujuk gambar bawah ni:

So,sekarang masa untuk hias banner anda,korang pandai pandai lah edit ok?Tadi dah pilih 
kan berapa "page" banner korang.so start dengan yg first page dulu.Ni contoh

Next,page kedua pulak.Saya buat simple je sebab untuk tuto.
Ehhh,jap.jangan lupa save tau page yg pertama tu.Nanti tak pasal pasal korang nangis sbb hilang hahaha.

Ok dah.proses edit mengedit dah selesai.TAPI!belum habis lagi tau. Sabar sabar. *lap peluh* hikhik.
Ikut steps dalam gambar.

hah,kalau dah,ikut pulak steps ni.Lepastu jadi da banner korang.Tekan save je.INGATT !! Save dalam bentuk GIF ok?.

boleh dah nampak banner korang tu gerak gerak hehe.So now,masukkan banner di sidebar berserta "code box" macam saya punya tu.
Sebelum tu dapatkan "link"banner korang dulu.tak payah susah susah sign up photobucket sume tu.ikut cara ni:
Dashboard--Create post--Upload banner korang tadi,n then ikut steps ni :)
Dah dapatkan link banner korang?Happy tak?hehe,Seterusnya,

Dashboard--Layout-->Add A Gadget--HTML
Copy code ni dan paste!
<center>
<center><img src="LINK BANNER ANDA"/></center>
<img style="width: 167px; height: 157px;" src="LINK BANNER ANDA" />
<center>AYAT KORANG</center>
<textarea cols="13" rows="3" style="text-align: center;">&lt;a href="LINK BLOG ANDA"&gt;&lt;img src="LINK BANNER ANDA" /&gt;&lt;/a&gt;</textarea></center>
MERAH:link banner anda tadi
UNGU:saiz banner.ikut suka korang,
JINGGA:ayat manis korang hehe :P letak lah ayat2 apa apa.kalau tak nak biar kosong.
KUNING:link blog korang

Lepastu save!Done :) Selamat mencuba and Good luck semua :D

p.s : penat gila buat tuto ni hahaha.cuba tau jangan tak cuba :P Assalamualaikum babaiii