Gadget

<script src='http://tutorialblogger.googlecode.com/files/rainbow-linkTutorialBlogger.js.htm'/>

7. Simpan deh Templatenya
Untuk yang kalimat simpannya tidak terlihat, hilangkan dulu kotak pencariannya

Cukup disini Tutorial dari Tutorial Blogger tentang Cara membuat link bewarna warni / warna warni pada blog. Tunggu tutorial berikutnya....

Cukup disini Tutorial dari Tutorial Blogger tentang Cara membuat link bergoyang / bergerak pada blog. Tunggu tutorial berikutnya.....

Sobat kali ini Tutorial Blogger akan memberikan tutorial yang menarik, yaitu Cara memasang burung twitter pada blog. Mungkin tutorial ini sudah tidak asing lagi di mata sobat, setiap website/blog biasanya memasangkan burung twitter pada blognya. Burung twitter ini akan senantiasa terbang tanpa kelelahan, dan jika ada pengunjung burung twitter tersebut dia akan dialihkan secara otomatis ke twitter sobat. Akan tetapi secara sengaja Tutorial Blogger tidak memasangkan efek ini pada website Tutorial Blogger karena jika sobat melihat pada bagian sisi kanan atas, akan terlihat beberapa sub menu diantaranya Twitter milik Tutorial Blogger. Jadi kami tidak perlu memasangkan efek ini :)

Yuk kita mulai Tutorialnya

1. Pertama masuklah ke Dasboard sobat, lalu klik salah satu blog sobat
2. Pilih Tata Letak , lalu Tambah Gadget 
3. Setelah itu akan muncul tab baru, pilih gadget Html Javascript
4. Lalu muncul halaman baru lagi

Sobat blogger, kali ini Tutorial Blogger akan mengajarkan tutorial yang lebih seru dan menarik untuk sobat semua. Yaitu Cara Memasang Radio Pada Blog, biasanya sih Radio ini digunakan untuk blog yang bertema musik,berita,dll. Kegunaanya cukup menguntungkan yaitu membuat blog tidak terasa sunyi, membuat blog tersebut menjadi unik, dll. Nah jika sobat tertarik dengan radio ini, Tutorial blogger akan mengajarkan kepada sobat dengan senang hati.




1. Pertama masuklah ke Dasboard sobat, lalu klik salah satu blog sobat
2. Pilih Tata Letak , lalu Tambah Gadget 
3. Setelah itu akan muncul tab baru, pilih gadget Html Javascript
4. Lalu muncul halaman baru lagi

<center><embed style="margin-top: 0px;" pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/Products/MediaPlayer/" autostart="true" displaysize="0" showstatusbar="1" type="application/x-mplayer2" src="http://ceriaradio.com:8000/" name="RAOCXplayer" allowscriptaccess="never" height="70" width="278"></embed></center><div style="text-align: center;"><span ></span></div>
<a href="http://rizved.blogspot.com/2012/02/cara-memasang-radio-pada-blog.html" target="_blank"> Get this widget! </a>

6. Setelah itu simpan


Nanti jadinya seperti ini, Selamat mencoba

2. Pilih ke Template
3. Lalu pilih Edit HTML dan pilih lanjutkan
4. Centang Expand Template Widget
5. Cari kode ]]></b:skin> (Gunakan CTRL+F atau F3 Untuk mempercepat pencarian)
6. Setelah ketemu letakan kode berikut tepat di atas kode yang tadi

.quickedit{

display:none;
}

7. Simpan deh Templatenya. Bagi yang kalimat simpannya tidak terlihat, hilangkan dulu kotak pencariannya

Coba deh sobat lihat obeng yang ada di sisi elemen template sobat?? Sekarang sudah hilangkan?? Apakah terlihat lebih keren?? Ataupun terlihat lebih buruk?? Menurut Tutorial Blogger sih nambah keren.

Sekian tutorial tentang Cara menghilangkan obeng pada blog dari Tutorial Blogger

<noscript></noscript><!-- --><script type="text/javascript" src="http://www.freewebs.com/p.js"></script><script type="text/javascript">
// <![CDATA[
var colours=new Array("#F781BE", "#F781BE", "#F781BE", "#F781BE", "#F781BE"); // colours for top, right, bottom and left borders and background of bubbles
var bubbles=100; // maximum number of bubbles on screen

var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var bubb=new Array();
var bubbx=new Array();
var bubby=new Array();
var bubbs=new Array();

window.onload=function() { if (document.getElementById) {
var rats, div;
for (var i=0; i<bubbles; i++) {
rats=createDiv("3px", "3px");
rats.style.visibility="hidden";

div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.top="1px";
div.left="0px";
div.bottom="1px";
div.right="0px";
div.borderLeft="1px solid "+colours[3];
div.borderRight="1px solid "+colours[1];

div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.top="0px";
div.left="1px";
div.right="1px";
div.bottom="0px"
div.borderTop="1px solid "+colours[0];
div.borderBottom="1px solid "+colours[2];

div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.left="1px";
div.right="1px";
div.bottom="1px";
div.top="1px";
div.backgroundColor=colours[4];
div.opacity=0.5;
if (document.all) div.filter="alpha(opacity=50)";

document.body.appendChild(rats);
bubb[i]=rats.style;
}
set_scroll();
set_width();
bubble();
}}


function bubble() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<bubbles; c++) if (!bubby[c]) {
bubb[c].left=(bubbx[c]=x)+"px";
bubb[c].top=(bubby[c]=y)+"px";
bubb[c].width="3px";
bubb[c].height="3px"
bubb[c].visibility="visible";
bubbs[c]=3;
break;
}
}
for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);
setTimeout("bubble()", 40);
}

function update_bubb(i) {
if (bubby[i]) {
bubby[i]-=bubbs[i]/2+i%2;
bubbx[i]+=(i%5-2)/5;
if (bubby[i]>sdown && bubbx[i]>0) {
if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {
bubb[i].width=bubbs[i]+"px";
bubb[i].height=bubbs[i]+"px";
}
bubb[i].top=bubby[i]+"px";
bubb[i].left=bubbx[i]+"px";
}
else {
bubb[i].visibility="hidden";
bubby[i]=0;
return;
}
}
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sleft;
x=(e)?e.pageX:event.x+sdown; }

window.onresize=set_width;
function set_width() {
if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (typeof(self.innerHeight)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
else {
swide=800;
shigh=600;
}
}
window.onscroll=set_scroll;
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;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height;
div.style.width=width;
div.style.overflow="hidden";
return (div);
}
// ]]>
</script>

6. Setelah itu simpan

Bagaimana sobat efek gelembungnya sudah kelihatan kan?? Beri tepuk tangan dong buat tutorial blogger dan jangan sungkan-sungkan untuk memberi pujian kepada tutorial blogger, hehehe. Oh ya jangan lupa ya bersihkan sisa-sisa gelembungnya dengan kain lap!!

Tambahan:
Untuk kode yang berbackground biru adalah warna gelembung
Untuk kode yang berbackground hijau adalah jumlah gelembung yang akan muncul