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 >>

3D Effects Di Dalam Blogger Post

3D Effect

Inginkan Blog anda nampak sedikit menarik atau anda bosan dengan text di blog post anda. Disini ada 3D Effect untuk blog post anda. 3D Effect ini di sokong oleh kebanyakkan browser sepert IE, Firefox, dan lain lain.

Example :

3D Text

1. Pergi ke post editor dan tukar post editor ke HTML mode .


2. Copy  code di bawah & gantikan Text warna merah dengan text kesukaan anda 


<style> .effect_3d { color: #000; font: 80px/100px Garamond, 'Hoefler Text', Times New Roman, Times, serif; margin-bottom: 20px; text-shadow: 0 1px 0 #999,              0 2px 0 #999,              0 3px 0 #999,             0 4px 0 #999,              0 5px 0 #999,              0 6px 0 black; </style> <div class="effect_3d">3D Effect</div>


3. Publish Post

http://itsegmen.blogspot.com

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 >>

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 >>

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 >>