Selasa, 30 Juni 2009
NOT ONLY DANCE BUT INDIA BROADBAND
Senin, 29 Juni 2009
Cenderahati Buat Semua Follower
Namanya Noorashikin Binti Uyub. Tajuk blog TamanLamanku. Mem'famours'kan dirinya dengan nikname Ekino.. Mula2 Ana ingat orang jepun mana sesat masuk blog ni, sekali Melayu la plak Boleh baca profile lengkapnya Disini.
Kenapa Ana rasa nak review blog Ekino ni?
Pertama.. Blognya memang colorfull abis. Dihiasi dengan 3 warna utama, hijau, pink dan putih. Warna yang menyejukkan mataku ini. Ana memang suka blog yang colorfull dan berwarna cerah. Kalau warna gelap mataku akan kabur. Maklumla dah semakin tua ni. Templatenye direka oleh julietANNA.
Terus apa lagi ya.. Ok blog ni boleh dikategorikan sebagai blog peribadila. Nak tau lebih pila sana na.. Ekino.
Ok yang last. Ape kurengnya.. Blog ni ade pasang soundtrack. Ini hanya pandangan Ana. Lagu pada blog hanya akan buatkan pengunjung lari, termasuk Ana sendiri. Ana suka buka banyak blog dalam satu masa, pakai speaker luar pulak tu, mana blog yang bernyanyian tu mesti Ana close tanpa sempat baca. Tak jadi nak jalan2. Bayangkan kalau 5 blog dengan lagu masing2. boleh pusing kan. hehe.. Ini hanya pandangan, kalau tuan blog selesa dengan semua tu, terpulangla kan, dah memang blog die.
Sampai sini saja. Antum boleh kunjung ke blog Ekino untuk melihat secara life. Ok.. ni gift untuk semua Follower Ana. Harap sudi terima. Ini hasil photoshop dalam keadaan kelam kabut. Sekodar jela ek. Tapi kalau memberatkan blog Antum, xpayahla amik yer.
Kamis, 25 Juni 2009
Digital Cameras Buying Guide
Nusantara Game Online Buatan Anak Negeri Pesaing Travian
Rabu, 24 Juni 2009
Cara Membuat Banner Di Blog
Ana rasa masih ramai yang tak tahu apekebenda adobe photoshop ni. Memang susah nak jelaskan dan mengajar adobe di ruangan ini. Ana dulu pun bertalaqqi dengan guru2 adobe dari Shoubra berkenaan cara2 asas menggunakan photoshop ni. Sampai sekarang xpandai2 lagi.
Bagi yang sudah ada software photoshop ni, boleh la cari tutorial berkenaan dengannya. Banyak sangat.. Ana cadangkan cari tutorial dari youtube kerana mudah difahami lebih jelas melalui video. Klik SINI untuk lihat contoh tutorial dari youtube.
Selesai berkenaan adobe. Ana cuba cari laman yang menyediakan layanan membuat banner ni. Jumpa la satu dan ini Ana rasa yang terbaik. Antum boleh cuba membuat sebarang banner dengan ukuran pelbagai di Banner Fans ini. Harap dapat membantu.
Untuk menghasilkan Button rujuk SINI
Wallahua'lam.
Selasa, 23 Juni 2009
Disable Sesetengah Komen Pada Post
Ok caranya yang tersangat mudah. Pada ruangan post editor, klik Post Option. Sebaris je dengan ruangan menulis label. Boleh lihat screenshoot dibawah.
Pilih Don't allow untuk disable. Show existing tu tuk paparkan komen2 yang dah ade. Kalau xnak paparkan semuanya klik yang bawah sekali. Ok... Siap
Minggu, 21 Juni 2009
Dua Perampok Bersaudara 'Dibekuk' Google
Mengubah Saiz Lebar Colom
Ok kekadang ade template cantik yang kita guna tapi saiz colom tidak memuaskan hati kita. Untuk itu, lihat caranya. Ini kod bagi colom di blog yang tersedia pada template Minima.
#header-wrapper {
width:900px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}
#outer-wrapper {
width: 900px;
margin:0 auto;
padding:10px;
text-align:justify;
font: $bodyfont;
}
#main-wrapper {
width: 435px;
margin-left: 20px;
margin-right: 20px;
float: left;
}
#sidebar-wrapper {
width: 220px;
float: right;
}
#newsidebar-wrapper {
width: 200px;
float: left;
}
#footer-wrapper {
width: 900px;
margin:0 auto;
padding:10px;
text-align:justify;
font: $bodyfont;
}
Kod2 merah adalah lebar setiap colom tersebut. Ana terangkan lebih lanjut. Bersedia untuk pening..
1. Pertama, kod header dan outer ini.
#header-wrapper {
width:900px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}
#outer-wrapper {
width: 900px;
margin:0 auto;
padding:10px;
font: $bodyfont;
}
Ok sekarang size header kita adalah 900px. Juga saiz outer. Outer ni kita xnampak sebenarnya. Die ni kotak yang merangkumi main wrapper dan sidebar. Jika kita ingin mengubah lebar header, outer juga wajib diubah. Biasanya saiz kedua ni mesti sama.
2. Seterusnya pada bahagian Main Wrapper dan Sidebar. Ana gabungkan keduanya untuk mudah difahami.
#main-wrapper {
width: 435px;
margin-left: 20px;
margin-right: 20px;
float: left;
}
#sidebar-wrapper {
width: 220px;
float: right;
}
#newsidebar-wrapper {
width: 200px;
float: left;
}
Main wrapper ni adalah kotak untuk posting kita. Dengan saiz 435. Sidebar adalah kotak samada dikiri atau kanan. Jika kita mahu mengubah saiz sidebar, maka saiz main wrap juga mesti diubah.
Contoh: Dengan lebar header dan outer 900px. kita ingin membesarkan colom main/posting dengan 520px. Maka kita mesti mengecilkan saiz sidebar sedia ada kepada 150px atau bla bla.. Begitu juga sebaliknya. Jika sidebar dibesarkan, maka saiz main/post mesti ditambah nilainya. Penatnye nak wat teori ni..
Begitula pada mana2 bahagian pun. Harap xpening lagi.
Tambahan: kod margin. Adalah kod untuk jarak satu colom dengan yg lain. Boleh diubah begini.
margin:10px; (jarak kiri kanan atas bawah adalah 10px)
margin-left:5px; (jarak kiri saja 5px)
margin-right:5px; (jarak kanan saja 5px)
margin-top:5px; (jarak atas saja 5px)
margin-bottom:5px; (jarak bawah saja 5px)
Sekian unutuk kali ini.. Selamat Mencuba..
Sabtu, 20 Juni 2009
Online File Storage For Your iPhone
Kamis, 18 Juni 2009
Data Recovery Group Is The Best Data Recovery Services
Samsung Rilis Memori 32GB DDR3 Pertama di Dunia
Minggu, 14 Juni 2009
Ubahsuai Penampilan Cbox Anda
1. Ok perkara pertama yang perlu kita utamakan adalah warna Cbox kita. Kalau boleh kasi masyuk dengan warna template kita. Banyak yang Ana jumpa masih menggunakan warna default, blue classic! Ok untuk tukar warna klik Look & Feel => Edit Style pada akaun Cbox Antum. Cuba suaikan warna cbox Antum dibahagian ini.
Dah berpuas hati klik butang Apply dan siap.
2. Seterusnya menggantikan Smiley sedia ada dengan yang lebih menarik.
Klik Options => Smilies. Delete smilies yang lama tu kalau xminat. pastu ganti dengan link yang baru. Untuk smilies YM9 guna link ini. Cuma tukar nombornya saja untuk smilies yg lain.
http://i302.photobucket.com/albums/nn113/aburifaie/smiley/1.gif
Lihat Contoh Ini:
Klik new row untuk menambah smilies. Jangan lupa disimpan (save) jika sudah selesai menambah link dan kodnya.
3. Trik berikut ini adalah cara untuk memendekkan link url yg diisi pada Cbox.Cth: [link], [Email]. Kalau pada Shoutmix akan diset secara auto. Tapi tidak pada Cbox.
Klik Options => Posting Options.
Pada bahagian Message Options, klik On(Short Link) pada Autolinking.
Klik butang Save jika selesai.
4. Ok Trik terakhir untuk kali ini ialah untuk menambah text atau gambar pada Cbox. Tengok Cbox Ana. Ade ditambah dengan flash. Mungkin disini ada yang keliru. Harap dapat faham. Buka kod Cbox Antum yang ada di blog.
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<tr>
<td align="center">
<img style="border-top:#F804FF 1px solid;border-left:#F804FF 1px solid;border-right:#F804FF 1px solid" width="320" src="http://i302.photobucket.com/albums/nn11213/aburifaie/pesan-11.gif"/>
</td>
</tr>
<tr>
<td align="center">
<div><iframe frameborder="0" marginheight="2" marginwidth="2" height="250" src="http://www2.cbox.ws/box/?boxid=184583126&boxtag=2765&sec=main" id="cboxmain" scrolling="auto" style="border:#F804FF 1px solid;" width="320" allowtransparency="yes" name="cboxmain"></iframe></div>
<tr>
<td align="center">
<img style="border-left:#F804FF 1px solid;border-right:#F804FF 1px solid" width="320" src="http://i302.photobucket.com/albums/nn11453/aburifaie/slidbox.gif"/>
</td>
</tr>
<tr>
<td align="center">
<div><iframe frameborder="0" marginheight="2" marginwidth="2" height="78" src="http://www2.cbox.ws/box/?boxid=188345126&boxtag=2765&sec=form" id="cboxform" scrolling="no" style="border:#F804FF 1px solid;border-top:1px solid #F804FF" width="320" allowtransparency="yes" name="cboxform"></iframe></div>
</td></tr></td></tr></div>
<!-- END CBOX --><br/>
Kod2 merah adalah yang akan ditambah tuk diisi dengan gambar atau flash. Antum cuma gantikan Link bewarna biru saja.. Ana harap Antum dapat tokok tambah sendiri. Trik ni sesuai bagi Antum yang sudah memahami kod2 html. Bagi newbie boleh wat slow2.
OK..Harap Membantu...
Memasang Label Berbentuk Awan
1. Loggin ke blogger => Layout => Edit HTML dan cari kode ]]></b:skin> kemudian tambahkan kode dibawah tepat diatasnya.
/* Label Cloud Styles
----------------------------------------------- */
#labelCloud {text-align:center;font-family:arial,sans-serif;}
#labelCloud .label-cloud li{display:inline;background-image:none
!important;padding:0 5px;margin:0;vertical-align:baseline
!important;border:0 !important;}
#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
#labelCloud a img{border:0;display:inline;margin:0 0 0
3px;padding:0}
#labelCloud a{text-decoration:none}
#labelCloud a:hover{text-decoration:underline}
#labelCloud li a{}
#labelCloud .label-cloud {}
#labelCloud .label-count
{padding-left:0.2em;font-size:9px;color:#000}
#labelCloud .label-cloud li:before{content:"" !important}
2. Seterusnya cari kode </head> dan tambahkan kode berikut diatasnya.
<script type='text/javascript'>
// Label Cloud User Variables
var cloudMin = 1;
var maxFontSize = 20;
var maxColor = [0,0,255];
var minFontSize = 10;
var minColor = [0,0,0];
var lcShowCount = false;
</script>
3. Gantikan kode warna tulisan yang telah dimerahkan mengikut kesesuaian blog Antum. Kode RGB DiSINI.
4. Kemudian cari kode dibawah. Tulisan merah bergantung pada tajuk label Antum.
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>
5. Gantikan kode diatas dengan yang dibawah ni yer..
<b:widget id='Label1' locked='false' title='Label Cloud' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='labelCloud'/>
<script type='text/javascript'>
// Don't change anything past this point -----------------
// Cloud function s() ripped from del.icio.us
function s(a,b,i,x){
if(a>b){
var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m)
}
else{
var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a)
}
return v
}
var c=[];
var labelCount = new Array();
var ts = new Object;
<b:loop values='data:labels' var='label'>
var theName = "<data:label.name/>";
ts[theName] = <data:label.count/>;
</b:loop>
for (t in ts){
if (!labelCount[ts[t]]){
labelCount[ts[t]] = new Array(ts[t])
}
}
var ta=cloudMin-1;
tz = labelCount.length - cloudMin;
lc2 = document.getElementById('labelCloud');
ul = document.createElement('ul');
ul.className = 'label-cloud';
for(var t in ts){
if(ts[t] < cloudMin){
continue;
}
for (var i=0;3 > i;i++) {
c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz)
}
var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz);
li = document.createElement('li');
li.style.fontSize = fs+'px';
li.style.lineHeight = '1';
a = document.createElement('a');
a.title = ts[t]+' Posts in '+t;
a.style.color = 'rgb('+c[0]+','+c[1]+','+c[2]+')';
a.href = '/search/label/'+encodeURIComponent(t);
if (lcShowCount){
span = document.createElement('span');
span.innerHTML = '('+ts[t]+') ';
span.className = 'label-count';
a.appendChild(document.createTextNode(t));
li.appendChild(a);
li.appendChild(span);
}
else {
a.appendChild(document.createTextNode(t));
li.appendChild(a);
}
ul.appendChild(li);
abnk = document.createTextNode(' ');
ul.appendChild(abnk);
}
lc2.appendChild(ul);
</script>
<noscript>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>
</noscript>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
6. Dah siap.. cuba Preview dulu.. berhasil x?? Kalau sudah, save la templatenye yer..
Sumber: http://phydeaux3.blogspot.com/
Kamis, 11 Juni 2009
Iklan / Pesanan Ala2 Navbar
1. Dalam keadaan Loggin. Pada Layout pilih Edit HTML. Tambah kod berikut sebelum ]]></b:skin>.
#mta_bar {background:url(http://i302.photobucket.com/albums/nn113/aburifaie/tabbiru.gif);
border-bottom: 0px solid #808080; margin: 0 0 15px 0; padding: 4px 0; z-index: 100; top: 0; left: 0; width: 100%; height:23px;overflow: auto; position: fixed; }
* html #mta_bar{ /*IE6 hack*/
position: absolute; width: expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px" : body.clientWidth+"px"); }
#mta_bar .left { margin:3px;float: left; text-align: center; font-family: Georgia; font-size: 12px; font-weight: bold; font-style: normal; color: #FFFF66; width:92%;}
#mta_bar .right {margin:3px;font-family: Georgia; float: right; text-align: center; font-weight: normal; font-size: 10px;letter-spacing: 0; width: 30px; white-space: nowrap;}
#mta_bar .right a {font-size: 10px; color: #ffff66; text-decoration: none;}
#mta_bar .right a:hover {font-size: 10px; color: #ffff66; text-decoration: none;}
#left_bar a { text-decoration: none; color: #ffff66; }
#left_bar a:hover { text-decoration: none; color: #ffff66; }
2. Kod merah adalah warna latarbelakang. Lihat DISINI untuk warna lain.
3. Seterusnya tambah kod dibawah sebelum kod </head>.
<script src='http://www.geocities.com/almansuqie/Stript-ad.js' type='text/javascript'/>
4. Akhir sekali tambah kod berikut selepas kod <body>.
<div id='mta_bar'>
<div id='left_bar'><span class='left'><a href='http://www.mozilla.com/en-US/firefox/personal.html' target='_blank'>Sila Gunakan Pelayar Firefox Untuk Paparan Terbaik</a></span></div>
<span class='right' onmouseout='self.status=''' onmouseover='self.status='o-om.com.com';return true;'> <img align='absmiddle' border='0' onClick='closeTopAds();return false;' src='http://i302.photobucket.com/albums/nn113/aburifaie/tutup.gif' style='cursor:hand;cursor:pointer;'/></span></div>
5. Gantikan text merah dengan link dan kalimat Antum sendiri. Untuk text bergerak, tambah kod ini.
Contoh: <marquee>Sila Gunakan Pelayar Firefox Untuk Paparan Terbaik</marquee>
6. Dah siap klik save yer..
Sumber Asli : O-Om
Selasa, 09 Juni 2009
Highlight Script/Kode Pada Postingan
1. Login ke blogger pastu pilih Layout-->Edit HTML
2. Kemudian copy kode dibawah ini dan letakkan sebelum kode ]]></b:skin>
.alert {
background: #DDE4FF;
text-align: left;
padding: 5px 5px 5px 5px;
border: 1px solid #223344;}
Kode yang berwarna merah (#DDE4FF) adalah warna background kotak highlight, Antum tukarla mengikut kesesuaian template Antum.Boleh dapatkan script warna DISINI.
3. Pastu klik butang save yer..
Cara Posting..
Tambahkan kode ini <p class="alert"> sebelum kode/script yang akan dihighlight. kemudian tambahkan kode </p> diakhir script/Kode.
Perhatikan contoh dibawah.
<p class="alert">.alert {
background: #DDE4FF;
text-align: left;
padding: 5px 5px 5px 5px;
border: 1px solid #223344;}</p>
Selamt Mencuba!!
Kamis, 04 Juni 2009
Memasang Auto Read More ( Terbaru)
Read More terbaru ni canggih sikit, kerana pemotongan entry dilakukan secara automatik tanpa perlu memasukkan kod. Dan lagi, Read More ini boleh menampilkan gambar pertama yang ada dalam entri tu diawal entri, walaupun gambar tersebut berada di tengah atau dihujung. Ok tak nak terang banyak2, kita cuba terus.. Ini contoh Auto Readmore yang Ana buat kat satu blog.
Sebelum kita mula, pada yang dah guna Read More sebelum ni, pastikan remove kod2nya terlebih dahulu. Kalau rasa nak pakai Auto Read More ni la. Kalau malas xyahla.
1. Cara Membuat Read More
2. Cara Membuat Read More v2
i. Ok ini caranya. Masuk ke Edit HTML. Tanda pada kotak Expand Widget Template yer.
ii. Tambahkan kod dibawah sebelum kod </head>.
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>
<script src='http://www.geocities.com/almansuqie/autoreadmore.js' type='text/javascript'/>
iii. Keterangan kod diatas. Kod2 merah boleh diubah ikut selera masing2.
var thumbnail_mode = "float"; (Kedudukan gambar thumbnail.("float") disebelah kiri. Kalau xmau ganti dengan ("no-float").
summary_noimg = 250; (Jumlah huruf yang ingin ditampilkan tanpa gambar thumbnail.)
summary_img = 250; (Jumlah huruf yang ingin ditampilkan beserta gambar thumbnail.)
img_thumb_height = 120; (Tinggi Gambar)
img_thumb_width = 120; (Lebar Gambar)
iv. Seterusnya cari kod berikut. Gunakan Ctrl+f untuk lebih cepat.
<data:post.body/>
v. Dah jumpa? Gantikan/Replace dengan kod dibawah.
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
vi. Tulisan READ MORE - diatas boleh diubah. Nak tulis baca lagi ke, ape ke, silakan. Kalau xnak ade tajuk lepas tulisan Read More tu, buang kod ini <data:post.title/>.
vii. Boleh preview dan lihat hasilnya. Kalau dah menjadi klik tombol Save tu.
Selamat Mencuba.
Sumber: o-om.com
Kembali Ke Alamat Asal
Rabu, 03 Juni 2009
Setelah Netbook, Terbitlah Smartbook
Senin, 01 Juni 2009
Trik SMS-an di Komputer
Pasang Star Rating Pada Posting
1. Macam biasa dalam kedaan Loggin. Edit HTML. Tanda pada kotak Expand Widget Template. Cari kod berikut.
<p><data:post.body/></p>
2. Dah jumpa, tambahkan kod berikut tepat dibawahnya.
<b:if cond='data:blog.pageType == "item"'>
<script language='JavaScript'>
var OutbrainPermaLink='Your-Post-Permalink-Here';
var OB_demoMode = false;
var OB_Script = true;
</script>
<script src='http://www.geocities.com/almansuqie/limabintang.js' type='text/javascript'/>
</b:if>
3. Tambahan: Kod <p><data:post.body/></p> kemungkinan sudah berubah atau tiada lagi sekiranya Antum gunakan Read More. Tapi jangan kecewa, cuba cari tulisan Read More tu. Tambahkan kod diatas diakhir kod Read Morenya.
4. Dah siap klik save..