Setting DNS dari NetKL

kebanyakkan blogger sekarang mula celik it..kenapa aku kata macam tuh??..sebagai contoh,ramai blogger sekarang sudah pandai menggunakan domain sendiri untuk blog mereka..memakai custom domain adalah sangat2 bagos bagi blogger tegar kerana dapat meningkatkan rank alexa dan carian dalam seacrh engine seperti google dan yahoo..

so bagi sesiapa yang pernah membeli domain untuk blog sendiri dari NetKL mesti dikenakan bayaran sebanyak rm3 untuk konfigurasi DNS.

jadi disini aku nak bg tutorial untuk sesiapa yang nak jimat rm3 tuh...

1.
bila korang dah bayar dan dah mendapat email..

so korang p kat http://mydomain.netkl.com/customer
login guna login detail yang diberikan dalam email tuh..

2.
korang p kat tab domains dan tekan list of oders dan korang pilih domain korang..
selepas itu korang p kat tab DNS

then korang tekan active DNS...selepas itu korang tekan plak manage DNS


3.
bila korang dah tekan manage DNS, korang akan jumpa gmbar macam nih

so korang pilih A record and tekan add A record..

dan korang masukkan ip ini satu persatu dan save.

216.239.32.21
216.239.34.21
216.239.36.21
216.239.38.21

so dia akan jadi cam nih..

ingat...hanya 4 nih jer yang perlu ada lam kotak tersebut..klu ada yang lain..sila delete..


4.
korang p plak ke tab CNAME records dan add CNAME records

korang tambah "www" dan tambah "ghs.google.com" (sila ikot seperti gambar dibawah)

pastu save..

dah selesai..hahahhahaa...pastu klu nak setting kat blogspot plak..pandai2 la korang cari lam google eh..sbb aku mls nk wat dah tutorial sal setting kat blogspot lak...

p/s: sape2 x paham boleh bertanya dekat niq...then untuk info lanjut pasal setting dns tekan SINI.

p/ss: bagi sesiapa yang baru jer tukar domain..tp x dpt masuk..sila try kaedah ini flush dns using cmd

p/sss : tahniah kepada kyerul sbb dah berjaya memakai domain dot com...wahh..pemes gtu..hahaha.. so sape2 nak tgok bblog dia..boleh la melayari di http://www.kayif.com/

coretan niq : naik cuak gak aku..sbb nih 1st time aku setting dns blogpsot ke domain..hahhaa..mau x jadi..mmpos aku...last2 dpt gak lepas godek2 sendiri..:)

Tips and widget for new blogger

 widget perlu ada lam setiap blog..x kisah la untuk ape pon...so kat sini aku nk bagi sket tips dan widget yang perlu untuk blogger baru...mahupon blogger lama...


Costum title meta tag
- untuk meningkatkan dan memudahkan orang lain mencari blog anda di dalam search engine
Tingkatkan traffic search engine dengan costum title meta tag

Ringankan blog dengan jQuery Lazy Load
-menangguhkan proses loading bagi image yang terdapat pada blog. Efek Lazy load hanya akan berfungsi apabila page di scroll..
 Ringankan blog dengan jQuery Lazy Load

Facebook Like
-facebook adalah laman sosial yang paling mendapat sambutan di alam maya..so anda boleh menggunakan plugin like button untuk mengetahu berapa pembaca yang menyukai entry anda
Add Facebook Like button to Blogger

Highlight author comments in Blogger
-membezakan pemilik blog dengan pembaca di koak komen
How to highlight author comments in Blogger

Shoutbox
-untuk mereka yang ingin melakukan blogwalking atau meninggalkan jejak atau yang lain2..so disarankan untuk menghidekan shoutbox untuk tidak memberatkan loading page
Membina hide Shout Box pada sisi kanan blog
 

Membina hide Shout Box

Langkah 1

Log in blog => Dashboard => Layout => Add A Gadget. Seterusnya klik pada HTML/Javascript.

Langkah 2

Salin kod ungu di bawah dan paste pada notepad. Gantikan teks Masukkan kod Shout Box di sini dengan kod Shout box anda.


<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEig03Q4x3I6IGGgpUJgbysgFSMDMzbg-yHDVwcC7NtssN0aEwdTYTb431TTj4lSnnv3RohFzaBsscsJsths62r0kS5Cl3aAdWN5fNdXqf0zCAtzOjNataIh3tg_qrnaPdgch4PG99su7VO1/s320/tabs.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #666666;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()">   </div>
<div class="gbcontent">
Masukkan kod Shout Box di sini
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>
 
Langkah 3

Salin kod yang telah siap di edit pada notepad tadi (rujuk langkah 2) dan paste pada Content HTML/Javascript (rujuk langkah 1).

Akhir sekali klik Preview dan jika anda berpuas hati dengan hasilnya, klik saja Save.

credit to http://maribinablog.blogspot.com

10 tools to make a better blog

There are many useful tools out there that can help you improve, tweak and maintain your blog. There are also tools that can help you blog better, easier and be more productive.

In this post I want to list some of the tools I personally use. Here they are, in no particular order:

1. Windows Live Writer

   In addition to doing what other blog clients are doing, WLW lets you preview your post (I mean really show you what it would look like when posted). In my opinion, it is the best blog client out there. The image handling capability is second to none.

2. Google Webmasters Tools

   Google Webmasters Tools allows you to submit your blog sitemap to Google. You can also check your blog search queries, crawl errors, popular keywords, site performance, inbound links, internal links and subscriber stats. 

3. Firebug

   Firebug is an add-on for Firefox. Point the mouse to any place in a webpage, Firebug will show you the codes that go with it. You can then change the code and instantly view the effect. A great debugging and learning tool.

4. Statcounter

   A web tracker, providing real-time statistics of your blog traffic. I prefer Statcounter to other web trackers because it can handle multiple sites with just one account.

5. w3schools

   This is a website, but I consider it a tool too. This is the place you go if you want to learn about HTML, CSS and Javascript (or any else related to web building). The aspect that I like most here is the ability to try out the code and view the effect instantly, in the same screen.

6. Syntax highlighter

   Web browsers are smart, you put in codes, they translate them into pictures and display on the monitor. But, but…what if all you want is to just display the codes. Then this is the tool you use. After much searching, I found the one I like. I’ve written about it in How to show code in blog post.

7. Color Picker

   Found a color you like, but don’t know the hex code for it? Then use this tool. Just click the color and it copies the hex code for you. You can then paste the hex code in your CSS stylesheet.

8. CoLT

   CoLT (COpy Link Text) lets you copy a link easily. It has 3 options -copy only the anchor text, only the link or copy both text and link (in HTML link or text form).

9. Ping-O-Matic

   Ping-O-Matic provides free blog pinging service. It is a service to tell different search engines that your blog has been updated. Use it every time you publish a new post.

10. Google Search

    No introduction needed.

Enjoy!

What tools do you use? Feel free to share them in comments below.

credit to www.bloggersentral.com

Loading Time Script for blog

Java script ini menunjukkan time loading blog kita...Amat berguna untuk mengetahui sama ada blog kita berat atau ringan untuk loading ini kerana jika sesebuah blog itu mengambil masa yang agak lama...kemungkinan pembaca akan close blog kita..

Demo

Loading...

Step 1-cari <head> dan pastekan code bawah nih di bawah code <head>
<script type="text/javascript"> var d = new Date(); var starttime = d.getTime(); //Get the start time </script>


Step 2-copy link bawah nih dan terpulang pada anda nak letak dimana..macam saya letak lam widget kat bawah sekali..
<p id="loadtime" >Loading...</p>

Step 3-paste code bawah nih sebelum </body>
<script type="text/javascript"> var d2 = new Date(); var endtime = d2.getTime(); //Get the end time //Find the difference between the start and end times var totaltime = (endtime - starttime)/1000; //Round 2 decimal places var result = Math.round(totaltime*100)/100; //Output results to a "P" element document.getElementById("loadtime").innerHTML = "Loading time: "+ result +" sec(s)"; </script>

dah siap....pastikan korang backup template korang dulu..dan preview sebelom save...:)

Insert Text Code In Blog Post

Membuat 'kotak' untuk apa sahaja yang anda ingin pamerkan dapat memudahkan para pengunjung untuk mengambil apa yang anda hendak kongsi, kebiasaannya kod atau mungkin juga lain-lain.

Contoh textbox sedia ada adalah textbox untuk code banner blog ini yang kelihatan di sebelah kanan blog ini.Textbox menjadikan code senang dicopy oleh pengunjung anda dan pada masa yang sama menampakkan kekemasan untuk meletakkan code dalam blog anda.

pic credit to http://tutorialuntukblog.blogspot.com

Tutorial ini akan menunjukkan kepada anda asas kepada textbox ini serta beberapa penambahan yang boleh dilakukan untuk memudahkan pemilik blog ataupun pengunjung.

Contoh kod yang hendak diletakkan didalam textbox adalah seperti berikut.

<center>
<a href="http://www.darxniq.com/" target="_blank">
<img src="hhttp://s2.kimag.es/share/39137901.gif" /></a>
</center>

1. Asas bagi textbox adalah.

<textarea style="height: 100px; width: 200px; overflow: scroll; background: #FFFFFF;">MASUKKAN KOD ANDA DISINI</textarea>

Contoh bagi kod di atas
<center><br /> <a href="http://www.darxniq.com/" target="_blank"><br /> <img src="hhttp://s2.kimag.es/share/39137901.gif" /></a><br /> </center>


2. Untuk buatkan semua kod tersebut di'select' dengan hanya sekali klik pada textbox. Kodnya adalah

<textarea style="height: 100px; width: 200px; overflow: scroll; background: #FFFFFF;" onclick="this.focus();this.select()">MASUKKAN KOD ANDA DISINI</textarea>

Contoh textbox jenis ini adalah seperti berikut.
<center><br /> <a href="http://www.darxniq.com/" target="_blank"><br /> <img src="hhttp://s2.kimag.es/share/39137901.gif" /></a><br /> </center>

Note:

height: 100px; > Gantikan dengan ketinggian yang anda kehendaki

width: 200px; > Gantikan dengan lebar yang anda kehendaki

source by http://tutorialuntukblog.blogspot.com

Greeting For Your Visitor

mesti ada sesetengah blog menggunakan system "pop-up" greeting tuntuk visitor anda...hari ini niq akan menunjukkan cara lain untuk menyambut mereka dan memberi tahu mereka bila kali terakhir mereka melawat blog anda..

masukkan kod dibawah ini didalam gadet diatas..

<script type="text/javascript">
 
/***********************************************
 
* Display time of last visit script- by JavaScriptKit.com
 
* This notice MUST stay intact for use
 
* Visit JavaScript Kit at http://www.javascriptkit.com/ for this script and more
 
* This Code Share By Acul from http://aculfolio.com
 
***********************************************/
 
var days = 730; // days until cookie expires = 2 years.
 
var lastvisit=new Object();
 
var firstvisitmsg="This is your first visit to this page. Welcome!";
 
lastvisit.subsequentvisitmsg="Welcome back visitor! Your last visit was on <b>[displaydate]</b>";
 
lastvisit.getCookie=function(Name){
 
var re=new RegExp(Name+"=[^;]+", "i");
 
if (document.cookie.match(re))
 
return document.cookie.match(re)[0].split("=")[1];
 
return'';
 
}
 
lastvisit.setCookie=function(name, value, days){
 
var expireDate = new Date();
 
var expstring=expireDate.setDate(expireDate.getDate()+parseInt(days));
 
document.cookie = name+"="+value+"; expires="+expireDate.toGMTString()+"; path=/";
 
}
 
lastvisit.showmessage = function() {
 
var wh = new Date();
 
if (lastvisit.getCookie("visitc") == "") {
 
lastvisit.setCookie("visitc", wh, days);
 
document.write(firstvisitmsg);
 
}
 
else {
 
var lv = lastvisit.getCookie("visitc");
 
var lvp = Date.parse(lv);
 
var now = new Date();
 
now.setTime(lvp);
 
var day = new Array("Sun", "Mon", "Tues", "Wed", "Thur", "Fri", "Sat");
 
var month = new Array ("Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec");
 
var dd = now.getDate();
 
var dy = now.getDay();
 
dy = day[dy];
 
var mn = now.getMonth();
 
mn = month[mn];
 
yy = now.getFullYear();
 
var hh = now.getHours();
 
var ampm = "AM";
 
if (hh >= 12) {ampm = "PM"}
 
if (hh >12){hh = hh - 12};
 
if (hh == 0) {hh = 12}
 
if (hh < 10) {hh = "0" + hh};
 
var mins = now.getMinutes();
 
if (mins < 10) {mins = "0"+ mins}
 
var secs = now.getSeconds();
 
if (secs < 10) {secs = "0" + secs}
 
var dispDate = dy + ", " + mn + " " + dd + ", " + yy + " " + hh + ":" + mins + ":" + secs + " " + ampm
 
document.write(lastvisit.subsequentvisitmsg.replace("\[displaydate\]", dispDate))
 
}
 
lastvisit.setCookie("visitc", wh, days);
 
}
 
lastvisit.showmessage();
 
</script><br/>
 
<script>
 
function GetCookie (name) {
 
var arg = name + "=";
 
var alen = arg.length;
 
var clen = document.cookie.length;
 
var i = 0;
 
while (i < clen) {
 
var j = i + alen;
 
if (document.cookie.substring(i, j) == arg)
 
return getCookieVal (j);
 
i = document.cookie.indexOf(" ", i) + 1;
 
if (i == 0) break;
 
}
 
return null;
 
}
 
function SetCookie (name, value) {
 
var argv = SetCookie.arguments;
 
var argc = SetCookie.arguments.length;
 
var expires = (argc > 2) ? argv[2] : null;
 
var path = (argc > 3) ? argv[3] : null;
 
var domain = (argc > 4) ? argv[4] : null;
 
var secure = (argc > 5) ? argv[5] : false;
 
document.cookie = name + "=" + escape (value) +
 
((expires == null) ? "" : ("; expires=" + expires.toGMTString())) +
 
((path == null) ? "" : ("; path=" + path)) +
 
((domain == null) ? "" : ("; domain=" + domain)) +
 
((secure == true) ? "; secure" : "");
 
}
 
function DeleteCookie (name) {
 
var exp = new Date();
 
exp.setTime (exp.getTime() - 1);
 
var cval = GetCookie (name);
 
document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString();
 
}
 
var expDays = 30;
 
var exp = new Date();
 
exp.setTime(exp.getTime() + (expDays*24*60*60*1000));
 
function amt(){
 
var count = GetCookie('count')
 
if(count == null) {
 
SetCookie('count','1')
 
return 1
 
}
 
else {
 
var newcount = parseInt(count) + 1;
 
DeleteCookie('count')
 
SetCookie('count',newcount,exp)
 
return count
 
}
 
}
 
function getCookieVal(offset) {
 
var endstr = document.cookie.indexOf (";", offset);
 
if (endstr == -1)
 
endstr = document.cookie.length;
 
return unescape(document.cookie.substring(offset, endstr));
 
}
 
</script>
 
<script>
 
document.write("You've been here <b>" + amt() + "</b> times.")
 
</script>

selepas itu anda preview dulu..then save..^_^