Trik Membuat Cloud Label ( Label Awan) | Trick Make Cloud from label (Label Cloud)

Trik Membuat Cloud Label ( Label Awan): "

Label awan merupakan salah satu bentuk kumpulan daftar label yang ditampilkan seakan-akan berada di atas awan. Trik blogger ini juga sangat menarik untuk di adopsi dalam blog kamu. Kalau biasanya kamu hanya menggunakan label default bawaan widget atau gadget blogger.com, sekarang kamu memiliki salah satu variasinya.

Langsung di praktekin aja ya....

* Login ke account blogger kamu.
* Pilih Tata Letak --> Edit HTML --> centang "Expand Template Widget".

Tips : Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.

* Cari kode berikut :

<b:section class='sidebar' id='sidebar' preferred='yes'>

atau kode-kode yang sejenis dalam template blog kamu.

Tips : Kalau susah mencarinya, coba tekan tombol F3 di keyboard. Maka akan muncul menu toolbar pencarian di bawah browser (Firefox), sehingga kamu tinggal memasukkan kata yang ingin dicari.

* Tambahkan kode berikut di bawahnya.

<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject('http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf', 'tagcloud', '150', '200', '7', '#F8E0EC');
// uncomment next line to enable transparency
//so.addParam('wmode', 'transparent');
so.addVariable('tcolor', '0xB4045F');
so.addVariable('mode', 'tags');
so.addVariable('distr', 'true');
so.addVariable('tspeed', '100');
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam('allowScriptAccess', 'always');
so.write('flashcontent');
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Catatan :

1. Ganti kode yang berwarna merah secara berturut-turut dengan lebar area label ('150'), tinggi area label ('200'), dan warna area label (#F8EOEC) sesuai dengan ukuran elemen halaman (lokasi peletakkan label awan) di blog kamu.
2. Jangan sampai kelupaan jika kamu merubah warna area label. maka kamu mungkin perlu juga merubah warna teksnya yang ditunjukkan dengan warna hijau (B4045F). Khusus untuk perubahan warna teks, cara memasukkan kode tanpa embel-embel #.
3. Atur putaran kecepatan dengan mengganti kode berwarna biru (100), makin besar makin cepat.

• Jangan lupa disimpan

 Selamat Mencoba....

"

Read More

Cara memasang image Zoom pada Blog

Dalam kesempatan ini saya mencoba menulis trik bagaimana blog kita kelihatan cantik dan dapat menarik pengunjung pingin tahu caranya. Wah kayanya sudah gak sabar nich. Kita mulai saja. Begini ceritanya tapi sebelumnya lihat dan arahkan kursor pada gambarnya gimana tertarik? lanjut.........
1-Login ke account blogger anda.
2-Backup Template anda--->click-->Download Full Template
3-Click Layout--->
4-Click Edit HTML letakkan kode dibawah ini sebelum kode]]></b:skin>

img.expando{ /*sample CSS for expando images. Not required but recommended*/
border: none;
vertical-align: top; /*top aligns image, so mouse has less of a change of moving out of image while image is expanding*/
}
2.Letakkan code dibawah ini sebelum </head> tag.
<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js" type="text/javascript"></script>
<script type="text/javascript" src="zenzoom.js">

/* Expando Image Script ©2008 John Davenport Scheuer
as first seen in http://www.dynamicdrive.com/forums/
username: jscheuer1 - This Notice Must Remain for Legal Use
*/</script>
Lalu postingkan kode dibawah ini pada content anda tapi sebelumnya anda anda ganti kode yang berwarna biru....
</code><div align="center"><img class="expando vacation" src="http://i721.photobucket.com/albums/ww218/sugwi/TheTree.jpg" border="0" height="66" width="100" /></div>

Download

Selamat mencoba dan semoga berhasil cheer.............

Read More

Rahasia Backlink dari Blog Directory | Secret Backlink from Blog Directory

Para blogger yang merupakan bagian dari uang online usaha yang memiliki prestasi untuk menghasilkan uang secara online, yang perlu mereka ketahui tentang banyak hal untuk mencapai target nya. Sebagian besar blogger menggunakan pengetahuan dasar mereka untuk membuat uang secara online. Pengetahuan dasar bahwa adalah posting, posting dan posting ... ... ...

Seperti kita ketahui bahwa optimasi mesin pencari (SEO) adalah masalah yang sangat penting dalam meningkatkan blog atau situs kami popularitas dari sisi lalu lintas. Tapi aku benar-benar yakin bahwa sebagian besar blogger terutama pemula tidak ingin menyewa perusahaan SEO atau jasa spesialis untuk meningkatkan lalu lintas karena mereka (perusahaan SEO) memasang harga tinggi untuk layanan mereka atau blogger sendiri tidak punya cukup uang ... ..

Anda (blogger pemula) tidak perlu khawatir tentang bagaimana untuk meningkatkan keterampilan SEO Anda. Banyak blog atau situs akan memberikan keterampilan secara gratis hari ini. Satu-satunya hal yang perlu Anda lakukan adalah mencari mereka di mesin pencari terbesar seperti Google, Yahoo, dan lain-lain Anda hanya perlu untuk mempertahankan biaya internet dan waktu ....

Saya sedang belajar tentang SEO untuk Pagerank sekarang. Ketika kita berbicara tentang PageRank berarti kita berbicara tentang link yang merupakan pengukuran dasar untuk Pagerank. Link adalah membagi menjadi dua bagian, ada Backlink dan Crosslink. Kedua link ini telah mereka sendiri pengaruh penggunaan dan spesifik dalam meningkatkan Pagerank.

Crosslink ini sangat berguna untuk berbagi Pagerank Anda dari satu artikel ke yang lain dalam blog atau situs Anda dan memiliki trik sendiri untuk keperluan SEO. (Lihat 'Meningkatkan Pagerank dengan crosslink "untuk lebih detail). Crosslink juga sangat mudah untuk mempertahankan.

Backlink ini sangat berguna untuk menyerap blog atau situs lain Pagerank untuk blog atau situs Anda, dan memiliki bagian penting terbesar di sini. Banyak tips dan trik dapat digunakan untuk mendapatkan Backlink. (Lihat "Dapatkan Backlink dengan Memiliki Control" untuk salah satu dari mereka). Yah .... Bagian ini yang saya ingin memberitahu Anda ... ..

Backlink berarti banyak Pagerank tinggi (jika mungkin, cobalah untuk mendapatkan kualitas satu). Link dari blog atau situs yang memiliki kualitas yang baik yang disebut Pagerank Backlink, dan kualitas Backlink ini lebih berguna daripada jumlah itu sendiri.

Cara termudah adalah dengan meninggalkan komentar Anda di kolom komentar blog lain (tanpa nofollow tag). Namun, metode ini mengambil banyak waktu Anda dalam memeriksa tag nofollow di blog lain sebelum Anda meninggalkan komentar anda, jika tidak, usaha anda dengan trik ini tidak akan berguna karena banyak blog atau situs Anda menggunakan tag nofollow di isian komentar sekarang.

Salah satu trik teratas untuk meningkatkan Backlink adalah dengan menggunakan blog direktori atau blog agregator. Dalam metode ini, akan menjadi Crosslink Backlink untuk blog Anda. Mengapa tidak bisa seperti itu?

Sebagai contoh, Anda menulis artikel untuk blog Anda dan menempatkan link ke artikel lain di dalam blog Anda sendiri (link ini adalah crosslink untuk blog Anda). Blog agregator maka bot akan mengumpulkan artikel Anda dan memasukkan ke dalam blog agregator daftar artikel atau Anda dapat ping mereka. Ketika mesin pencari laba-laba merangkak bahwa blog agregator, crosslink Anda (sebelum) akan merah sebagai Backlink oleh laba-laba.

Biasanya, blog agregator hanya akan menampilkan ayat pertama dan kedua dalam daftar mereka (itu tergantung pada pengaturan), So .... Jangan lewatkan kesempatan ini. Tempatkan beberapa crosslink di dalam artikel pada ayat pertama dan kedua dengan kata jangkar bagus jika Anda ingin mendapatkan Backlink dan meningkatkan posisi mesin pencari Anda untuk beberapa kata kunci.

Ingat, jangan pernah mencoba untuk menempatkan lebih dari 3 link dalam satu paragraf. Hal ini sangat berbahaya dan berisiko bagi Pagerank Anda.

Read More

Snow Effect without images

Hallo friend saya datang lagi memberi tips buat anda sekalian yaitu snow effect tanpa harus menyimpan kedalam hosting anda. so, kita mulai saja ya.....
Letakkan kode berikut sesuai dengan keinginan anda, tapi biasanya diletakkan ditas </head> lalu tunggu, dan lihan dengan cermat.<script type="text/javascript" src="http://www.hotlinkfiles.com/files/2663209_gxiqt/snow_1.js">
/***********************************************
* Follow http://mutiaramail.blogspot.com
***********************************************/
</script>
Selamat mencoba dan semoga sukses. I Love you Full. Ha..ha..ha...

Read More

Multi Levels and Directions Subs Menu

1.Add this whole code before the ]]></b:skin> tag:

/* ================================================================
Please don't remove this, you will find Mutiaramail for help easily
by this credit.
This menu is brought to you by Mutiaramail (http://Mutiaramail.blogspot.com)
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.

=================================================================== */

#outer {width:750px; height:350px; background:url(filters.jpg) no-repeat right bottom; position:relative;}
.pad1 {width:51px; height:25px; background:#fc0; float:left; margin-top:3px; margin-right:3px; border:1px solid #000;}
.pad2 {width:52px; height:25px; background:#fc0; float:left; margin-top:3px; border:1px solid #000;}
.topline {width:748px; height:3px; border:1px solid #000; background:#fc0; font-size:1px;}

#menu {list-style-type:none; padding:0; margin:0 0 0 3px;}
#menu ul {list-style-type:none; padding:0; margin:0;}
#menu li {float:left; background:#cdc; margin:3px 3px 0 0; border:1px solid #000; width:123px; height:25px;}
#menu li.sub {background:#aba;}

/* for IE5.5 and IE6 only */

#menu li a {display:block; color:#000; height:25px; font-family:arial, sans-serif; font-size:11px; line-height:24px; width:123px; text-decoration:none; text-align:center;}
#menu li a table {position:absolute; left:0; top:-1px; border-collapse:collapse; width:0; height:0;}

#menu :hover {color:#fff; background:#898; position:relative;}
#menu :hover > a {color:#fff; background:#898;}

#menu ul,
#menu :hover ul ul,
#menu :hover ul :hover ul ul,
#menu :hover ul :hover ul ul.left {visibility:hidden; width:0; height:0; overflow:hidden;}

#menu :hover ul {visibility:visible; overflow:visible; position:absolute; height:auto; width:128px; left:-1px;top:26px; background:url(transparent.gif);} /* the background image is for IE7 */

#menu :hover ul :hover ul,
#menu :hover ul :hover ul :hover ul {visibility:visible; overflow:visible; height:auto; width:128px; padding:9px 3px; left:100px; top:0;}

#menu :hover ul :hover ul.left,
#menu :hover ul :hover ul :hover ul.left {visibility:visible; overflow:visible; height:auto; width:128px; padding:9px 3px; left:-106px; top:0;}

<script type="text/javascript">
function ieFix(topLevel)
{
var ua = navigator.userAgent;
var isMSIE = (navigator.appName == "Microsoft Internet Explorer");
var isMSIE5_5 = isMSIE && (ua.indexOf('MSIE 5.5') != -1);
var isMSIE6 = isMSIE && (ua.indexOf('MSIE 6.0') != -1);
if (isMSIE5_5 || isMSIE6)
{
document.getElementById(topLevel).innerHTML = document.getElementById(topLevel).innerHTML.replace (/<ul/gi,"<table><tr><td><ul").replace (/<\/ul>/gi,"</ul></td></tr></table></a>");
for (i=0;i<document.getElementsByTagName("li").length; i++)
{
if (document.getElementsByTagName("li").item(i).className == "sub")
{
document.getElementsByTagName("li").item(i).innerHTML = document.getElementsByTagName("li").item(i).innerHTML.replace(/<\/a>/i,"");
}
}
}
}
</script>

2.The first step is done, very easy right?Ok now Save and create a HTML/Javascript(Add A Gadget) and paste this code, at this step you can change the names,categories,labels by your own:

<div id="outer">
<div class="topline"></div>
<div class="pad1"></div>
<ul id="menu">
<li><a href="#nogo1">Home</a></li>
<li class="sub"><a href="#nogo2">Products</a>
<ul>
<li class="sub"><a href="#nogo3">Cameras</a>
<ul class="left">
<li><a href="#nogo4">Nikon</a></li>
<li><a href="#nogo5">Minolta</a></li>
<li><a href="#nogo6">Pentax</a></li>
</ul>

</li>
<li class="sub"><a href="#nogo7">Lenses </a>
<ul>
<li><a href="#nogo8">Wide Angle</a></li>
<li><a href="#nogo9">Standard</a></li>
<li><a href="#nogo10">Telephoto</a></li>
<li class="sub"><a href="#nogo11">Zoom</a>

<ul>
<li><a href="#nogo12">35mm to 125mm</a></li>
<li><a href="#nogo13">50mm to 250mm</a></li>
<li><a href="#nogo14">125mm to 500mm</a></li>
</ul>
</li>
<li><a href="#nogo">Mirror</a></li>

<li class="sub"><a href="#nogo15">Non-standard</a>
<ul class="left">
<li><a href="#nogo16">Bayonet mount</a></li>
<li><a href="#nogo17">Screw mount</a></li>
</ul>
</li>
</ul>

</li>
<li><a href="#nogo18">Flash Guns</a></li>
<li><a href="#nogo19">Tripods</a></li>
<li><a href="#nogo20">Filters</a></li>
</ul>
</li>
<li class="sub"><a href="#nogo21">Services</a>

<ul>
<li><a href="#nogo22">Printing</a></li>
<li><a href="#nogo23">Photo Framing</a></li>
<li><a href="#nogo24">Retouching</a></li>
<li><a href="#nogo25">Archiving</a></li>
</ul>
</li>

<li class="sub"><a href="#nogo26">Shop</a>
<ul>
<li><a href="#nogo27">Online</a></li>
<li><a href="#nogo28">Catalogue</a></li>
<li><a href="#nogo29">Mail Order</a></li>
</ul>
</li>

<li class="sub"><a href="#nogo30">Contacts</a>
<ul>
<li><a href="#nogo31">Support</a></li>
<li class="sub"><a href="#nogo32">Sales</a>
<ul class="left">
<li><a href="#nogo33">USA</a></li>
<li><a href="#nogo34">Canadian</a></li>
<li><a href="#nogo35">South American</a></li>

<li class="sub"><a href="#nogo36">European</a>
<ul class="left">
<li><a href="#nogo37">British</a></li>
<li><a href="#nogo38">French</a></li>
<li><a href="#nogo39">German</a></li>

<li><a href="#nogo40">Spanish</a></li>
<li><a href="#nogo41">Italian</a></li>
</ul>
</li>
<li><a href="#nogo42">Canadian</a></li>
<li><a href="#nogo43">Asian</a></li>
</ul>
</li>
<li><a href="#nogo44">Buying</a></li>
<li><a href="#nogo45">Photographers</a></li>
<li><a href="#nogo46">Stockist</a></li>
<li><a href="#nogo47">General</a></li>
</ul>
</li>
</ul>
<div class="pad2"></div>
</div>

Read More

Neon Light Text II

Hai ..... Selamat berjumpa lagi, saya ada tips buat anda, untuk mempercantik Blog biar tambah keren, dengan harapan dapat menarik pengunjung. Oke .... kita mulai saja.
Letakkan kode dibawah ini, sesuai dengan keinginan sobat, sebelum di simpan di Blog, anda bisa mengganti kode berwarna biru sesuai kebutuhan.Tapi sebelumnya pharse kode dibawah ini.
<h2><script language="JavaScript1.2">
//Neon Lights Text II by G.P.F. (gpf@beta-cc.de)
//Fol http://mutiaramail.blogspot.id
//visit http://www.beta-cc.de
//Visit http://www.dynamicdrive.com for this script

var message="Ganti Text disini"
var neonbasecolor="gray"
var neontextcolor="yellow"
var neontextcolor2="#FFFFA8"
var flashspeed=100 // speed of flashing in milliseconds
var flashingletters=3 // number of letters flashing in neontextcolor
var flashingletters2=1 // number of letters flashing in neontextcolor2 (0 to disable)
var flashpause=0 // the pause between flash-cycles in milliseconds

///No need to edit below this line/////

var n=0
if (document.all||document.getElementById){
document.write('<font color="'+neonbasecolor+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
document.write('</font>')
}
else
document.write(message)

function crossref(number){
var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
return crossobj
}

function neon(){

//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
crossref(m).style.color=neonbasecolor
}

//cycle through and change individual letters to neon color
crossref(n).style.color=neontextcolor

if (n>flashingletters-1) crossref(n-flashingletters).style.color=neontextcolor2
if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=neonbasecolor


if (n<message.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",flashpause)
return
}
}

function beginneon(){
if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)
}
beginneon()
</script></h2>
Selamat mencoba dan semoga berhasil.

Read More

Atomic Blogging 3.0 Honest Review

Atomic Blogging 3.0 Honest Review: "If you have not started blogging, now is the time to get started. Already thousands of people around the world are now adapting to blogging as a platform to run their business online.

I got to know Alvin Phang from his famous Atomic Blogging 3.0 System. If you do not know Alvin, you should at least check out his famous blog at www.GatherSuccess.com where he earns his living online from just blogging online actively!

If you do read his blog, you will realize one thing that set Alvin away from the rest is that he practices what he preaches as he does make real good money just from blogging from his blog.

Alvin just recently launched a Atomic Blogging 3.0 system  and I did  look at the system myself and what I can say I am deeply impressed by the amount of details Alvin goes through in his guide.

Atomic Blogging 3.0  teaches you step-by-step how you can create a profitable blog in no time. There's even video tutorials provided to ensure you got everything to set yourself to create your blog fast!


Click Here To Check Out The System

Read More