Spesial Bloger

MENDAPAT UANG DARI MEMBUAT BLOG

Kali ini saya akan posting sebuah trik bagaimana agar para sobat bloger bisa mendapat rupiah sambil menulis blog. 
a. Mendaftar ke Kumpulan Blogger
Kumpulan Bloger adalah sebuah situs lokal penyedia iklan, didalam Kumpulan bloger kita bisa memasang iklan dan juga bisa menjadi pengiklan.
dengan menjadi anggota kumpulan Blogger kita bisa mendapat rupiah dengan sistem setiap iklan yang kita pasang di blog kita di klik orang maka kita mendapat 300 bayangkan bila blog atau situs kita dikunjungi 100 orang dan mengklik maka itung aja sendir ya?

b. cara mendaftar di kumpulan bloger
1. pertama - tama anda masuk ke Situs Kumpulan Bloger silahkan  klik ke Sini
2. trus anda klik register masukan alamat email yang benar

3. anda tinggal masuk ke kotak masuk alamat  email anda biasanya juga di spam umtuk menerima konfirmasi dan tinggal klik link yang sudah dikasih untuk melengkapi  pendaftaran.
4. sesudah anda masuk tinggal ganti profil dan memasukkan data2 yang diperlukan
5. untuk mendapatkan iklan silahkan klik Script Text Advertising untuk Blog anda di menu Blogger
6. setelah itu anda tinggal memilih jenis Iklan
7. setelah itu anda tinggla memasang kode Html yang diberikan ke blog saudara
8. setelah itu anda tinggal menunggu teman2 atau pengunjung mengklik iklan anda
sebenarnya masih banyak situs lain sejenis seperti klik saya dll tapi saya merekomendasikan kumpulan bloger karena mudah dan lokal .
untuk trik mendaftar di klik saya nanti kalau ada waktu akan saya posting
semoga Informasi ini bermanfaat bagi kita semua

Sumber : http://igedewidya.blogspot.com

Tutorial Perkataan Ikut Cursor

Ingin perkataan mengikut cursor anda semasa melayari blog.?

Contohnya seperti di bawah.


Tutorial untuk buat perkataan bergerak mengikut cursor adalah seperti berikut.

1. Dari dashboard > design > add a gadget > HTML/javascript (more info)

2. Copy dan paste kod berikut dalam html/javascript yang anda buka.


<style type="text/css">
/* Circle Text Styles */
#outerCircleText {
font-style: normal;
font-weight: normal;
font-family: 'comic sans';
color: #FF0080;
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
</style>
<script type="text/javascript">
;(function(){
var msg = "Perkataan anda di sini";
var size = 24;
var circleY = 0.75; var circleX = 2;
var letter_spacing = 5;
var diameter = 10;
var rotation = 0.4;
var speed = 0.2;
if (!window.addEventListener && !window.attachEvent || !document.createElement) return;
msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,

mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},
makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},
drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},
init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},
ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};
o.id = 'outerCircleText'; o.style.fontSize = size + 'px';
if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};
})();
</script>


Note: Ganti Text yang berwarna Merah dengan kata yang kamu kamu "

3. Save dan lihat hasilnya.:)


Bagi yang ingin sedikit ubahsuai, boleh rujuk beberapa perkara berikut.

1.Tukar style

font-style: normal; (pilihan lain italic, oblique, atau inherit)

2. Tukar warna perkataan
color: #FF0080; (untuk code warna, rujuk entri ini HTML color code

3. Tukar jenis tulisan
font-family: 'impact'; (pelbagai lagi bentuk perkataan yang ada, boleh rujuk dibawah)

Cara Buat Bubble Cursor Pada Blog

 

Cursor untuk blog anda memang boleh dipelbagaikan. Samada untuk menukar icon cursor sahaja, atau menjadikannya sparkle. Dan juga tidak ketinggalan untuk menjadikan cursor anda menghasilkan bubbles.


Contoh cursor bubble yang menarik ini boleh di lihat di test blog ini.

Ikuti tutorial mudah di bawah untuk letakkan bubble cursor di blog anda.

1. Dari dashboard > design > add a gadget > HTML/javascript

2. Copy code bubble cursor di bawah, kemudian paste di ruangan HTML/javascript.
(code ini bubble warna biru. Untuk tukar warna bubble, sila ikuti tutorial sehingga habis)




<script type="text/javascript" src="https://sites.google.com/site/unwanted86/javascript/bubblecursor.js"></script><script  type="text/javascript">

// <![CDATA[

var colours=new Array("#0066FF", "#0066FF", "#0066FF", "#0066FF", "#0066FF"); // colours for top, right, bottom and left borders and background of bubbles

var bubbles=100; // maximum number of bubbles on screen



/****************************

* JavaScript Bubble Cursor *

* (c) 2010 mf2fm web-design *

* http://www.mf2fm.com/rv *

* DON'T EDIT BELOW THIS BOX *

****************************/

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>


3. Save dan lihat hasilnya.:)



Note:
Bagi yang hendak tukar bubble dengan warna yang anda kehendaki selain 4 warna di atas, caranya.

Cari kod di bawah dari code yang anda paste tadi, kemudian tukarkan code warna seperti yang dihighlight

 

Energy Saver Untuk Blog Anda

Blog anda boleh diletakkan dalam mode energy saver jika anda mahu. Kalau dunia realiti ada Earth Hour untuk menunjukkan sokongan kepada penjimatan tenaga, blog anda pun boleh.:)
 

Contoh blog apabila diletakkan energy saver seperti gambar di bawah.

Tutorial untuk letakkan energy saver ini seperti berikut.


1. Dari dashboard > design > edit html.
(backup template untuk langkah berjaga²)

2. Dengan menggunakan fungsi Find (ctrl + F), cari kod </head>

3. Copy kod di bawah dan paste SEBELUM kod </head>

<script language='javascript' src='https://sites.google.com/site/unwanted86/javascript/savetheenvironment.js' type='text/javascript'/>

Contoh:



4. Save dan lihat hasilnya.

Nota: Anda perlu biarkan selama 1 minit untuk energy saver memulakan operasi.:)

 

Trik Membuat Spoiler Pada Postingan Blog

 

Jika anda sering pergi ke Kakus…….ehhh salah maksud saya Kaskus Gan ^_^ atau mungkin anda adalah Kaskuser sejati, maka saya yakin anda sudah seringkali lihat tampilan Spoiler dan manfaatnya.

Intinya, Spoiler merupakan suatu tombol yang segaja dibuat untuk menyembunyikan dan menampilkan entah itu gambar, teks, link, dan sebagainya. Berikut ini beberapa manfaat dari Spoiler :

• Membuat orang penasaran apa yang ada di dalam Spoiler tersebut
• Jika pada postingan kita banyak sekali Gambarnya maka gambar-gambar tersebut bisa kita buatkan Spoiler agar Loading blog lebih cepat.
• Menghemat tempat
• Postingan kita bisa tampil Unik dan keren
• Dan masih banyak lagi manfaat dari Spoiler.

Oh ya, jika masih kurang jelas dengan tampilan Spoiler, berikut inilah tampilannya. Silakan klik yaaahhhh ^_^

Gimana??? Kaget kan apaan isinya ahahahahahahaha

Baiklah, kita langsung saja ke cara pembuatan Spoiler pada postingan blog :

Silakan anda Copy dan gunakan script berikut:


<div id="spoiler" style="display:none">
Konten Yang Disembunyikan
</div>
<button title="Klik untuk melihat/menyembunyikan" type="button" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}">Buka/Tutup</button>

Kostumisasi spoiler:

• Ganti "Konten Yang Disembunyikan" dengan konten (text, url, url gambar, script dll) yang ingin disembunyikan.
• Ganti title "Klik untuk melihat/menyembunyikan" dengan title sekehendak anda. Title berfungsi memberi informasi ketika mouse di hover di atas tombol spoiler.
• Ganti "Buka/Tutup" dengan teks sesuai keinginan, teks tersebut akan menjadi perintah yang terlihat pada tombol spoiler.

Oh ya, Untuk membuat spoiler di badan posting, buat spoiler melalui menu Edit HTML, letaknya dibagian pojok kanan atas kotak posting, semua editing dilakukan pada menu tersebut, jika tidak maka script tidak akan bekerja.

Jika ingin membuatnya di widget, pilih menu "HTML/Javascript".



Semoga Bermanfaat,

 

 

Cara Agar Semua Artikel Blog Terindex Oleh Google

Cara Agar Semua Artikel Blog Terindex Oleh Google - Kali ini saya akan memberikan Tips SEO mengenai Cara Agar Semua Artikel Blog Terindex Oleh Google. Banyak orang yang menginginkan artikelnya terkenal dan banyak dilihat oleh semua orang. Salah satu cara untuk memperbanyak pengunjung yaitu melakukan optimasi SEO pada blog kita, terutama optimasi SEO google. Dan bagaimanakah caranya supaya semua artikel atau postingan blog kita terindex oleh mesin pencari google? yuk, simak tipsnya berikut ini.

Cara Agar Semua Artikel Blog Terindex Oleh Google : 

1. Silahkan masuk ke Akun Gmail anda terlebih dahulu.

2. Masuk ke www.google.com/webmasters/tools

3. Pilih Web/Blog anda yang ingin dioptimasikan

4. Pilih Pengoptimalan, lalu pilih Peta Situs

5. Klik TAMBAHKAN/UJI PETA SITUS 

6. Lalu copy kode dibawah ini kedalam kolom tersebut, lalu klik Mengirim Peta Situs

atom.xml? 

7. Kemudian akan muncul pemberitahuan seperti gambar dibawah ini, lalu klik Segarkan Laman

8. Selanjutnya, silahkan lakukan hal yang sama, yaitu copy satu persatu kode dibawah ini kedalam kolom tersebut (seperti langkah no. 5 - 7)

atom.xml?redirect=false
feeds/posts/default?orderby=updated
atom.xml?redirect=false&start-index=1&max-results=500


9. Selesai.

Demikian Postingan saya Cara Agar Semua Artikel Blog Terindex Oleh Google

Sekian, terima kasih telah berkunjung :)

  

Link Template Blog

http://btemplates.com/
Alamat ini sering di gunakan untuk mencari Tempate blog yang bagus, saya aja juga memakainya...Hehehehe :-) kalo agan mau copas aj tu gan..link ada di atas



Cara Membuat Effect Berputar Dan Zoom Pada Setiap Gambar Di Postingan. New !!!

Sebelumnya Saya sudah pernah Posting tentang "Cara Membuat Effect Zoom Pada Gambar Di Blog", dan "Cara Membuat Effect Terang dan Gelap Pada Gambar" dan sesuai permitan salah satu Sobat Blogger, Saya Posting Tips ini. Sebagai contoh Kalian bisa melihat pada Gambar di atas, atau pada setiap Postingan Gambar di blog ini, dan lorot kursor Kalian ke arah gambar. OK, ditak usah berlama-lama, kita langsung ke langkah-langkahnya.

[1]. Pertama, pastinya LogIn dulu ke BLOG Kalian.

[2]. Kemudian dari Dasbor, cari Template --> Edit HTML.

[3]. Lalu tekan Tombol CTRL + F atau F3 pada Keyboard, dan cari Code ]]></b:skin>.

[4]. Kemudian CoPas Code di bawah tepat di ATAS Code ]]></b:skin>.

.post img{-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}.post img:hover{-o-transform:scale(1.2) rotate(360deg) translate(0px);-moz-transform:scale(1.2) rotate(360deg) translate(0px);-webkit-transform:scale(1.2) rotate(360deg) translate(0px);-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}}

[5]. Terakhir tinggal di SIMPAN dan lihat hasilnya.

OK,sekian Tips Blogger kali ini, semoga Tips ini bermanfaat buat Sobat Blogger semuanya, dan buat Sobat Blogger yg sudah Request, semoga  sudah terjawah pertanyannya.