Tutorial Floating Banner / Iklan Terapung Di Blog Anda

 contoh floating banner

• Sign In Blogger Account anda
• Take Design tab di dalam blog dashboard
• Pilih LAYOUT
• Tambahkan(Add a Gadget ) HTML/JavaScript Add
• Kemudian masukkan code dibawah ini di dalam HTML/JavaScript
• Gantikan CODE Anda Disini Dengan code iklan anda

• Letakkan iklan yang anda inginkan asalkan anda mendapat manfaat darinya

source http://itsegmen.blogspot.com/

<div class="textwidget"><div class='widget-content'>

<div style="position: fixed; bottom: 0px; right: 0px;">

CODE Anda Disini

</div></div></div>

•  Sekarang Click Save 'JavaScript' dan selesai....

 http://itsegmen.blogspot.com/

Read more >>

Animated Flash Label Cloud Widget For Blogger

Animated Flash Label Cloud Widget Untuk Blogger

Jadi, dalam post kali ini, anda akan belajar bagaimana untuk menambah widget ini ke blog, blogger dan menyesuaikan ia sebagai satu keperluan anda.

Cara Tambahkan Flash Label Cloud Widget Ke Dalam Blogger?

1. Login ker Blogger Anda dan pergi ke Design Section.
2. add a "HTML/JAVASCRIPT" gadget.
3. Copy and paste code dibawah.

<div id="w2bFlashContent"><p style="display:none;">Flash Labels by <a href="http://semangkukcawan.blogspot.com/">Beautiful Blogger Widgets</a></p></div>
<script type="text/javascript">
/*<![CDATA[*/
var w2bFlashLabelSettings = {
    blogurl        : "http://semangkukcawan.blogspot.com/",
    color          : "000000",
    hoverColor     : "333333",
    backgroundColor: "FFFFFF",
    size           : 12,
    speed          : 100,
    width          : 250,
    height         : 300,
    transparency   : true
};
/*]]>*/
</script>
<script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/svn/trunk/w2b_new_flash_label_cloud.js"></script>

4. Save template anda dan sekarang Flash Label Cloud pasti akan berfungsi di blog anda

Cara Menyesuaikan Widget Ini?

widget ini mudah di edit, Hanya follow step mudah untuk membuatkan widget ini sesuai untuk blog anda.!

1. Tukar url blog kepada blog anda(if you won't do it, labels will be extracted from our blog not yours).

2. Di dalam label color- tukar code 000000 kepada warna yang anda mahukan.

3. Tukar hover color 333333 kepada warna yang anda mahukan.

4. Tukar background color FFFFFF kepada warna yang anda mahukan.

5. Tukar size 12 kepada text size yang sesuai untuk blog's sidebar links anda.

6. Tukar height(250) and width(300) kepada height dan width sidebar suits anda.

Tinggalkan Comments dan Amat dialu alukan berkongsi widget ini.

Read more >>

Add a Simple Search Box Widget to Blogger Blog / Tambahkan Search Box ke Dalam Blog

Hi Semua! Tambahkan Simple Search box ke dalam Blogger Blog. Biasanya blog anda tidak datang dengan Search Box, Disini ingin ditunjukkan simple search box kepada anda semua. Hanya menambahkan kedalam blog anda.

Demo:-

Bagaimana nak install search box widget dalam blog?

Tekan button di bawah untuk tambahkan widgetterus ke blog anda

Widget Title:

(Atau)

Gunakan Code dibawah and tambahkan Widget HTML/JavaScript

<div class="searchform">
<form method="get" id="searchform" action="/search">
<table width="100%">
<tr>
<td><input type="text" style="width:98%;padding:2px;" value="Search this blog..." onfocus="if (this.value == &quot;Search this blog...&quot;) {this.value = &quot;&quot;}" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Search this blog...&quot;;}" name="q" id="sbox" class="sbox"></td>
<td width="75px"><input type="button" Value="Search" id="sbutton" class="sbutton" alt=""></td>
</tr>
</table>
</form>
</div>
 

Sumber

Read more >>

Tambahkan Blog Lain ke Dalam Blog anda menggunakkan iframe

Bagi anda yang mempunyai banyak blog atau websites. Tentu anda menginginkan setiap blog anda dapat dilihat dari blog- blog anda.

Di sini saya tunjukkan caranya dengan menggunakkan iframe tag.

• Sign In Blogger Account anda
• Take Design tab di dalam blog dashboard
• Pilih LAYOUT
• Tambahkan(Add a Gadget ) HTML/JavaScript  
• Kemudian masukkan code dibawah ini di dalam HTML/JavaScript
• Gantikan http://yourblogaddress.blogspot.com Dengan URL Blog anda.

<!-- http://itsegmen.blogspot.com --><iframe frameborder="0" height="400" src="http://yourblogaddress.blogspot.com" width="100%"></iframe>

4. Sekarang Click Save 'JavaScript' dan selesai....

 http://itsegmen.blogspot.com

Read more >>

3 Cara Melindungi USB Pen Drive Dari Virus

 3 Ways Protect Your USB Pen Drive From Virus

Do you use a Pen-Drive for transferring data across different systems in your office/network, then there is a high possibility of virus infections for transferring across with the pen-drive as a medium.Here are collection of freeware tools that you could as your first line of defense before using your pen drive on other systems. 

1.USB Write Protector –This freeware application prevents write access to a USB drives. This will protect USB drives from viruses, malwares, spywares etc.Using this tool you can just copy data from your pendrive to the system but not copy data into the pen drive from the client system.Its only 190 KB
and works with XP with SP2.
Download

2.Portable Antivirus Solutions –

ClamWim Portable — ClamWin Portable is the portable version of the open source Free Antivirus program.

# It is a standalone application, which means incase you want to copy a file to your pen drive, you will have to manually scan the file for infection using the tool.
# Update the virus signature from the regularly updated Virus Database directly from the USB.
# It also detects spyware.
# It takes about 25 MB after installation on to the USB drive

Download

Dr. Web CureIt – In case the file you want to copy into your USB pendrive is infected with a virus, drweb-cureityou can try to cure/clean the infection from the file using DR. Web CureIT, An anti-virus and anti-spyware utility and works on windows 95 to Vista.You cannot update its definitions but instead download a new Dr.Web CureIt! package

Download

3.USB Firewall — USB Firewall automatically detects malicious autorun.inf file when an infected USB device is infected, you can also see what command are written in the autorun.inf file which launched the program and decide whether to let it run or delete the file and the file autorun.inf which launched it.


Download

Source

Read more >>

Tingkatkan Traffic Blog anda Menggunakan Meta Tag

Artikel ini sangat berguna untuk semua blogger, Setiap Blogger menginginkan blog mereka berada di top ranking apabila di search dalam google, yahoo atau search engines yang lain. Tambahkan meta tags dalam blog anda akan membantu tingkatkan traffic blog anda. Meta tags membantu blog anda supaya dapat dicari oleh search engines, Ini adalah powerful Search Engine optimization(SEO) method yang telah digunakan oleh pelbagai websites atau blog-blog.
Hanya beberapa steps yang perlu untuk add powerful meta tags seperti cara di bawah.

• Sign In Blogger Account anda
• Take Design tab in your blog dashboard
• Pilih Edit HTML
• Tambah Code ini di dalam <head> section

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='Place blogger description here' NAME='description'/>
<meta content='Place your blog's keywords here(seperated by commas)'
NAME='keywords'/>
</b:if>

Gantikan text merah blog's description dan keywords dan letakkan di dalam <head> section. Di sana blogger blog meta tags anda perlu ditempatkan.The Blogger description yang anda tempatkan dalam meta tag description akan dipaparkan sebagai description blog anda di Google search results(Seperti gambar dibawah).

 

Hari demi hari  blogger semakin meningkat di internet.Dengan powerful meta tag teknik, akan membantu blog anda mudah dicapai.

 

 http://itsegmen.blogspot.com/

 

Read more >>

Cara Turunkan Salji Di Blog Anda

Saya harap anda sukakan widget ini. Sila kongsikan post ini dengan kawan kawan anda, Pandangan, Pendapat dan kritikan membina anda amat bermakna untuk blog ini.

1.Login ke blogger Dashboard anda dan pergi ke Design --> Page Elements.

2.Click pada 'Add a Gadget' di sidebar anda.

3.Pilih 'HTML/Javascript' dan tambahkan code dibawah

<script language="JavaScript" src="http://bloggertrickandtoolz.googlecode.com/files/www.bloggertricksandtoolz.com-falling-snowflakes.js">
</script>

contoh corak salji

4. Sekarang Click Save 'JavaScript' dan selesai.

http://itsegmen.blogspot.com/

Read more >>

Cara Untuk Add Scroll Bar Widget Blogger Anda

1.Login ke blogger dashboard anda dan pergi ke Design & Page Elements.

2.Click kat 'Add a Gadget' anda di sidebar.

3.Pilih 'HTML/Javascript' dan tambah code di bawah dan click save.

<div style="overflow:auto;width:260px;height:300px;padding:10px;"> 
<ul>

<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>

</ul>
</div>

Note: Gantikan Your Link and Your Text  dengan url dan text anda.

Selesai.

Read more >>

How To Add Snow Effect On The Blogger Mouse Cursor Area

Salam sejahtera. di sini saya ingintunjukkan salji effect untuk mouse cursor di dalam blog anda. Salji effect ini sangat ringan dan telah di cuba dalam internet explorer(IE), Mozilla Firefox dan lain2 web browser. Saya akan tunjukkan cara mudah untuk memasang tetikus salji effect di blog anda. Sila tinggalkan komen jika ada apa apa masalah dan terima kasih kerana mengunjungi blog ini.


1.Login ke blogger Dashboard anda dan pergi ke Design --> Page Elements.

2.Click kat 'Add a Gadget' di sidebar.

3.Pilih 'HTML/Javascript' tambah salah satu code di bawah

<script type='text/javascript'>
// <![CDATA[
var colour="black";
var sparkles=100;

var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="3px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="3px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";

star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}

}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {


tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>

4. Sekarang Click Save 'JavaScript' dan selesai....

Picture From http://www.galaxygoo.org/blogs/galaxygoo/flashathon_20072008/

Read more >>

Cara Menambah Animated Recent Posts Untuk Blogger Dengan Thumbnails

1.Login ke blogger Dashboard dan pergi ke Design --> Page Elements.

2.Click kat 'Add a Gadget' di sidebar.

3.Pilih 'HTML/Javascript' dan  tambah code dibawah

<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 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5Gc2nE-Vhdk4qUan3LXrV-eQ-jx29LtxgaJNTiy-6xS2cgAdnKL_5yaEtTFvNAC88lXdtImGwwiYVsYPpQiBMwQ8dHSzLQPl_K6zxCdBb71n6hwvpO1rTS_84cZt_fH9c_UTkfwnVmCw/) 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://i43.tinypic.com/orpg0m.jpg";

imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
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://itsegmen.blogspot.com/";

limitspy=4
intervalspy=4000

</script>

<div id="spylist">
<script src='http://scriptabufarhan.googlecode.com/svn/trunk/recentpostthumbspy-min.js' type='text/javascript'></script>
</div>

Note: Gantikan home_page dengan url Blogger anda dan numposts = 10 ialah jumlah Post yang anda ingin tayangkan ..


4. Save Html Java Script anda dan selesai..

sbr

Read more >>