Miss Durian Runtuh
Showing posts with label Tutorial. Show all posts
Showing posts with label Tutorial. Show all posts

Mar 10, 2012

Cara Untuk Unfollowing Blog

Assalamualaikum.Hamboi,awat nak unfollow orang pulak nih?Sebenarnya,kalau kita ada masa kan,kita suka baca blog orang lain dekat dashboard.Senang sikit kan.Tapi tapi kan,kita tengok banyak blog kat list blog di dashboard tu kebanyakanya tidak berupdate,latest update 1years ago,11 month ago,10 month ago,9 month ago.So adakah patut kita simpan lagi blog-blog berkenaan di dashboard? Bila kita buka blog-blog itu,ada yang sudah di remove dan ada juga yang masih hidup,tapi tidak berupdate.So,langkah penyelesaian adalah unfollowing supaya boleh follow blog baru pulak.

Bagi blog yang sudah diremove itu,tidak dapat la di unfollow melainkan hide saja dari dashboard.Tapi bagi blog yang masih hidup dan telah lama gila tak berupdate,kita akan unfollow saja.^__^ Suka pulak kan.So,kita akan ajar cara nak unfollow.Ada 3 jenis cara untuk unfollow bergantung kepada template blog itu.

Langkah pertama : Blog yang ada GFC (Google Friends Connect) Widget.
Apa GFC?Ala,kotak follower itu la GFC.Ikut step dalam gambar di bawah okay.








Faham?Heheh.Saya guna gambar je la.Senang sikit nak terang.

Langkah kedua : Navbar
Siapa yang letak navbar dalam blog dia?Saya letak,tapi sekarang dah tak nampak sebab ada top header itu =.=". Okey,kalau unfollow dari navbar paling senang.Selalu blog yang lama-lama ada letak,dan memang kebanyakan blog yang kita unfollow (sebab setahun dua tak berupdate) memang ada lagi navbar dalam blog dia.Senang sikit kan kerja.Ikut step dalam gambar di bawah.


Okey,siap kerja.Kalau blog yang ada Google Friend Connect dan navbar,better use navbar saja untuk unfollow.

Langkah ketiga : Button Follow [selalunya blog yang baru-baru tahun 2010/2011]
Button follow dan dashboard itu tak silap la,orang start pakai tahun 2010.Kiranya jimat tempat la,tak payah letak kotak follower,lepas tu orang tak suka letak navbar sebab tak lawa.Takpe-takpe,kita boleh jugak unfollow blog sebegitu.Ikut step dalam gambar di bawah.


Okey,siap.Kan senang kan.^___^

Okey,gambar ini semua daripada blog kita sendiri kecuali yang button follow & dashboard itu daripada blog orang lain.Tapi kita tak unfollow dia pon,just contoh sahaja.Kategori blog yang kita unfollow:
  1. Blog yang tak berupdate dalam tempoh 2 bulan hingga bertahun lamanya.Cewah,padahal blog sendiri pon update sebulan sekali.
  2. Blogshop.Dulu kemain suka follow blogshop,sekarang unfollow mana yang tak best.Tinggal yang best-best saja.
Kita tak saja-saja unfollow blog orang tau,mana yang kita check tak berupdate sampai setahun dua tahun tu memang kita unfollow (kalau masih hidup blog itu).Kalau blog itu dah diremove,terpaksa la hide saja dari dashboard. So,boleh la follow blog yang baru pulak. ^___^ Sapa tak nak orang unfollow blog dia,jangan la letak follow button,kotak follower & navbar tau.Heheheheheh.Kalau korang faham,saya tengah berkias nih.

Oh,actually,kalau blog orang itu tak letak follow button & kotak follower,dan korang nak follow blog dia,korang boleh jugak follow ikut navbar (kalau dia letak la).

Jan 8, 2012

Cara Buat Hide Shoutbox & Sliding Atas Ke bawah (ada freebies)

Assalamualaikum.Amboi,tajuk memang tak boleh blah.Sebab saya tak reti nak explain macam mana keadaan shoutbox saya itu.Okay,mula-mula korang tekan button shoutbox di sini,kemudian tiba-tiba shoutbox muncul dari atas kemudian bila close,dia akan turun ke bawah.Sliding atas bawah la kan ? =.=" Aku memang tak boleh jadi cikgu,nanti anak murid belajar ajaran sesat.Contoh macam gambar di bawah ini.


Eh,kantoi pulak mesej-mesej itu.Heheh.Tutorial ini sengaja di publish pada bulan Januari.Kenapa?Ikut hati saya lah.Kekeke =.="Okay,jom belajar.

1. Dashboard - Design - Page Elements - Add a Gadget - HTML/Javascript
2. Copy kod di bawah & paste dalam HTML/Javascript itu.
<style type="text/css">
    #gb{
    position:fixed;
    right:450px;
    z-index:+1000;
    }
    * html #gb{position:relative;}

    .gbtab{
    height:100px;
    width:30px;
    float:left;
    cursor:pointer;
    background:url();
    }
    .gbcontent{
    float:left;
    border:2px solid  #99CCFF;
    background:#ffffff;
    -moz-border-radius-topleft:15px;
    -moz-border-radius-topright:15px;
    -moz-border-radius-bottomleft:15px;
    -moz-border-radius-bottomright:15px;
    padding:10px;
    }
    </style>
    <script type="text/javascript">
    function showHideGB(){
    var gb = document.getElementById("gb");
    var w = gb.offsetWidth;
    gb.opened ? moveGB(0, 1500-w) : moveGB(20-w, 0);
    gb.opened = !gb.opened;
    }
    function moveGB(x0, xf){
    var gb = document.getElementById("gb");
    var dx = Math.abs(x0-xf) > 25 ? 35 : 1;
    var dir = xf>x0 ? 1 : -1;
    var x = x0 + dx * dir;
    gb.style.top = x.toString() + "px";
    if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
    }
    </script>
    <div id="gb">

    <div class="gbtab" onclick="showHideGB()"> </div>
    <div class="gbcontent">

KOD SHOUTBOX KORANG PASTEKAN DI SINI OKAY


    <center><a href="javascript:void(0);" onclick="showHideGB()"><input type="button" value="Close" class="close" /></a>

    </center></div>
    </div>
    <script type="text/javascript">
    var gb = document.getElementById("gb");
    gb.style.top = (-400-gb.offsetWidth).toString() + "px";
    </script>

    <a class="west" href="javascript:void(0);" onclick="showHideGB()" title="Buku Tamu"><img alt="Buku Tamu" heigth="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2wFR0JMjOgcO7LT4HZcKRAGg9rtUnUliNYV1-hrQGASv9TkGHa2Xly4WjrKTPrKTHjyxvhuVBFIRobVKnxYLhxfpRTkCI59ow8lg_uthrvItBmarX1NMD1XbZ5aZXYZ5kzBDxeXYH5fc/s1600/shoutbox2.png" border="0" /></a></center>
3. Kemudian gantikan KOD SHOUTBOX itu dengan kod shoutbox korang.Tak kiralah korang pakai apa,CBOX,FIBOX,SHOUTBOX,BUSUK dan lain-lain.Semua di terima akal.Cewahh.
4. Border dan background (warna purple) itu bolah ubah ikut warna pilihan hati korang.Kod warna boleh rujuk wikipedia.Border solid itu bolah tukar dengan dotted or dashed. height ="125" yang bold itu boleh tukar ikut tinggi button korang okay.
5. Gantikan https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2wFR0JMjOgcO7LT4HZcKRAGg9rtUnUliNYV1-hrQGASv9TkGHa2Xly4WjrKTPrKTHjyxvhuVBFIRobVKnxYLhxfpRTkCI59ow8lg_uthrvItBmarX1NMD1XbZ5aZXYZ5kzBDxeXYH5fc/s1600/shoutbox2.png dengan button korang sendiri okay.Ini saya berbesar hati bagi button untuk korang.Kalau nak copy je url button itu.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo_yz0QyPhHWx7pUj-g-1kTiuLs8fbJsV1fKeRrYhEkWwxETQ_jeHx4SqQDEayJmfe9ScZ4YT3tv4K5AxOtAmFCqPwtuPzK8r_ZQGOx3_RuBBxp79e-8Ojtuk6Z-mizWmJuo7fj2fzl-I/s1600/shoutbox1.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaIDTsa3Q5w_uW4gjMkvYvG9_4T3sJZB62s90QfFpaG9JCq2SvG5Tq1CL41BONpxP-XAnPZQ3an148ttceenNK20MUF4nOxMb8OrhjMTpwZ5lK8WNX5JoQJccZ88K88Zgrym9S_FXWgK4/s1600/shoutbox10.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8mmX_2FiT5iCZcRN7bqhxCP5zY11DOYh3l2Uwdc4DqSnIDbszt6B3XAlfjtNXjOxtPszhtm6ty-yEquIYOBtrcEDCR-cCtNjR1-k8_4EO5S8w__MF5WYa7QlMzk99xtju2K_SciwK9wU/s1600/shoutbox2.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgJ4o63zO2unqyhOfqHUoQBcyx5DSIUsTJp2q4XpDeIMufOxzhWDioI2xB-jQ9ZyoGifRmsO2-iWefpsxrdntZrLPwMYrvGuD62W0jqeC3zl3NeFEAvFofhykAAdbjFyz0iokIkh3LoPs/s1600/shoutbox3.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsJJWO0zO5oZkSVXMTRlvrrcDQh33GoNS0COvhH2Mmby5U7ZnfR78tEKMbOedSZkA6ZPfi49_Y099YwMCmbinxK-KF67a9emVGaV91eGC20dk0b4lhmi0812bswNiGYrKcnCdlTTUJuaY/s1600/shoutbox4.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEMJE0NZhJYgoLmA1_eNVhH8_34MRgTN7jhm9UkxoAAccJ01-_MX2mz7qf5NCTCBA9tJ3Ylwg0ev5Kz8DwM62SJRnvzMHrimyc2XTKZHC10nzRz6Ncu2DlfVoSvqJoKgwjGKwuPxqIFl8/s1600/shoutbox7.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ5pGA58oSVfC9dTlZrmGRNZWZlqQkP7UsHX0Ff9NfXMQgP6uHcanwy25735RXOT75fjers07_vp3dQNSx5jZgaMQ5PzZYaal_i_PM1cUvqBPyyvvruXIfQT2vUEAoeQSCGT05heg_KXE/s1600/shoutbox6.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZaY7GWX6FXlXO4mebY9H2x__eHxxkhIlffBrVLhhyphenhyphen-GShqTe5x86N_FTdfj2isMKvGdtx4gog0WFfM9KjPga0lpGPIXvx1llXHtgzKF0-YAPr0fu4SAEnRjopE4P2_pVUpt5cpsbStig/s1600/shoutbox9.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK5TxzAp3v2SwjGNlXJRUfFZb7xhe0lbn7nwvXV1Vu1-k_mjQW5aRAzQxaBGBS48gpMMNCdAommDMrWlreelOrjI4g3yXuHESBcCK-Zl9MFXv7PhKfGsWQIihpLhx6CkqKJRJRm-VDOzw/s1600/shoutbox8.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXeJpKY7iaKPpQeHGmwmf-kFQ21iFaiNRr5NuPtB8Gbd-y6HcAuIJW2bcsJbS7Q30fHG2aN4G3yIxraiKhRLesWPK25e8CW_2XbbE2bZpoyShn0JC8iNxkAH0HSBzQcMe6MFo2BC9G1TM/s1600/shoutbox5.png

6. Save.
Kalau korang teringin button ini untuk kegunaan korang,save je gambar macam biasa okay.Sekian berita saya pada hari ini.Kalau tak reti tanya la tau. ^___^

Jan 7, 2012

Cara Buat Archive Scrollbox

Assalamualaikum,harini nak ajar juga cara nak buat archive dalam scrollbox ke berscrollbar ke tak tau nak tulis macam mana.Heheh.Korang tau kan,kalau blog korang dah bertahun lamanya dah tentu archive korang dah sendat,lepas tu siapa yang update setiap hari 30hari sebulan 365hari setahun perlulah letak archive dalam scrollbox supaya lebih kemas.Kita suka letak archive sebab senang diri sendiri nak cari balik entri lama.Hahah,bukan buat untuk pengunjung blog,tapi buat untuk diri sendiri.

Kepentingan archive ialah pengunjung boleh tengok balik entri lama-lama dengan senang ikut hari bulan tahun selain menggunakan label.Selalu yang letak archive ini adalah blogger-blogger lama,blogger-blogger baru jarang letak sebabkan nak bagi blog dorang cantik dan tak penuh sidebar kan kan.Akak tau dik oii.Setiap kali akak pergi blog korang,jenuh nak klik older post setiap kali nak baca entri lama.Jenuh akak,so,akak tak jenguk dah blog korang.Heheh.Kejam tak?Oh,tak letak archive?Letak label or linkwithin pun boleh supaya entri lama korang tak membazir.

1. Dashboard - Design - Edit HTML - Tick Expand Widget Templates
2. CTRL+F untuk cari <div id='ArchiveList'>
3. Bila dah jumpa,korang akan jumpa kod <div class='widget-content'> di atas <div id='ArchiveList'> kan.
4.Gantikan <div class='widget-content'> dengan kod ini : <div class='widget-content' style='overflow:auto; height:180px'>
Contoh :
Kod Asal
<div class='widget-content'>
<div id='ArchiveList'>
Kod Selepas Diubah
<div class='widget-content' style='overflow:auto; height:180px'>
<div id='ArchiveList'>
5.Gantikan 180px itu dengan tinggi yang korang nak.Macam blog ini,saya guna 180px je,tak mau tinggi sangat.
6.Preview dan Save.

Credit goes to Adik Lyssa Vavavoom.Hehe.

Jan 6, 2012

Cara Buat Scrollbar Berwarna

Assalamualaikum semua..Harini nak buat tutorial scrollbar berwarna.Kalau korang datang blog ini guna Google Chrome memang akan nampak setiap scrollbar,samada dalam archive,dalam bloglist dan juga scrollbar window ni memang berwarna pink dan biru kan?Okay,kalau korang pengguna Chrome,Rockmelt dan lain-lain browser yang boleh pakai,memang akan berwarna scrollbar itu,tetapi kalau korang pakai Mozilla Firefox,ianya hanyalah scrollbar biasa warna kelabu itu sahaja jika korang buat tutorial ini. (Perasan tak ayat aku semua ayat nak jawab karangan,kekekeke)


1. Pergi Dashboard - Design -  Edit HTML - CTRL+F search body {
2. Dah jumpa tu,then copy kod kat bawah ini
::-webkit-scrollbar-thumb:vertical {
height:9px;
background-color: #ffcccc;
}
::-webkit-scrollbar {
width:8;
height:10px;
background:#99ccff;
margin-right:5px;
}
3.Lepas tu paste kan di bawah body {} Ingat tau,lepas penutup body tu,tadi kt cari body { kan,tpi korang pastekan lepas penutup body {.Contoh
body {
bla bla bla
}
::-webkit-scrollbar-thumb:vertical {
height:9px;
background-color: #ffcccc;
}
::-webkit-scrollbar {
width:8;
height:10px;
background:#99ccff;
margin-right:5px;
}
4. Untuk width korang boleh try la tukar-tukar sendiri ikut hati korang okay.Tukar warna untuk scrollbar,tukar #ffcccc dan tukar warna untuk background,tukar #99ccff.Nak tengok kod warna,bolah tengok sini : wikipedia atau web color.
5. Preview dan save.Hah,waktu buat ni jangan guna browser Mozilla pulak,sampai tahun depan pon tak jadi.Heheh.Tapi mane tau kan kot-kot ada orang coding-coding kod untuk scrollbar mozilla,mana tau kan.

Oct 25, 2011

Blog Kena Remove,Apa Nak Buat?Redha Je La.

 بسم الله الرحمن الرحيم
Assalamualaikum.Semalam blog picisan ini kena remove oleh Blogger.Semua tak boleh bukak,Gmail,Google+,Blogger sebabkan Google nak buat maintenance maybe?Tapi aku takde rasa pape pon,aku tengok,oh,kena remove ke.Takpe la,remove la.Heheh.Tapi bila Gmail pon xboleh bukak aku dah pening.Kenapa pulak dengan semua sekali dia block kan.Pastu memg dorang ada bagitau akaun aku dah disabled sebab dorang nak tingkat kan prestasi & keunggulan.Okey,aku pon email la Blogger kenapa akaun aku disabled sebab aku xlanggar undang-undang pon.Dan xsampai 24jam,aku dah dapat bukak balik akaun aku.Okey,kalau jadi kat korang macam tu jangan risau okey.Dorang sebenarnya nak cek akaun korang tu,nak cek blog korang kot-kot ada post yang tak patut.

Kalau jadi macam ni kat akaun korang,try la email BloggerHelp,dan tanya kenapa akaun korang tak boleh bukak & blog kena removed.Kurang-kurang nampak la korang aktive user & tak buat salah pape kan.Nah email BloggerHelp. Aku rasa tak siapa perasan kot blog aku kena remove sebab dah malam masa tu.Shaz je perasan.HAHA.

Oct 23, 2011

Cara Buat Efek/Effect Senget Bila Hover Link & Gambar/Image

بسم الله الرحمن الرحيم

sumber : catasters

Assalamualaikum korang semua.Harini nak ajar buat efek/effect senget bila kita hover link atau gambar (sila letak cursor atas meoww atas ni).Efek senget ni dah banyak blogger popular buat macam Ailyl,Ryna,Yiyin.Heheh.So,bile dorang buat,hati aku pon membuak-buak nak buat jugak.Aku cari dan banyak jumpa yang buat efek senget untuk blockquote.Sebenarnya boleh je guna kod itu untuk image dan link.Korang kena ubah sikit je :)

Hover Senget Untuk Link (Sila backup template dulu)
1. Design --> Edit HTML --> Cari (CTRL+F) kod a:hover {
2.Kemudian korang copy paste kod panjang bawah ni di antara a:hover { CODE }
transform: rotate(7deg);
-moz-transform: rotate(7deg);
-o-transform: rotate(7deg);
-webkit-transform: rotate(7deg);
3. Kemudian masukkan kod panjang bawah ni di antara a:link { CODE }.CTRL+F a:link {
transition: transform .5s ease-in;
-moz-transition: -moz-transform .5s ease-in;
-o-transition: -o-transform .5s ease-in;
-webkit-transition: -webkit-transform .5s ease-in;
Okey,untuk hover link ni,semua link termasuk gambar berlink dan header akan senget sekali.Kalau nak link sahaja,minta maap la,teman xtau.Sebab tu teman buat hover senget kat gambar entri sahaja.

Hover Senget untuk Gambar/Image (sila backup template dahulu)
1. Pergi Design --> Edit HTML --> Cari (CTRL+F) ]]></b:skin>
2. Kemudian copy paste kod panjang bawah ni DIATAS kod ]]></b:skin>
.post img{
transition: transform .5s ease-in;
-moz-transition: -moz-transform .5s ease-in;
-o-transition: -o-transform .5s ease-in;
-webkit-transition: -webkit-transform .5s ease-in;

}
.post img:hover{

transform: rotate(5deg);
-moz-transform: rotate(5deg);
-o-transform: rotate(5deg);
-webkit-transform: rotate(5deg);

}
3.Preview.Save.

UPDATE!!Untuk template lain dari aku :(Sila backup template anda dahulu)
Kalau template blog korang ada kod img{} & img:hover{} lagi senang sebab korang copy paste je kod efek senget dalam { } itu.Contoh.Korang CTRL+F img{ dan paste kod ini seperti dibawah.

img{
transition: transform .5s ease-in;
-moz-transition: -moz-transform .5s ease-in;
-o-transition: -o-transform .5s ease-in;
-webkit-transition: -webkit-transform .5s ease-in;

}

Untuk hover,CTRL+F img:hover{  
 img:hover{
transform: rotate(5deg);
-moz-transform: rotate(5deg);
-o-transform: rotate(5deg);
-webkit-transform: rotate(5deg);

}
Untuk hover image,kod ni untuk hover senget kat semua gambar di post/entri korang sahaja.Kalau nak buat untuk gambar sahaja better guna cara kedua ini.

♛Untuk menambah baik lagi,korang boleh la main-main tukar 5deg,7deg tu.Itu untuk berapa degree dia senget.Kalau letak 180deg mau berputar terus kan -,- (okey,aku dah try,memg gambar kau berputar alam tau tak.HAHA).Rotate,you know rotate?

♛Peringatan! Aku tak pasti la kalau korang bukak blog aku guna Chrome nampak okey tak gambar aku berputar.Tapi kalau pakai Mozilla Firefox InsyaAllah menjadi kod ni.Serius,blog aku nampak hodoh kat Google Chrome.Tak caya,pegi tengok sendiri.Blockquote,comment box & sidebar blog aku memang tak menjadi. So,sapa yang nak blog dia nampak cantik di kedua-dua mozilla & chrome,aku akan mengecawakan korang je dengan tutorial aku ini.Cewaah.

♛Sumber pertama : Faqihah (blockquote senget) Versi pertama aku pakai sebelum jumpa sumber kedua.
♛Sumber kedua : SyafaLunia (tapi tutorial itu sudah tiada,maybe ada hal musabab tutorial itu tiada -,-)BTW thanks!Versi kedua aku pakai sebelum jumpa yang ketiga.
♛Sumber ketiga : Ni kod yang update/terbaru aku pakai,yang aku ajar korang ni. Milik blog I N I.Blog ini ajar CSS3. Aku xhabis khatam lagi apa CSS3.Dalam blog ni banyak ajar transform,transition,border color,border image.Ni semua guna language(?) CSS3 yang baru.Pergila belajar buat benda lain kat sini.



Photobucket



Jul 1, 2011

Cara Letak Kalendar Berentri

Assalamualaikum. Hai semua. Harini nak share cara untuk letak kalendar berentri dalam blog. Kalendar ni akan tunjuk hari-hari yang korang ada update blog. Wah, kan best, bile korang letak cursor kat tarikh-tarikh tu,akan keluar la tajuk entri korang. Best kan. :)

Okey, mula-mula bukak Design --> Page Element --> Add A Gadget --> HTML/Javascript.
Lepas tu korang paste kod di bawah ni dalam HTML/Jvascript itu. Senang kan.

<div id="blogCalendar"></div>
<script type="text/javascript" src="http://lvchen-recentcomments.googlecode.com/svn/trunk/Calendar/1.0/calendar_pack.js"></script>
<script type="text/javascript">
Calendar.base="suzuran89.blogspot.com";
Calendar.timeZone="+08:00";
Calendar.timeZoneCheck = true;
Calendar.drawTable();
</script>
<style>
</style>

Tukar url berwarna merah tu dengan url blog korang okey. Kemudian, save dan lihat hasilnya macam di bawah ni.


p/s : Tutorial untuk simpanan :)

May 31, 2011

Add On Chrome untuk Tumblr

Assalamualaikum. Hai semua. Sihat? Lama tak menulis. Sebab sibuk kerja satu, lagi satu sebab selalu main Tumblr je. Heheh. Kalau nak baca ayat baikkk punya atau nak tengok gambar-gambar cantik, boleh la melawat Tumblr aku kat nazirahmoktar.tumblr.com. Okey, harini nak share satu add on Google Chrome untuk Tumblr. Mozilla Firefox aku tak pasti. Takpa la, kalau ada, nanti aku update la kat sini. Add on ni kita install supaya bila main Tumblr lagi banyak function boleh buat di dashboard. Kalau guna kat Mozilla misalannya :


Hanya ada fungsi notes , reblog & like sahaja. So, kalau nak lagi banyak fungsi, boleh la guna add on ni kat Google Chrome. Kenapa la nak susah2, sekarang aku pkai Mozilla, tibe-tibe nak pakai Google Chrome. Ala, itu hak masing-masing la. Aku nak share je. =.=
Kalau guna add on Missing E ni, boleh install di SINI.



Boomark tu, boleh boomark post yang kita suke. Magnify tu berfungsi untuk besarkan gambar. Dan ada banyak lagi fungsi lain korang boleh explore. Opss, terexcited main Tumblr sampai sanggup download Google Chrome kan.

Apr 14, 2011

Cara Nak View Blog - Interface Baru dari Blogger

Salam. Haritu buka blog budak botak.Dia kenalkan cara view blog baru untuk blogger. Best la.hihi.

Flipcard

Mosaic

Sidebar

Snapshot

Timescale

Hebak la blogger boleh buat system ni =,=. Senang sikit kalau nak baca blog yang entri dia semua best,so senang nak baca semua entri sekali.
  • Bagi aku kalo nak baca blog dalam view ni lebih laju, senang nak baca sekali banyak entri, tanpa perlu tekan older post berulang kali tau.
  • Pastu boleh show/hide comment. Then, kalo kite nak komen entri tu, kita tekan link "view all or post your own" untuk kita komen.
  • Pastu boleh show entri based on date,label,author & recent post.
  • Cuma tak best sebab tak dapat tengok layout kita yg cantik-cantik colorful tu la. Kalo view secara flipcard, aku tengok macam interface Tumblr.
  • Kalau kita tekan toggle navigation sebelah nama blog kita tu, akan keluar satu box untuk masuk url blog org lain pulak. 
  • Yeay, TAK PAYAH READ MORE DAH. Aku sesak dgn button read more ni.huhu.Susah nau nak baca kan.
Kalau nak buat, boleh la tekan http://urlBlogKorang.blogspot.com/view or http://www.urlBlogKorang.com/view/

p/s : Budak Botak & Fatin adalah mangsa terbaru kecurian kredit dari Celcom =,=

Post berhabok dalam draft.




Mar 22, 2011

Kod Recent Post dan Recent Comments

Assalamualaikum. Hai korang. Harini nak share koding HTML bagi recent post dan recent comment. Dimana korang boleh letak kod ni dalam horizontal tab menu dan drop down menu korang tu. Jom copy and paste.

Kod untuk Recent Post

<script style='text/javascript' src='http://blogergadgets.googlecode.com/files/recentpostswidgetv1.js'></script><script style='text/javascript'>var numposts = 5;var showpostdate = true;var showpostsummary = true;var numchars = 100;</script><script src='http://URL KORANG.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts'></script>
Kod untuk Recent Comments

<script style="text/javascript" src="http://sites.google.com/site/testingsahaja/recentcomments.js"></script><script style="text/javascript">var numcomments = 10;var showcommentdate = false;var showposttitle = false;var numchars = 40;</script><script src="http://URL KORANG.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>
Korang boleh la copy and paste kod ni dalam Add Widget/HTML widget korang ye. Korang gantikan URL KORANG tu dengan url blog korang okey :) .Save & Done.
Sumber : Maribinablog

Mar 5, 2011

Template Percuma - Carribean Blue

Assalamualaikum. Hai korang semua. Harini aku baik hati nak bagi template percuma. Cewah, padahal template Picture Window yang Blogger provide, cuma aku telah ubah macam template aku sekarang ni. Disebabkan ramai yang dok tanya kenapa header aku boleh bersambung dengan body content blog, kenapa picture window aku tak transparent, kenapa bila dorang buat, tak menjadi header bersambung, aku pon dah naik pening sebab aku bukan 24 jam dok mengadap blog ni. Banyak perkara penting aku nak siapkan. So, setelah aku fikir-fikir, baik aku bagi je template ni kat korang. Lagipon template ni Blogger yang punya. Bukan hakcipta aku pon, cuma di'edit' sikit-sikit oleh aku. Kalau korang nak pakai, boleh la ubah-ubah mana yang patut. Yang background title post dan sidebar semua korang boleh ubah sendiri. Even blockqoute pon korang ubah la. Baik tak aku. Sebabnya kadang-kadang aku tak terlayan pertanyaan dan amarah blogger lain terhadap aku sebab dorang nye header bersambung tak menjadi. So, meh aku bagi template aku. Blockqoute, headings, backToTop, semua aku dah provide Yang PENTING, jangan taruh border untuk main background okey, nanti tak lawa.


Ni nama nye template Carribean Blue.
Untuk copy code, lihat dan preview, sila CLICK SINI.
Width/lebar main body adalah 1000px dan lebar sidebar adalah 300px. Boleh diedit menggunakan template designer, korang boleh adjust lebar di situ okey.

Haha, mana yang nak buat header bersambung macam aku, nak Picture Window macam aku, boleh la amik/copypaste template ni dan edit ikut suka hati korang. Terima kasih daun keladi.😍


Feb 26, 2011

Widget Blog Kegemaran

Assalamualaikum. Hai awok-awok semua. Sihat dop? Makang doh? Ceh, nak cakap ganu  pon tak betul. Makan nasi dagang dulu, baru leh kecek ganu. Okey, harini nak cerita widget blog yang aku suka. Tak tau la korang suke ke tak. Sebab sesetengah org tak suka letak widget yang boleh berat blog, setengah org suke letak bende gerak-gerak & macam-macam lagi.

1. Shoutmix or chatbox
Ni aku suka sebab sesetengah org yang datang melawat mungkin tak mau komen kan, tambah-tambah mana yang first time datang blog aku, leh la tinggal jejak. Sebab nya kalau ada org tinggal ucapan dan url, leh aku singgah balik dan follow. Aku kan suka follow blog orang sebab tak susah pon. Ceh, ayat memerli disitu. Kat chatbox ni jugak, sapa nak tinggal tag pon senang, nak tanya soalan pon senang, sebab kalao ada org nak tanya pasal tutorial, lagi mudah bagi aku.

2. Follower.
Sapa yang rasa follower tak penting sila buang je la widget ni kan. Aku tak pernah jumpa la blogger yang tak letak widget ni. Kalao dia tak letak pon, mesti dia akan ganti dengan button follower yang macam-macam bentuk dan rupa tu. So, hargai la sapa yang follow blog korang tu, walaupon korang jarang komen entri dia. Ada org cakap komen lagi penting dari follower. Kalau gitu, buang la widget ni. Bagi aku 2 2 penting, sebab bila ada follower, ada la org baca dan komen entri korang.


3. Recent Comments.
Ni aku suka sebab aku leh baca dan tengok, entri mana ada orang komen. Tambah-tambah entri yang bulan-bulan lepas, tak kan nak cek satu-satu kan. So, aku suka gila widget ni. Kalao rasa buang space ke, korang buat la horizontal tab menu atau drop down menu. Kan senang nak letak macam-macam. So, cepat la aku nak trace komen org.


4. Blog list
Aku ada buat satu blog untuk blog list. Tapi tetap aku buat jugak blog list kat blog aku. Aku letak blog yang paling aku komen dan baca saja. Yang blog popular tu, aku simpan sebab nak baca je, tapi tak komen pon. Dan simpan gak blog lain dan blog kawan-kawan. Senang aku nak catch up kalau ada entri baru. Bagusnya blog list boleh gak masuk traffic kat blog org lain. Kan korg dah dapat traffic kalau aku letak blog korang. HA HA. Lagi satu, senang jugak kawan-kawan aku yang mana takde blog nak baca blog kawan lain.


Okey, habis. Widget lain macam kalendar tu untuk tengok entri lepas-lepas, macam archive la. Cuma dalam bentuk kalendar. Lagi widget recent post tu aku saja letak. Boleh tak (?). Yang Apesal tu sebab aku join Apesal, so, kena la bagi traffic pada Apesal. Lagi widget GengBlogger untuk pelawat tu aku senang nak tengok sapa datang blog aku. Leh aku usha balik blog dorang. Yang Nuffnang & Churp2 tu tak payah tanya. Kalau mung dok letok, mung dok dapat pitih.

Feb 9, 2011

Tempat Nak Ping/Promote Entri Baru atau Blog

Salam. Sekarang ni banyak tempat atau site kita boleh ping blog kan. Macam-macam tempat la. Untuk naikkan traffic blog korang, supaya entri-entri lama korang tak membazir macam tu sahaja. Macam aku, dah bermacam-macam tempat aku ping blog, tapi sebabkan aku kurang aura, blog aku ni kejap-kejap naik traffic, kejap-kejap turun, kejap-kejap dalam sejam 0 unique visitor. Memang gila lah. Kalau orang yang buat blog sebab nak bercerita, nak share dengan kawan-kawan, mungkin mereka tak kisah sangat traffic, tapi untuk pendaftar Nuffnang macam aku, aku memang nya suka kalau ramai orang masuk blog aku. HE HE. Padahal dok cerita aku makan apa, tidor pukul berapa je kan. -,-. Harini aku akan share beberapa tempat yang aku ping blog.


Traffic daripada Apesal, sangat puas hati la mula-mula aku daftar dulu, tapi baru-baru ni macam tak ummph sangat sebab maybe blog aku tak beri banyak traffic pada Apesal. Korang pon, baca la blog kat widget Apeasal tu..HAHA.Ye la, memandangkan entri  yang aku letak hanya tutorial, gambar, dan kenangan memori aku, so, mungkin tak berapa interesting. Tapi korang boleh daftar. Yang penting, cara dia naikkan traffic korang adalah sangat manis, di mana pendaftar perlu letak widget Apesal.com dalam blog korang. Contoh macam aku letak di bahagian Iphone tu. Widget tu sebenarnya promotekan blog orang lain di blog kita. Sebagai ganti, blog orang lain akan promote balik blog kite. Manis tak? Ha ha. Dan cara nak ping dia, memg kena rajin la, taip, masuk satu-satu entri korang. Dalam Apesal ni boleh la korang ping entri korang yang lama-lama tu, so, tak de la terbiar macam tu je. Aku dah dapat 353 visitor daripada 28 hb haritu.


Okey, Geng Blogger ni memang dah lama.Aku pon dah lama daftar, tapi baru-baru ni baru la ada join aktif balik. Kalao ping di Geng Blogger ni, korang kena la rajin-rajin sikit, sebab cara ping dia paling senang. Lepas korang buat entri baru, terus pegi ping. Jangan tunggu entri lain, baru nak ping, sebab dia hanya boleh ping entri baru ja, Satu-satu. Traffic dari Geng Blogger ni, boleh la. Kalau cek kat Nuffnang tu, ada la daripada Geng Blogger dalam 10-20  click. Cepat sign up Geng Blogger!


Okey, Innit ni mak kepada Nuffnang. HA HA. Kenapa aku cakap gitu, sebab nya Innit  bergabung dengan Nuffnang & korang leh sign in dan ping entri korang yg terbaru atau terlama. Macam Apesal jugak la. Cuma, perlu rajin menulis, sebab kena tulis tajuk, description, tag, ada word verification jugak. -,- Benda ni kalau aku malas, memang aku tak ping pon. HA HA. Kalau korang ada Nuffnang, leh la sign in terus. Kalau takde Nuffnang, aku tak pasti. Korang try la. (Jawapan tak berilmu!).

Okey, nanti aku share lagi tempat lain. Ada yang aku join, dan ada yang aku tak join. :)


Cara Nak Buat Header Bersambung dengan Content/Body Blog

Salam. Harini nak ajar macam mana nak buat header bersambung dengan body blog. Macam header aku. Yang penting korang perlu ada basic photoshop la. Basic yang senang saja, buka nak kena edit sampai macam photographer yang dok bawah merata DSLR tu. Ni edit cara budak-budak je okey. Jom lihat.

1.Mula-mula, bukak photoshop, file, new, dan keluar bende bawah ni. Kalau nak belajar dulu, boleh refer tutorial INI. Korang kena buat header macam dalam tutorial ini okey. Yang width tu, korang kena la buat ikut width atau lebar blog korang. Kalau nak cek,bagi 

+ Template Designer, boleh bukak Design --> Template Designer --> Adjust widths --> Entire blog.


+ Kalau old template tu, boleh cek kat Design --> Edit HTML --> Cari kod (Ctrl+F)
#content-wrapper {
  width: 950px;

Background buat transparent tau.

2. Bila dah keluar macam bawah ni yang ada gambar durian tu, korang pilih Rounded rectangle tools untuk buat curve. Ikut kesesuaian blog korang. Kalau korang nak buat petak, just right-click kat Rounded rectangle tools tu dan pilih bentuk korang nak.


3. Then, korang buat la bentuk itu ikut betul-betul saiz width kite buat tadi. Tengok contoh di bawah ni., yang petak warna putih. Aku buat warna putih sebab body/content blog aku warna putih. So, bila kite upload nanti, die akan bersambung macam betul-betul bersambung (ayat pening). Yang gambar durian tu, korang leh la taruh gambar pape untuk blog korang. Nak tengok cara potong gambar, leh refer SINI.


4. Then, korang drag bahagian petak putih tu dengan guna move tools. Bawak petak putih ke bawah supaya dapat bentuk macam gambar (b).

(a)

(b)

5. Lepas tu, korang edit sungguh-sungguh, kalau nak tulisan dan gambar berada atas bentuk putih tu, just ubah kedudukan layer di atas dan di bawah. Dah siap, boleh Save as PNG atau Save as Web and Devices.


6. Dan bila nak upload, aku pakai Photobucket. Kalau korang nak upload macam biasa pon boleh, cuma try dan error la. Kot-kot tak menjadi pulak kan..


7. Amik Direct Links dan bila nak upload, letak link di bahagian From the Web. Jangan tick Shrink to Fit, nanti blogger akan kecikkan, so tak jadi. Kalau upload macam biasa tu, From your Computer la, dan jangan tick jugak Shrink to Fit.

8. Ni hasil bila upload, tengok, kan ada bentuk putih tu. Benda itu yang akan sambung dengan body/content blog kita.


9. Save dan Preview dulu. Jadi ke tak. Kalau tak jadi tu, ce try upload balik. Atau ubah-ubah width gambar tu. Sebab tu kena pastikan saiz lebar dia betul, okey.


10. Ce korang tengok gambar bawah, macam terkurang je kan. Aku buat ikut lebar blog aku, 1000px, tapi macam terkurang. Mungkin korang leh adjust sampai 1001px ke, or waktu buat bentuk putih tu, buat bentuk yang betul2. Jangan tinggal ruang walaupun sedikit.


Ni adalah autopost. Saja buat autopost sebab tak nak org tau aku buat blog time sibuk buat assignment. HA HA. I know la, I pon macam tu.

p/s : Tutorial ni adalah hasil idea daripada blog doubleLight terjah blog comel! Kalau korang guna Old Template, better rujuk tutorial budak nih dulu. HEE.
p/ss: Aku guna Template Designer Picture Window, dimana banyak kod aku telah berubah denganmeluasnya. Kalao korang pakai old template boleh rujuk lieyana sebab ada kod yang akan terlibat.
p/sss: Aku telah ubah banyak perkara seperti bentuk border, tab dah sebagainya. Apa yang aku ajar hanya lah basic untuk buat header bersambung. Segala yang terlibat adalah mengikut jenis template korang dan korang perlu lah ubah mana yang patut. :)

PERHATIAN, SIAPA YANG MAHU TEMPLATE MACAM SAYA DIMANA BOLEH BUAT HEADER BERSAMBUNG, BOLEH LIHAT SINI - FREEBIES UNTUK ANDA, TEMPLATE PERCUMA. MENGGUNAKAN PICTURE WINDOW. HOT STUFF!