Tutorial : Cara Sembunyikan ShoutBox

Assalamualaikum

Wahhh..lama apple tidak buat tutokan..hurmm..maafla ya..apple agak malas membuat tuto sekarang niii..hehe,okey,tanpa membuang masa,meh apple ajar korang macam mana nak hidekan shout box korang..yang belum ada shoutbox tuu,korang bolehla daftar dekat SINI dahulu..sudah daftar??mari ikut step2 di bawah niii..:)

STEP 1 : dashboard > design > Page Elements > Add Gatget HTML

STEP 2 : Copy kod di bawah ni dan pastekan pada kotak GADGRT HTML tadi

<style type="text/css">
#gb{position:fixed;top:50px;z-index:+1000;}* html #gb{position:relative;}
.gbtab{height:350px;width:140px;float:left;cursor:pointer;background:url('URL Gambar') no-repeat;}.gbcontent{float:left;border:2px solid #00000;background:#F5F5F5;padding:10px;}</style>
<script type="text/javascript">function showHideGB(){var gb = document.getElementById("gb");var w = gb.offsetWidth;gb.opened ? moveGB(0, 150-w) : moveGB(170-w, 0);gb.opened = !gb.opened;}function moveGB(x0, xf){var gb = document.getElementById("gb");var dx = Math.abs(x0-xf) > 10 ? 5 : 1;var dir = xf>x0 ? 1 : -1;var x = x0 + dx * dir;gb.style.right = x.toString() + "px";if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}}</script><div id="gb"><div class="gbtab" onclick="showHideGB()"> </div><div class="gbcontent">
Masukkan Kod Shout Korang Disini
<div style="text-align:right"><a href="javascript:showHideGB()">[close]</a></div></div></div><script type="text/javascript">var gb = document.getElementById("gb");gb.style.right = (140-gb.offsetWidth).toString() + "px";</script>

 yang warna BIRU tu korang masukkan URL GAMBAR yang korang nak guna..

 manakala yang warna MERAH tu pulak kod shout korangg..contohnya macam dekat bawah nii

klik gambar untuk lihat lebih jelas

STEP 3 : Done!! bolehlarr korang saveee yaaaa :)

Dekat bawah nii apple ada bagi freebies gambar dan URL GAMBAR untuk shout korang..tu pun kalau korang nak guna la ya..:)ambiil3 jangan malu2,hehe

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpHNwav0750AsyefR-rm3xNZlsiUHsZJZott0QP1RDHEp27zij4Yu5W9madVDFVwHdDjIhlYUFKTBhZBMQQbZJK49KNO6EFxQ-nEY7ZVui4T-u_1HRBQUF9IOhIu8MZ3ZfsB1UpofWsbk/s1600/shout1.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggoFVYIRtdKNh-SORFrBX0YNYtBSImffRdLrNk6nrO2ig7nN2fCji6vmfRTh1QJwL4RtSxjZZz_dBh1on0n1kiFzhMeLypODVL8spqBOqoCXvP5IGYuWnvf9otOzuME6NGJ-JI5zXfkik/s1600/shout2.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8bcgfwyo2K8UPsIVz61PMbuGcJtnq5wOnMfrcAQ2ntUj41TLs5_9WrVaL93YhAr5l3axWgR8uHFy_mCUA-VNo5sCo9Wd7U3cl7muWJ5kPnd7hG4fQBXAu0vLtq-myDxlrB3BuI4htJb4/s1600/shout3.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVD3USbxH59hFcPpt-GrEYk5DtoUMDiaUusYaIJUd68LW3sXQ9tld-Qy2uA7HbgURgSgmBKAI-eCIGigTxwTmiFdMx4HipMp6DTTUV04T-umE7hrYLip0hmHqza6uC11o5sDlhx33SWHQ/s1600/shout4.png

Bubyeee..Selamat Mencuba..:)

Tutorial : Cara Meletakkan Icon Cute Dalam Fibox

Assalamualaikum

hye3..hari ni apple rasa rajin pulakk mau buat tutorial..korang mesti mau jugak kan fibox korang ada smiley2 yang kiut miut kan..macam kat cbok apple tu..(apple lum tukar lagi guna fibox..em,nantilar kan..hehehe..)okey,fibox pun boleh jugak tau..mau tahu bagaimana caranya mau letak icon tu?mari ikut step di bawah niiii

STEP 1 : Korang Log In dulu kat fibox korang and akan jadi macam dibawah ni



Ok,korang nampak kan Setting tu??klik ok..

STEP 2 : Bila sudah tekan setting tu,ia akan jadi macam gambar dibawah ni pulak lagi


korang klik pulak pada bahagian smiley

STEP 3 : Akan jadi lagi macam gambar di bawah niii

1. korang tukar pada custom

2. korang letak la simbol apa yang korang nak mcm nii :0 :) :( bla,bla,bla...

3. Letak URL ICON/GAMBAR yang korang nak letak kat fibox korang


4. yang add smiley tu plak korang boleh tekan berapa banyak korang suka mau letak smiley kat fiibox korang


STEP 4 : Done! korang boleh lar save..korang tengokla hasilnya..:)

Selamat Mencuba!

Tutorial Blog : Cara Menukar Newer Post,Home & Older Kepada Icon

Assalamualaikum

Ehem3  agak lama tidak buat tutorial ya  hehe,apple bukan apa,apple malas ja mau on9 dalam beberapa hari ni.tiada mood mau update..huhu,i dont know why so dont ask me okey..hikhikhik

okey,apple bukan mau cerita fasal apa apple tidak on9..apple mau teac y'all how to change ur newer post,home and older to icon..like mine..lihat contoh yang terdapat dalam gambar di bawah ni

klik gambar untuk melihat dengan lebih jelas

sudah nampak??so,mari kita mulakan..sila ikut step2 bawah ni dengan betul 

STEP 1 : Pergi kat Dashboard > Design > Edit HTML

STEP 2 : Tick Expand Widget (ctrl + F) dan Cari kod di bawah ni

Mula2 kita tukar Newer Post dahulu

<data:newerPageTitle/>

  korang gantikan kod  diatas dengan kod di bawah ni dan yang MERAH tu korang gantikan dengan url image yang korang nak

<img src="URL IMAGE"/>

 Kedua plak kita tukar plak Older Post .cari plak kod dibawah ni

<data:olderPageTitle/>

  and then korang tukar kod diatas ni dengan kod sama seperti diatas tu..cuma tukar URL IMAGE ja

 Yang ketiga pulak barulah kita tukar HOME plak.cari kod di bawah ni

<data:homeMsg/>

  Lepas tu korang tukar pulak lagi kod diatas ni sama seperti kod diatas yang apple suruh tukar

STEP 3 : Done!  

Sudah siap??suka??ya,apple pun suka  if ada yang korang tidak faham,bolehlah bertanya pada apple.just komen ja pada kotak komen apple ya?

Selamat Mencuba :)

Tutorial : Cara Hilangkan Navbar Blog

Assalamualaikum

Okey,today i wanna teach y'all something..what ha,apple akan ajar korang macam mana mau kasih hilang navbar korang macam contoh gambar di bawah ni

klik gambar untuk lihat lebih jelas

okey,tau sudahkan apa itu navbar??yeah..jom ikut step di bawah nii yO!

STEP 1 : Pergi kat Dashboard > Design > Edit HTML

STEP 2 : Tick Expand Widget (ctrl + F) dan Cari kod di bawah ni 

navbar-iframe {

STEP 3 : Setelah korang dapat kod diatas tu,dibawah  navbar-iframe { tu ada kod macam kat bawah ni

display: block ;

 okey,kod yang 'block' tu,korang tukarkan kepada 'none'
 so ianya akan jadi macam dekat bawah ni

klik untuk lebih jelas

STEP 4 : Done! 

Macam mana??ok ka??ha..sudah buat tuu komeng2 la ya?? 

Selamat Mencuba

Tutorial : Cara Meletakkan Gambar/Berwarna Pada Blockquote Post

Assalamualaikum

Wah,agak lama tidak membuat tuto ya  ya,itu memang apple akui..kerana apple pergi cuti2 Malaysia with my Family yg Tershayang  

Okey,sekarang ni apple mau ajar korang macam mana mau pasang background pada blockquote korang..ada yang tak tau  macam mana mau guna lihat gambar di bawah ni

(klik gambar untuk lebih jelas)

korang klik ja yang apple kotakkan merah jambu tu selepas korang highlight kan ianya akan terhasil seperti apple blockquote kan gambar diatas.Menarik kan 

Okey,jom kita buat..ikut step di bawah ni :)

STEP 1 : Pergi kat Dashboard > Design > Edit HTML

STEP 2 : Tick Expand Widget (ctrl + F) dan Cari kod di bawah ni

.post blockquote {

 Tapi ada sesetengah blog tiada kod macam diatas ni.so kalau tiada kod yg diatas ni korang dapat,boleh try cari kod yang dibawah ni plak.

.post-body {

STEP 3 :  Korang copy kod di bawah ni,korang paste dibawah kod yang korang cari tadi tu

.post blockquote { background:#Kod warna; }

 Yang warna MERAH tu letakkan kod warna HTML yang kamu suka.boleh cari di SINI
 Or korang boleh juga kalau mau letak gambar.guna kod di bawah ni plak

background-image:url(URL Gambar);

 Pilih salah satu ja okey.. :)

STEP 4 : korang bolehla preview dahulu..kalau okey sudah,savela.  

Puas ati sudah  o..puas..bagus3  if ada yang korang tidak faham,sila tinggalkan komen dan bagitahu mana yang korang tidak faham. okey!!