Freebies : Button Icon untuk Facebook, Ig, Twitter, GooglePlus

Assalamualaikum and hi!

Hari ni nak kasi freebies untuk icon-icon yang korang boleh guna untuk media sosial korang. kot nak letak kat sidebar macam tutorial yang saya dah up kan. Click here for tutorial.

Style 1

 https://img.icons8.com/ios/2x/facebook-filled.png

https://img.icons8.com/ios/72/instagram-filled.png

https://img.icons8.com/ios/72/twitter-filled.png

https://img.icons8.com/ios/72/google-plus-filled.png

Style 2

https://img.icons8.com/bubbles/72/google-plus.png

https://icons8.com/icon/114207/facebook-circled

https://img.icons8.com/bubbles/72/twitter.png

https://img.icons8.com/bubbles/72/instagram.png

Style 3

https://img.icons8.com/office/2x/facebook.png

https://img.icons8.com/office/72/instagram.png

https://img.icons8.com/office/72/twitter.png

https://img.icons8.com/office/72/google-plus.png

Style 4

https://icons8.com/icon/80450/facebook-circled

https://img.icons8.com/doodle/72/instagram.png

https://img.icons8.com/doodle/72/twitter.png

https://img.icons8.com/plasticine/72/google-plus.png

Style 5

https://img.icons8.com/dotty/2x/facebook-circled.png

https://img.icons8.com/dotty/72/instagram.png

https://img.icons8.com/dotty/72/twitter.png

https://img.icons8.com/dotty/72/google-plus.png

Style 6

https://img.icons8.com/nolan/2x/facebook.png

https://img.icons8.com/ultraviolet/72/instagram.png

https://img.icons8.com/nolan/72/twitter.png

https://img.icons8.com/nolan/72/google-plus.png

Ni bukan saya buat sendiri. Credit to : icons8.com. Bye!

Tutorial : Cara masukkan butang Facebook, Instagram, etc pada sidebar

Assalamualaikum dan selamat pagi.

Hari ni nak kongsi cara bagaimana nak masukkan butang atau logo media sosial korang ke sidebar. Nanti bila pengunjung tekan, dorang akan dibawak directly ke akaun media sosial korang. Jom!

Mula-mula macam biasa kena log in lah. Lepas tu pergi ke layout blog korang dan tekan 'Add Gadget' di bahagian sidebar blog dan pilih 'Add Html/Java script'. Untuk tajuk dia, korang boleh isilah apa-apa tajuk korang nak. Macam saya letak "Contact Me" je. Hihi. Lepas tu salin kod di bawah ni dan tampal dalam ruangan bawah tajuk tu.

<center><table border="0"><tbody><tr><td> 

<a href=" LINK FACEBOOK KORANG " target="_blank"><img alt=" Add me!" src="URL ICON FB" style="width:50px;height:50px" /></a></td><td> 

<a href="LINK INSTAGRAM KORANG" target="_blank"><img alt=" Follow Me!" src="URL ICON INSTAGRAM" style="width:50px;height:50px" /></a></td><td> 

</tr></tbody></table></center>

Tak selesai lagi. Korang kena tukar beberapa benda pulak sebab nak ikut korang punya akaun kan. Yang kat ataih ni saya punya. Yang saya highlightkan kelabu tu masukkan link facebook korang. Caranya, pergi kat facebook korang punya profile dan copy link kat atas tu. (Rujuk gambar)

 Lepas tu yang url icon fb tu korang boleh ambik url icon fb yang korang nak guna. Check out my freebies. Saya pun ada sediakan beberapa icon untuk tutorial ni. Click here!

Buat maca tu jugak untuk ig. Macam mana nak dapat link Ig? Caranya, guna instagram kat web. Ambik link kat atas tu macam FB tadi. Pastikan ambik takat ada "/" je macam dalam gambar di bawah.

Dan kalau korang nak masuk banyak lagi akaun kat sidebar tu, salin dan tampal je kod yang sama untuk fb/ig tadi dan masukkan link utk akaun tu dan url untuk icon yang patutlah. Get it? Pastikan korang tampal in between kod </tr></tbody></table></center> lah.

Okay, kalau dah boleh preview dulu. Kalau cun, save!

Tutorial : Cara tukar background blog

Assalammualaikum dan selamat petang.

Sebab sekarang agak free sebab semua tugasan dan hantar, tinggal nak final exam untuk semester 6 je lagi. So here we go, entri pertama untuk tahun ini : tutorial cara tukar background. Tutorial ni sesuai untuk level newbie yang baru menceburkan diri dalam ber-blogging ni dan yang gigih edit sendiri blog tu. Paling asas la tukar latar belakang ni. (P/s : ilham nak post entri datang lepas dua hari dah tolong edit blog kawan).

Pertama sekali kena sign in semua dan pergi dekat layout. Pilih Add HTML/ Java Script. Saya nasihatkan tak perlu letak tajukla sebab benda ni bukan untuk display, kita cuma nak masukkan html sahaja. Lepas tu, salin kod di bawah ni dan tampal di ruangan html tadi.

<style type="text/css">
body {
background-image: url ("LINK GAMBAR BACKGROUND");
background-position: center;
background-repeat: repeat;
background-attachment: fixed; }
</style>

Link yang saya highlightkan kelabu tu korang boleh gantikan dengan gambar/corak background yang korang nak. Saya cadangkan korang cari freebies di blog lain (saya takde sediakan freebies setakat ni heheh). Jangan lupa minta izin!

Lepas tu save dan nikmatilah pemandangan blog korang yang indah dengan background yang comel. Semoga berjaya & see you when i see you!