Top Komentator Widget

lama betul saya tak update blog tuto ni kan..mesti korang tertunggu2 bila lah saya nak buat tutorial terbaru..ada ker yang tertunggu2..takder?takperlah (merajuk)..hehe..ini lah perangai buruk blogger pemalas macam saya ni..tapi bukan malas yang disengajakan okey,malas saya ni sebab ada alasan yang kukuh..kukuhlah sangatkan..hahaha

ok,setelah sekian lama tak buat tuto tetiba hari ni terfikir nak buat widget TOP KOMENTATOR dekat blog utama saya iaitu INI BLOG BUI..kalau diletakkan wigdet ni so saya boleh tahu siapa tukang komen paling rajin bagi komen di blog saya tu..dah alang2 nak buat,baik saya buat tuto sekali..len kali boleh rujuk balik incase widget tu terhilang akibat hobi saya yang suka edit blog ni..^_^

ok,mula2 g

DASHBOARD > LAYOUT > ADD A GADGET > HTML (JAVA SCRIPT)

korang copy kod dibawah dan paste dekat ruang kosong tadi k

<!-- Top commentators widget v1 Start -->
<script type="text/javascript">
function getYpipe(feed) {
 document.write('<ol>');
 var i;
 for (i = 0; i < feed.count ; i++)
 {
 var href = "'" + feed.value.items[i].link + "'";
 if(feed.value.items[i].link == "")
var item ="<li>" + feed.value.items[i].title + "</li>";
else
var item = "<li>" + "<a href="+ href + '" target="_blank">' + feed.value.items[i].title + "</a> </li>";
 document.write(item);
 }
 document.write('</ol>');
 }
 </script>
 <script src="http://pipes.yahoo.com/pipes/pipe.run?
 YourBlogUrl=http://idzrarynprelovedproperty.blogspot.com
 &ExcludedNick1=Bui Junaidi
 &ExcludedNick2=
 &ShowHowMany=10
 &_callback=getYpipe
 &_id=23022d7836bf2dd3c10a329feb9be26a
 &_render=json"
type="text/javascript">
<!-- Top commentators widget End --></script>

yang saya warnakan merah tu perlu ditukar ok

YourBlogUrl = letak url blog korang sendiri

&ExludeNick1 = korang letak nama korang yang korang gunakan dalam blog

&ShowHowMany = boleh letak 5,10 atau 15 ikut selera masing2

ini versi yang kedua,kalau yang pertama pulak korang boleh tengok
TUTORIAL PASANG TOP COMMENTATORS WIDGET


kredit : SINI

Cara Follow Melalui Email

yuhuuuu..yabedabeduuu..^_^

tetiba dapat hidayah lah ni sebab tu update blog

bukan apa,nak buat tuto ni kena banyak masa

tak boleh hurry-hurry nanti x jadi..

kali ni bui nak ajar macam mana nak letak widget kat atas tu (gambar)

iaitu FOLLOW BY EMAIL

yang mana setiap kali kita tulis entry dan publish pembaca blog kita yang telah men'subscribe' akan mendapat update terus ke dalam inbox email mereka..wow..ini osem ok..hihihi

ok,tanpa membuang masa jom bertutorial

mula2 korang pergi ke DASHBOARD > LAYOUT > ADD A WIDGET

korang pilih Follow By Email (tengok gambar)

bui dah buat sebab tu keluar perkataan Already Added tu

yang belum buat akan ada tanda +,klik jer tanda tu k

lepas tu korang drag ler widget tu kemana2 yang korang nak letak

jangan lupa SAVE..dah siap..simple kan..

p/s:sudi2 lah kiranya follow blog bui by email yer..maceh..^_^

Bertukar Lagi..Dah Macam Sesumpah

ubah wajah blog ini lagi..

ntah tetiba datang mood 'renovation'

biar x blogwalking..hehe

kali ini terpikat pulak pada template dari

BLOGGER CANDY

silalah terjah kalau nak ubah wajah blog

seperti saya..( ^__^ )

Wajah Baru Dengan Template Yang Simple

siapa selalu g kat sini,sure perasan akan perubahan wajah blog tutorial bui ni..dah kata perangai buruk bui ni kan mudah jemu,so bila perangai tu datang habislah..blog menjadi mangsa..hehe

so,korang layan kan ajerlah..^_^

bukan apa,sangat2 tergoda dengan template yang ada kat sini..semua cantik..simpel pulak tu..tak percaya,korang klik link yang bui bagi k..

WWW.NYMFONT.COM

sekian..nak tidur,penat edit blog sendiri..hahaha

Tab Menu Simple Tapi Cantik

ewah..ewah,tajuk entri kemain lagi kan..konpiden abis..hahaha..tapi betullah,bagi bui tab menu ini paling cantik pernah bui ada..^_^..so ,korang nak jugak tak..wah,ramainya yang angkat tangan..hihihi..ok,merapu x guna..jom belajar..

mula2,g DASHBOARD > TEMPLATE > EDIT HTML > PROCEED > TICK EXPAND WIDGET TEMPLATE

cari kod
]]></b:skin>

pastu copy kod ini

a.menutab {
background:url(URL BACKGROUND);
display: inline-block;
font: normal 10px 'Lucida Sans Unicode', Lucida Grande, sans-serif;
color: #000;
border: 2px solid #eee;
display: inline-block;
letter-spacing: 1px;
margin: 0 2px 0 0;
padding: 4px 9px;
text-transform: uppercase;
}
a.menutab:hover {
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
border: 2px solid #ccc;
background:#E6A9EC;
color:#fff;
}

dan paste di atas kod yang pertama tadi


URL BACKGROUND tu korang tukar dengan background yang korang suka k
#E6A9EC tu korang tukar ikut warna yang korang nak


ok,siap part ni..preview dulu,kalau takder apa2 error baru save template


sekarang part 2 pulak


g LAYOUT > ADD A GADGET > HTML/JAVA SCRIPT


copy kod ini dan paste di dalam ruang kosong tu yer (takyah letak tajuk kat widget tu yer)

<center>
<a class="menutab" href="URL LINK">TAJUK TAB</a>
<a class="menutab" href="URL LINK">TAJUK TAB</a>
<a class="menutab" href="URL LINK">TAJUK TAB</a>
<a class="menutab" href="URL LINK">TAJUK TAB</a>
<a class="menutab" href="URL LINK">TAJUK TAB</a>
</center>

dah letak semua URL LINK dan TAJUK TAB,korang bolehlah save..widget ni kena letak di atas header baru menjadi..

kadang2 kebanyakan template widget tu takder kat atas header,so kalau nak tambah ruang atas header tu korang tengok TUTORIAL TAMBAH RUANG ATAS HEADER ni..

Tutorial Tambah Ruang Atas Header

mula 2 g  DASHBOARD > TEMPLATE > EDIT HTML > PROCEED > TICK EXPAND WIDGETS TEMPLATES

cari kod ini

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

delete semua kod tu dan gantikan dengan kod ini

<b:section class='header' id='header' preferred='yes'>

preview,kalau takder apa2 error bolehlah SAVE

ok,lepas tu g LAYOUT..korang tengok ada tak ruang bertambah di atas header..kalau ada bermakna success..tahniah buat korang..hehe

Background Blog Cantik

ini sesaja letak buat penyeri..

V

V 

entry kali ni simple jer..x der mood nak buat tuto..

dasar pemalas..hahaha..sila lah kutuk jika perlu..^_^

tapi walaupun simple,

bui nak hadiahkan korang tempat nak carik 

background blog yang cantik2 dan osem2..

nah..ambik..klik jer sesuka hati..hehe

KOLEKSI BACKGROUND BLOG CANTIK-CANTIK

ok,sekian

cepat say THANK YOU pada bui..^_^

Cara Letak Link Blog Lain Ke Blog Sendiri

tuto ni khas bui buat untuk blogger2 baru yang baru2 nak berjinak2 dengan dunia blog ni..nampak mudah bagi yang dah tau,tapi akan nampak susah bagi yang tidak tau..

ok,kita mula belajar


mula2 g DASHBOARD > LAYOUT > ADD A GADGET (rujuk gambar)

pastu korang pilih Blog List (scroll bawah sampai jumpa ea)

dah tekan tanda + tu nanti akan keluar page macam ni

korang klik Add a blog to your list nanti akan keluar pula page ini

dekat kotak biru tu korang letaklah link blog yang korang suka,contohnya..

dah letak link, korang klik Add,pastu Save..kalau nak letak blog yang lain jugak,jangan save dulu..Add banyak2 sampai 10 blog ker,pastu baru Save..

bila korang Save,dekat layout korang akan ader keluar link blog yang korang dah save tadi..oh,ya tajuk My Blog List tu korang boleh tukar ikut suka hati masing2 yer

ok,siap sudah..^_^

Cara Buang Footer Bawah Blog

tengok gambar untuk korang faham apa benda yang bui katakan itu k

sebelum

selepas

dah faham dan nampak perbezaan kan..?so nak belajar tak..k,jom..

mula2 g DASHBOARD > DESIGN > TEMPLATE > EDIT HTML > PROCEED

tandakan Tick Expand Widgets

cari kod

]]></b:skin>

dah jumpa..?

pastu korang copy kod dibawah dan paste di atas kod tadi

.footer-outer{display:none;}

seperti ini

]]></b:skin>
.footer-outer{display:none;}

preview dulu..kalau jadi bolehlah save yer..^_^

Cara Nak Buat Ayat Bawah Entry

entry ini bui copy dari SINI..^_^


gara2 entry simpel (simpel la sangat kan..^_^) semalam,ada beberapa blogger tanya macam mana nak buat ayat tu 

ala..entry ini  TESTING 1,2,3

so kalau korang tengok bahagian komen SYIELA , MRS VELENTINE , DEQLA MANJEW , KNIEDAZ  , SHIMA dan CIK NANA bertanya macam mana nak buat..

ala senang banget itu ibuk2..^_^..follow jer step2 dibawah ok


mula2 g SETTING > POSTS AND COMMENTS


tengok bahagian post template..ada kotak kosong kan..? tengok gambar kat bawah

so,dekat kotak kosong tu korang taip  jer pape ayat yang korang suker..nanti setiap kali buat entry takyah susah2 taip,otomatik ayat tu akan tercongok siap2 dekat situ..bolehlah jimat masa kan

pastu..jangan sesekali lupa SAVE SETTING, kalau tak save confem la x jadi..


senangkan..so,g try sekarang..^_^..