Showing posts with label tutorial. Show all posts
Showing posts with label tutorial. Show all posts

Saturday, January 28, 2012

New Header . New Spirit . But ?

hey my readers :)

sorry mengambil masa yang lama untuk kembali semangat berblogging . after down moment tu , terasa malas ingin meneruskan karier sebagai seorang blogger . karier katanya . hah malas nak backspace lah . korang rase nak gelak , gelaklah . akak tak kisah . huhhh . *juling mata*

untuk menaikkan semangat yang lama terkubur, lassie telah menukar my header dan my background . dan resultnya ! walaweyhh . pepagi bangun terus menghadap belog . hebad penangannya . kembali bersemangat . wehooooooo ~ lagipun sayang lah . domain dibayar tapi blog terabai . tak berbaloi kan my readers ? hehe

Image

my new header with my new background

tapi sebenarnya ada sesuatu yang pelik di header lassie . gambar lassie ? itu tak pelik lah . dah belog lassie kan . tak kan lah ade gambar orang lain kan ? saje nak mencapap letak gambar sendiri pulak kali ni ==" masalah probnya gambar tu tidak jadi dicrop . lassie mahu jadikan gambar tersebut seperti dipotong dan digunting-gunting menggunakan gunting . tapi hampeh . seakan menggunakan pakai pisau lipat 20 sen jadinya . kesian lassie kan ? T____________T

Image
sumber : here

lassie mahu gambar tu jadi seperti di atas . sobb sobbbb sobbb . saya memang fail lah guna photoshop . emm,  ada sesiapa tak yang boleh bantu lassie macam mane nak buat gambar seperti di atas ni . maybe tutorial for me ker ? hamboi kelas kau nak tutorial . haruslah kan ? hikhikhik

tapi even tak menjadi gambar tu, at least semangat berblogging kembali itu sudah cukup kan my readers . kan kan kan ? okeyh got to go . satgi hindustan wooo . i kan minah hindustan . *juling mata*

kbai happy weekend guys :)

Thursday, August 04, 2011

Tutorial Blog Mesra Mobile :)

hello semua :)

yey ! kini my baby blog sudah mesra mobile . mesra mobile ? apakah ? maksudnya disini blog kite lebih mudah dilayari dengan menggunakan mobile aka handphone .sebenarnya sudah lama lassie mahu buat my baby blog mesra mobile . tapi terpakse lupakan hasrat murni kerana di naungan blogger/blogspot bukan wordpress yang mempunyai plugin untuk itu .

tapi rupa-rupanya sangkaan ku salah sama sekali . kerana bukan sahaja wordpress boleh menjadikan blog mesra mobile . tapi blogger/blogspot juga boleh ! malah caranya lebih mudah ibarat makan kacang . makan kacang pun lagi susah sebab nak kene kopek kulit . wawawawa ^_-

Image
comei kan ?

wahhh ! sejak blog lassie sudah disetting belog mesra mobile makin mudah untuk lassie pantau terus dari my berry . hikhikhik . pantau katanya , yelah sebelum ni penuh dengan gagdet hinggakan menyebabkan my berry jem kerana memory terlalu besar T_______T

dan sekarang lassie nak berkongsi bagaimana untuk menjadikan belog mesra mobile . walaupun ada yang bersuara lassie sudah ketinggalan zaman *emosi sendiri* . eh'eh, cekidaut okeyh !

Tutorial Blog Mesra Mobile untuk Blogger/Blogspot

Step 1 
Settings > Email & Mobile tab 

Step 2
Show mobile template > tick yes
( lihat gambar seperti di bawah )
Image

Step 3
save . k done :)

oh ya . bagi tutorial blog mesra mobile untuk wordpress boleh klik di sini . have fun :)

Monday, March 28, 2011

Blog Kini Sudah Berheader ! Big Credit Untuk Owner Doodle :)

hello sumeeee :)

yeyy ! akhirnye sekian lame blog lassie tidak berheader atas sebab-sebab yang tertentu , kini kembali berheader . kenape tidak berheader ? ade lahh masalah yang tidak dapat dielakkan ? erk ? padahal kau malas kan nak buat ? cakap jep lahh . elehhhhh . eh diamlah kau ! wek :p

wooooot wooooot !

Image
my new header ;)

Imagesame dengan wallpaper dekstop .
weeee ~ ^_^

comel tak header baru lassie ? cantek doodle tu ? HA HA HA . ehem anyway bukan lassie yang buat doodle tu okey ? jangan ade orang DM lassie pulak nak tempah doodle , kalau nak tempah doodle boleh tempah kat macek maryam okey ! die bikin doodle comei wooooo . harap maklum sayam-sayam semua. 

mane dapat doodle tu yek ? doodle tu lassie dapat dari errr , errr . tak tawu lahh . dari kawan-kawan mase tyme belajar dulu . asal kawan-kawan ade pic atau wallpaper yang menarik , terus  laju-laju amek pendrive rembaatt . eh salah , mintak . wek :P

tapi kan disebabkan ade watermark di wallpaper tersebut, lassie berjaye google web untuk doodle tersebut . yeah ! dan email sudah di hantar untuk kebenaran untuk menggunakan doodle tersebut. mesti lohhh , kesian mereka penat-penat doodle, kite pulak senang rembat letak kat blog kite kan ? ops ! terlebih sudah :P

Image
http://www.fuzzacademy.com/
big credit to them :)

UPDATED : owner doodle dah bagi kebenaran ! yahooooooooooooo !

Image

*abaikan english yang berterabur dengan typo sane sini ;p


Saturday, March 19, 2011

Tutorial : Macam Mane Nak Buat Efek Shadow Di Sekeliling Template Blog ?

hello semua :)
ehmm ekcili seseorang telah rekues tutorial di my tweet-tweet .
nak tengok balik my tweet yang beriban tu malas pulokk .
perlu ker cakap word riban tu ? biaselah #ayatartis kan ? :P

okeyyy ! kali ni den mahu mengajor .
macam mane nak buat efek shadow di sekeliling template blog ?
let's cekidaut langkah-langkah nya .
semudah kacang dan secantik lassie .
erk ? matikkkkkkkkk ! HA HA HA

errr, cik lassie ?
efek shadow tu macam mane yek ?
ouh ouh , begini . nampak tak keliling blog lassie ade macam hitam acah-acah shadow lahh tu !
dah paham ? bagossss :)

Image

Step 1 :
Dashboard > Design > Edit HTML tekan CTRL+F then find #content-wrapper{

Step 2 : 
 copy code di bawah dan paste di bawah #content-wrapper{

-moz-box-shadow: 0 0 0px black;
-webkit-box-shadow: 0 0 0px black;
box-shadow: 0 0 0px black;
 0px - boleh diubah mengikut ketebalan yang dikehendaki
black - boleh diubah mengikut color pilihann 

Step 3 : 
preview dulu . if dah puas hati . save !
yey ! done .

eh'eh, dah jumpe dah siapa yang rekues kat lassie .  
 @leen_azman ! haha . *alamak malas nak delete yang atas tu lahh .
biarlahh #bajetartis
kbai :D

Saturday, March 12, 2011

Header Ade Status Twitter !

hello sumeeee :)

ade nampak kelainan tak kat my header ? tak nampak ? aiyooooooo ! ade status twitter di header ! yey ! finally ! HA HA HA . act kan , mula-mula lassie tak rase nak buat pom header ade status twitter tu tapi disebabkan sekarang lassie sudah hampir menjadi #tahitwitter . haruslah ade tukar header ade status . baru lah followers lassie tawu dengan perkembangan lassie macam mane kan ? okey ! ayat artis sudah keluar :P

Image
tweeet tweet :D

anyway terimas kasih sangat untuk ynn yam  bagi link tutorial . OMK ! seriusly agak tertekan nak buatnya  tawu ! tsk T_____T tapi jikalau disuruh kire kekuatan link dalam beam, lassie lagi rela buat header ade status twitter tu ! see ? maksudnye di sini , takde lah susah pom . cume agak tertekan jep lahhh . ape berbelit ayat aku ini ! eh'eh , so kamon mari buat header macam lassie ! errrr, maksud tersiratnye kamon follow twitter lassie ! wek :P
    Image
    follow me k :D
    * saje nak tayang background cantek . HA HA HA

    kbai. selamat hari sabtu ^-^

    credit : tuto


      Tuesday, January 11, 2011

      Tutorial : Macam Mana Nak Pasang Widget Animated Recent Post ?

      hello sume 
      wooooot wooooot
      mode kali ini bertukar pulakk kepada mode tutorial .
      bertukar2 macam ape dahhh . hakhakhakhak .
      oke terus ke tujuan asal !

      ape itu Animated Recent Post ? tawu dak?
      hah ! yang macam yang kat bawah ni
      slide entry yang baru akan bergerak-gerak 
      dari atas ke bawah
      kewl otey widget ni ! :D
      Image

       macam mana nak pasang widget animated recent post di blogger ?
      let's cekdaut !
       
       Step 1 
       Log in blog => Design => Page Elements => Add A Gadget => HTML/Javascript .

      Step 2
      Copy Paste Code di bawah di ruangan HTML/Javascript .


      <center><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
      <style type="text/css" media="screen">
      <!--

      #spylist {
      overflow:hidden;
      margin-top:5px;
      padding:0px 0px;
      height:350px;
      }
      #spylist ul{
      width:220px;
      overflow:hidden;
      list-style-type: none;
      padding: 0px 0px;
      margin:0px 0px;
      }
      #spylist li {
      width:208px;
      padding: 5px 5px;
      margin:0px 0px 5px 0px;
      list-style-type:none;
      float:none;
      height:70px;
      overflow: hidden;
      background:#fff repeat-x;
      border:1px solid #ddd;
      }

      #spylist li a {
      text-decoration:none;
      color:#4B545B;
      font-size:11px;
      height:18px;
      overflow:hidden;
      margin:0px 0px;
      padding:0px 0px 2px 0px;
      }
      #spylist li img {
      float:left;
      margin-right:5px;
      background:#EFEFEF;
      border:0;
      }
      .spydate{
      overflow:hidden;
      font-size:10px;
      color:#0284C2;
      padding:2px 0px;
      margin:1px 0px 0px 0px;
      height:15px;
      font-family:Tahoma,Arial,verdana, sans-serif;
      }

      .spycomment{
      overflow:hidden;
      font-family:Tahoma,Arial,verdana, sans-serif;
      font-size:10px;
      color:#262B2F;
      padding:0px 0px;
      margin:0px 0px;
      }

      -->
      </style>
      <script language='javascript'>

      imgr = new Array();
      imgr[0] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
      imgr[1] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
      imgr[2] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
      imgr[3] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
      imgr[4] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
      showRandomImg = true;
      boxwidth = 255;
      cellspacing = 6;
      borderColor = "#232c35";
      bgTD = "#000000";
      thumbwidth = 70;
      thumbheight = 70;
      fntsize = 12;
      acolor = "#666";
      aBold = true;
      icon = " ";
      text = "comments";
      showPostDate = true;
      summaryPost = 40;
      summaryFontsize = 10;
      summaryColor = "#666";
      icon2 = " ";
      numposts = 10;
      home_page = "http://URL BLOG.blogspot.com/";
      limitspy=4
      intervalspy=4000
      </script>

      <div id="spylist">
      <script src='https://sites.google.com/site/unwanted86/javascript/animatedrecentpost.js' type='text/javascript'></script>
      </div>
      </center>
      <small><a href="http://tutorialuntukblog.blogspot.com/2010/08/animated-recent-post-widget.html" target="_blank">get this widget here</a></small>

       jangan lupe gantikan http://URL BLOG.blogspot.com/ dengan url uolls k ?
      kemudian save ! siap ! wink ^_^



      * * *

      yang ini pulak di rekues oleh syera

      Image

      oke sayam ! ini carenye :)
      cari bahagian codes seperti di bawah ini 

       codes untuk date
      .spydate{
      overflow:hidden;
      font-size:10px;
      color:#0284C2;
      padding:2px 0px;
      margin:1px 0px 0px 0px;
      height:15px;
      font-family:Tahoma,Arial,verdana, sans-serif;
      }
       codes untuk comment
      .spycomment{
      overflow:hidden;
      font-family:Tahoma,Arial,verdana, sans-serif;
      font-size:10px;
      color:#262B2F;
      padding:0px 0px;
      margin:0px 0px;
      }

      font-size:10px;
      tukarkan kepada font-size:0px;

       
      UPDATED !

      bagi yang tukar color tajuk tu .  
      contoh : pink ( sila rujuk gambargajah di atas )
      hanya perlu tukar codes color seperti di bawah yek ! weee ~
      #spylist li a {
      text-decoration:none;
      color:#4B545B;
      font-size:11px;
      height:18px;
      overflow:hidden;
      margin:0px 0px;
      padding:0px 0px 2px 0px;
      }
      oke done !
      okey lahh babai :)

      credit : here
      Image

      Saturday, January 01, 2011

      Jom Timbang Berat Blog ?

      hello sume :)

      entry pertame di tahun baru . anyway happy new year uolsss ! wink2 . ^_^ . eh'eh . cerita tentang new year kite postponed hari esok boley tak ? sebab ini adelah entry tutorial . lagipun ini merupakan entry pendek . malas den nak bebel panjang3 ! wek :P

      so tanpe melengahkan mase jom  timbang berat blog kite ? kau gile ke lassie ? nak letak lappy@pc atas penimbang ker ? bukan lahh sayam . di sini bermaksud  berat blog itu ialah  jangka mase untuk sesuatu blog itu loading . di sini nak memaklumkan penting otey timbang berat blog ni . penting untuk ape ? yelaw , kalau blog kite berat secara obesiti dan kemudian ade pelawat2 yang menggunakan berukband yang mengalahkan beruk lambat tenetnye maka di situ terdapat kesukaran untuk melawat serta m'loading blog kite . aduiiii .  ape ayat berbelit ni ? pening peninggggg !

      alahh, senang cite kalau blog kite lembap nak loading , orang tak nak masuk lahhh . hah paham ? oke good ! HAHAHAHA . dah jom timbang jom, letak url korang kat bawah ni . cepatttttttttttt ~ :P

      Your domain(s): Enter each address on a new line (Maximum 10)




      (eg. iwebtool.com)





      Powered by iWEBTOOL

      amacam ? sudah timbang ? berapa ? hah ?! size 293.93kb ? hamboooi , obesiti sudah tu . sure ade kencing manis . jage-jage jangan sampai kena potong kaki . wakakakaka ! takdelah bergurau saje . btw kalau size sesuatu blog itu melebihi 100kb, blog itu boleyh dikatekan agak berat . eh'eh load time itu depends kelajuan jalur lebar korang . size tu yang penting otey ?

      kalau size blog tu dah lebih 100kb . cepat-cepat suruh blog tu diet sikit . dan juga jangan letak widget yang tak berapa nak penting . nanti kalau dah ringan , baru lahh ramai datang ngorat (melawat) blog korang ! wink2 ^_^

      kate entry pendek ? haha . tak boley nak berhenti pulak menaip . wek ! ;p . okey lah bye2x . nak tidur . mimpi indahhhh -.-

      // size blog lassie pun ngam2 jep sebenarnye . nak kena diet T_____T
      Image

      Saturday, December 04, 2010

      Macam mana nak pasang Floating Button di sisi blog ? #Part 3


      hello sume ;)
      yey !  macam mana nak pasang Floating Button di sisi blog ?
      part 3 otey ? hamboooi, kemain oveer .
      wek :P
      ramai yang rekues kat lassie awww 
      rekues mahukan codes buttons sosial networks yang lain-lain
      example ; tumblr , formspring etc.
      yahh . before ni lassie bagi codes button amat limited 
      so soryy k sayaaang :')

      Image

      oke now .  
      lassie bagi link untuk dapatkan gambar button sosial networks yang menarik


      di situ banyak terdapat himpunan jenis buttons sosial networks
      berbagai jenis otey ?
      dan jika kamu berminat , kamu boley download .
      kemudian upload gambar-gambar button tersebut 
      untuk dapatkan url gambarnya
      ( photobucket etc. )
      dah dapat url ?
      kamu boley ikut step seperti tutor part 1 :)
       iaitu hanye gantikan url di bahagian ini

      <img border="0" src="url gambar buttons sosial networks" />

      k done sayangg . 
      simple kan ?

      tapi kalau tak berpuas hati atau
      takde berminat dengan jenis buttons di link yang lassie bagi tu .
      kamu boley google sendiri k sayaang. 
      jangan rambang mate sudahh otey ?
      k byebye !


      //kemain formal tutor kali ni :P

      #Part 1 
      #Part 2
      Image

      Wednesday, November 03, 2010

      Tutorial : How to Disable Right Click in Blogspot ?


      hello sume :)
      tutorial ini telah direkues oleh cik dasya 
      harap beliau suke even agak lambat bertindak
      hee ~ biase lerh orang berkerjaye !
      haktuih ! HAHA LOL ^-^

      Image

      disable right click ? 
       atau dalam bahasa ibunda ialah lumpuhkan klik kanan ? 
      HAHAHA wek :P
      oke tak nak merepek tak tentu hala .
      let's cekidaut how to disable right click in blogspot ?
      ade 3 kaedah oke ? lalalalala ~


      KAEDAH PERTAMA

      Step 1 : Dashboard > Layout > Edit HTML tekan CTRL+F then find <body>
      Step 2 : replace <body> kepada <body oncontextmenu="return false;">
      Step 3 : preview dulu . if dah puas hati . save :)


      KAEDAH KEDUA

      Step 1 : Go to Dashboard > Design > Add Gadget > HTML / JavaScript
      Step 2 : Copy the following code and paste it there .

      <script language="JavaScript">
      <!--

      //Disable right mouse click Script
      //By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
      //For full source code, visit http://www.dynamicdrive.com

      var message="Function Disabled!";

      ///////////////////////////////////
      function clickIE4(){
      if (event.button==2){
      alert(message);
      return false;
      }
      }

      function clickNS4(e){
      if (document.layers||document.getElementById&&!document.all){
      if (e.which==2||e.which==3){
      alert(message);
      return false;
      }
      }
      }

      if (document.layers){
      document.captureEvents(Event.MOUSEDOWN);
      document.onmousedown=clickNS4;
      }
      else if (document.all&&!document.getElementById){
      document.onmousedown=clickIE4;
      }

      document.oncontextmenu=new Function("alert(message);return false")

      // -->
      </script>
      Step 3 : dah paste then save . 
      note; Function Disabled! boleh di tukar mengikut words kamu sendiri


      KAEDAH KETIGA

      Step 1 : Dashboard > Layout > Edit HTML tekan CTRL+F then find <head>.
       Step 2 : Copy the following code and paste it below <head>.

      <script type="text/javascript">
      //form tags to omit in NS6+:
      //http://eking.in
      var omitformtags=["input", "textarea", "select"]


      omitformtags=omitformtags.join("|")


      function disableselect(e){
      if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1)
      return false
      }


      function reEnable(){
      return true
      }


      if (typeof document.onselectstart!="undefined")
      document.onselectstart=new Function ("return false")
      else{
      document.onmousedown=disableselect
      document.onmouseup=reEnable
      }


      </script>
       Step 3 : preview dulu . if menjadi . save :)


      * * *

      oke ! finish ~
      ape beza kaedah ketiga-tiga ni ?
      kire tahap kedekut larh .
      HAHAHA . joke jep sayaaaaang :P
      k bye-bye !

      credit ; here l here
      Image

      Thursday, October 28, 2010

      Tutorial : How To Put Signature Under Blogger Post ?


      hello sume :D
      ambil mase yang lame untuk buat tuto ni aw .
      sian dak tecik saya ni aw . sory awww . :P
      how to put signature  under blogger post ?
      oke . gini carenye . HAHA

      Step 1
       create signature korang sendiri :

      - nak edit sendiri pakai photoscape ke , piknik ke , photoshop whatever you like
      - pegi terus link http://www.mylivesignature.com/ , create dari sane
      - atau , korang hanya mahu taip seperti biase sahaja ( kes malas ! HAHA )

      Step 2
      kemudian korang pegi
      Dashboard -> Settings -> Formatting
      then pegi ke post template

      Image

      ade ruangan kosong?
      korang copy paste url image signature korang kat situ
      kalau nak taip pun boley , ikut creaviti korang oke ?
      ( url image ; dari photobucket atau etc )

      Step 3
      dah save kan ?
      k done :)

      Image
      - no edit -
      saje nak letak gambar 
      kasik korang puji ( kutuk ! )
      HAHAHAHAHA :P

      UPDATED : jangan gunakan mylivesignature . sila rujuk sinie !
      Image

      Wednesday, October 06, 2010

      Macam Mane Nak Apply Button LIKE Friend/Fanpage di Blogspot ?


      hello sume :)
      tutor ini direkues oleh cik mallow
      dengan semangat berkobar2
      lassie terus membuat tutor ni ^-^
      mood blogging tengah datang menggila pulak ! HAHAHA
      oke oke fokus . 
      macam nak apply button like friend/fanpage di blogspot ?
      di sini carenye . let's cekidaut :)

      Step 1
      pergi ke friend/fanpage

      Step 2
      clik edit page 
      then klik promote with a like box

      Image

      Step 3
      klik like box
      Image
       facebook page url ; 
      url friend/fanpage korang 
      width ; 
      depends korang oke ?
      ekot kesesuaian template :)
      connections ; 
      berapa banyak nak tunjuk profile kat like box tu 
      show stream ;
      sama ade nk tunjuk post yang korang pulish di friend/fanpage
      just tick if nak atau tak nak oke ?
      header ;
      header is header lerh . 
      tak pandai loh nak explain ni :(
      get code ;
      if dah berpuas hati bru klik ! :D

      Image
      tapi kalau nak button seperti ini
      just follow dalam gambar itu oke ?
      hanya adjust width :)

      Step 4
      dah dapat code kan ? kan ?
      kemudiaaaan
       Design => Page Elements => Add A Gadget => HTML/Javascript
      paste di situ :)
      k done !

      credit ; ieyra ( sanggup text i ajar benda ni T_T )
      Image

      Sunday, August 22, 2010

      Macam Mana Nak Design Blog Jadi Cantik ? Macam Saya Punya ? *PERASAN !


      hello sume :)
      perasan sangat tak tajuk tu ? annoying ? ouh i like o.O just joke k . HAHAHAHA. act ade someone mintak lassie ajarkan macam mana nak design blog like my baby bloggy .  ( yang simple aja loh ) sumpah kowt , lassie tak tahu nak explain macam mane . yup ! lassie memang tak bley jadi pengajar yang baik . wek ! :P .

      fer my basic layout , lassie amek template di ;  http://www.yummylolly.com/

      then baru lassie edit dari template yang lassie da apply . yup betul kate my girlfriend , huda hudhud . kate kunci untuk design blog sendiri adalah rajen . rajen tuk godek2 codes yang boleh menjulingkan mate sendiri . HAHAHAHAHAHA .  then kalau rasa-rasa dah hilang arah . tanye lerh yang lebih arif . tak payah malu k . mungkin pertanyaan tu akan akan direply atau vice versa . itu perkara biasa :)

      k , lassie tak tawu nak explain ape lagi . HAHAHAHA . if yu want more , bley pegi kat huda hudhud's blog . beliau pun ade explain macam mana nak design blog sendiri . k . bye ! have a nice day . smile ! :)

         ♥ useful link fer design ur own blog 
       
      Image

      Saturday, August 21, 2010

      How To Customize Blogger's Followers Widget ?


      hello sume ;)
      tutor ini khas untuk cik tiqa
      sudah lame beliau tanye ini kat lassie . sory ea late ^-^
       oke . macam mane nak change the followers gadget font color ?
      untuk match dengan blog kite . atau nak tukar colour yang lebih meriah .?
      lets cekidaut . HAHA

      Step 1
      Dashboard > Design > Page Elements 
      find ur Followers Widget

      Step 2
      klik edit then akan keluar seperti ini
      Image
      untuk cik tiqa .
      kamu tanye lassie camne nak tukar font color num of followers rite ?
      k, kamu just tukar color di bahagian content headlines .
      tukar color yang match dengan ur blog :) 

      step 3
      then . if da puas hati pilih color .
      klik save . preview .
      done :)

      Image

      Monday, August 16, 2010

      Tutorial : Mana Nak Letak Icon di Labels dan Links di Sidebar ?


      hello sume :)
      icon di labels atau links ?
      apakah itu ? nak tawu ape ?
      cube tengok di my sidebar , yang ade bunge kecik gerak2 .
      itu larh jawapannye . HAHAHAHAHAHA . k stop merepek .
      tadi  my girlfriend ade tanye mcm mane nak letak code icon tu
      then dari mane i dapat icon cute tu . act i just Google lorh . T__T 
      n noe i nak kongsi mcm mane nak letak code ni dengan beliau .
      eh'eh , dengan ANDA gak :)
      let's cekidaut


      Step 1
      Dashboard > Layout > Edit HTML tekan CTRL+F 
      cari codes seperti di bawah
      .sidebar ul {
      list-style:none;
      margin:0 0 0;
      padding:0 0 0;
      }
      .sidebar li {
      margin:0;
      padding-top:0;
      padding-$endSide:0;
      padding-bottom:.25em;
      padding-$startSide:15px;
      text-indent:-15px;
      line-height:1.5em;
      }
      Step 2
      padam kesemua codes di atas ,
      kemudian gantikan dengan codes dibawah ini
      .sidebar ul {
      list-style:none;
      margin:0 0 0;
      padding:10px 0 0;
      }
      .sidebar ul li {
      background:url("URL ICON/IMAGE KORG") no-repeat 2px .25em;
      margin:0;
      padding:0 0 3px 16px;
      margin-bottom:2px;
      text-indent:7px;
      line-height:1.3em;
      }
      Step 3
      preview then save .
      k done syg !
      smile :)
      note :
      • tutorial is made in Minima Blogger template, your code may be a little different, but the idea is the same (just find the ".sidebar ul" and ".sidebar li" , and replace them with code above)
      • these settings doesn't apply for "Archive" widget
      • "text-indent:7px;" - you can change the distance between text and icon with this (change 7 into higher to increase distance)
      • "line-height:1.3em;" - change the vertical space (line height) between links
      • you can add some borders (line) between individual links (border-bottom:1px solid $bordercolor;)
      • maaf, malas nk translate . copy paste jep ni . HAHAHAHA 
        credit ; here

        Image

        Sunday, August 15, 2010

        Tutorial : Macam Mana Nak Tukar Background di Blogspot ?

        hello sume :)
        seseorang telah rekues kat lassie mana mane nak tukar background . 
        tapi die rekues nak tukar backround gune template designer .

        Image

        sudah lame kan die rekues ? dari bulan julai lagi aw .
        teruk tol si lassie ni . kalau nak orang nak beranak , da beranak dah aw !
        HAHAHAHA . act tak perasaan , ingatkan da buat .
        rupenye belum . maaf yany . heee ~

        Image
        tapi kan ?  kan ? kan ?
        act lassie tak bape pandai nak tukar background pakai template designer tuh .
        sebab kat lassie punye takde kelua ape2 seperti kat atas tu . *berbelit2
        HAHAHAHAHAHAHA
        but its oke , lassie buat gak tutorial but under edit html ler. harap tak kesah .
        now let's cekidaut :)


        Step 1  
         Dashboard > Layout > Edit HTML tekan CTRL+F
        then find body { 

        Step 2
        jumpe coding ni  ?
        body {
        background:color #FFFFFF
        margin:0;
        text-align:center;
        line-height: 1.5em;
        font: x-small Trebuchet MS, Verdana, Arial, Sans-serif;
        color:$mainTextColor;
        font-size/* */:/**/small;font-size: /**/small;
        }

        then tukar dengan ini 
        body {
        background:url("URL image korg !")repeat;
        margin:0;
        text-align:center;
        line-height: 1.5em;
        font: x-small Trebuchet MS, Verdana, Arial, Sans-serif;
        color:$mainTextColor;
        font-size/* */:/**/small;font-size: /**/small;
        }
        Step 3
        preview then save 

        Step 4
        k done syg :)
        credit ; Farah Nasuha :)
        Image

        Saturday, July 17, 2010

        Macam mana nak pasang Floating Button di sisi blog ? #Part 2

        hello sume :)
        HAHAHAHA *motif gelak ?
        sesaje nak buat ceria di sabtu yang indah di office yang sunyi ini .
        oke oke . balik pada tajuk .
        last entry lassie ade wat tutorial floating button 
        tapi ade tertinggal satu button kan ?
        iaitu button myspace .
        mintak ampun ibu ibu bapak bapak .
        enggak perasaan button itu tiada .
        then di sini lassie bagi button myspace nya oke :)

        <a class="linkopacity" href="http://www.myspace.com/akaun myspace anda" target="_blank" rel="nofollow" title="myspace" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://i802.photobucket.com/albums/yy304/cybernetic88/myspace.png" /></a><br />

         hanya perlu tambah button ini sebelum code </div> tau :)
        preview dulu baru save . 
        kalau tak nak button banyak-banyak boleh buang .
        macam lassie hanya letak tiga button jep :)
        likeeee . HAHAHA

        credit ; cybernetic88 ( icon button )

        # Part 1  
        # Part 3
        Image

        Thursday, July 15, 2010

        Macam mana nak pasang Floating Button di sisi blog ? #Part 1

         hello sume :)
        ade seseorang rekues lassie tutorial ini .
        tetapi tidak dapat dikesan link nya :(

        Image

        to cik peanut ; sory lambat buat tuto ini .
        hidup agak sibuk . * alasan HAHAHA
        k k focus .
        cara nak pasang floating button di sidebar blog ?
        let's cekidaut this step 
        :D

         Step 1 
         Log in blog => Design => Page Elements => Add A Gadget => HTML/Javascript .

        Step 2
        Copy Paste Code di bawah di ruangan HTML/Javascript .

        <style type='text/css'>
        a.linkopacity img {
        filter:alpha(opacity=50);
        -moz-opacity: 0.5;
        opacity: 0.5;
        -khtml-opacity: 0.5;}

        a.linkopacity:hover img {
        filter:alpha(opacity=100);
        -moz-opacity: 1.0;
        opacity: 1.0;
        -khtml-opacity: 1.0; }
        </style>

        <div style='display:scroll; position:fixed; top:240px; right:-12px;'>

        <a class='linkopacity' href='http://gengblogger.com/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='gengblogger'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzkCmHe47Yh0MIMk6BE5RSUmHD3cIsz1VWwyzXWEpy1ELhLfZq2YMdVrsmNPPcJYRrEn4SF_kCXRTYXvS59csqtueMSGj8ZQCJAMJosx8VC6z97J1rOp4v-lrrKWBAullrM0CAcxcED-pn/s320/icongb.PNG" /></a><br />

        <a class='linkopacity' href='http://facebook.com/akaun facebook anda/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAdtB9vUvjzApzeRsIJy6gDFiy8pI156xVp9u5ngIg-B3-jyzch3qa5YTHke2awXGNOZCLPxFSho3lEezJe9www6F6slmDAyRYF72_SCngwtmnaiPhF9BVzyjXwubV5wjguJDc1i4SlR0c/s320/facebook.png" /></a><br />

        <a class='linkopacity' href='http://twitter.com/akaun twitter anda/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxXNmexmbdlhYXS_mXE5avPOgTE9KfDdJIv3TtwLV8e6FWF4KUsIv8P8JATmuoUCEl7qPm4zK6TWxnhiRk03lzIneQ7ylCnpOYLqA9wD6-5DfJ92f-pn53ohzmLEE6Wt6X1QNLtHg1_H7X/s320/twitter.png" /></a><br />

        <a class='linkopacity' href='http://maribinablog.blogspot.com/feed blog' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='feed'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixFMxnNpV3o-68SpJ35hwCguVvSPWUh0z1j1hzjs3xrdpsIRMKs3LWqyFJP-Oc_J5MJ8eLoqXfwwtRLTYTheEYjLcTo0SKk_C18w6hKMQNfDuH88HsGV07CJpBk8XE91ZGHL6ofz5Vcoxr/s320/feedblogger.png" /></a><br />

        <a class='linkopacity' href='http://feedburner.com/akaun feedburner anda/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='feedburner'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY9rAidxGoZ8CR4nnNv3UGc8kgqe7BlDF9luyOFV71oY-KbRbuV2xVGwNDEmCZRBILLS9TtyuCKDBKK1mLowQk4oV4-30zE30DLv4vKWacAVo-NcFCUtC4MQrZ-LnIMD99YZ2DoxV1ZVxo/s320/feedburner.png" /></a><br />

        <a class='linkopacity' href='http://youtube.com/akaun youtube anda/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='youtube'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgq4AHqxZbnEJ2KLguh7AiINZEpsqvE6rmaOopWncZ-IvOHJ6KVp99ylRmtxpWSrmiYiOkjW5LtayFV3wC6UD1sGs_PMpvQfTDxv6VjsOjT6neEmU1VvnJC-ggWWNB_OvNBR1xgC7cL8wxN/s320/youtube.png" /></a><br />

        <a class='linkopacity' href='http://flickr.com/akaun flickr anda/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='flickr'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx2ovT2UFP_N5WwceK66FVvqUocPOy0QiPQ_k7cKLS9mfDIRvSCvonht93vPyyCLdBUMicf9j1J3lh-oYuvRxYX5QpFB4gWN0CJ70LL2zmi1wm8RT1WOveEZvp7NNUXbUWhOx_Ik4LEjGk/s320/flickr.png" /></a><br />

        </div>

        Step 3
        preview then save 

        Step 4
        k done syg :)


        credit : here

        # Part 2
        # Part 3 Image

        Thursday, May 27, 2010

        Macam mana nak letak butang LIKE facebook di blogspot ?? (UPDATED)

        hello sume :)
        i'm back . HAHA .
        act ta bpe sehat ag .
        dunno why lerh guys~ 
        everymonth msty demam :(
        aiyax ! 

        oke oke focus focus ~
        well again .
         tutorial button like tuh tak menjadi  .
        isk ~ sdeyh woo .
        but !
        dunt worry be happy .
        lassie bg link terus ke page sifu-sifu kite .
        klik ajep k .



        give some credit to them k .
        n me too :P
        HAHAHA .
        have fun 
        muax :)
        Image
         


        Power by Blogger