Membuat Kata Sambutan Untuk Pengunjung Blog

Kata Sambuatan model 1, yaitu berupa kata sambutan dari Anda :

1. Login ke account blogger anda.
2. Klik Layout --> Edit HTML.
3. Cari kode </head> di dalam template anda.
4. Copy pastekan script di bawah ini tepat diatas kode </head> :

<SCRIPT language='JavaScript'>alert("WellCome To Seby-Antoe.Com(Silahkan baca baca ya !!)");</SCRIPT>

Keterangan :
+ Ganti tulisan yg warna merah pada script dengan kata kata anda sendiri

5. Kemudian klik Simpan Template.

Kata sambutan Model 2, yaitu berupa pertanyaan kepada pengunjung blog :

Caranya sama dengan diatas hanya berbeda script, Copy pastekan script di bawah ini tepat di atas kode </head> :

<script type="text/javascript">
var yourName = prompt("Bolehkah saya tau nama anda", "Nama Kamu Siapa?");
</script>

Keterangan :
+ Ganti tulisan yg berupa pertanyaan dengan pertanyaan anda sendiri.

Selamat mencoba ...

Tutorial Cara Membuat Efek Salju Di Blog Untuk Blogger Baru

1. Klik Tata Letak

2. Klik Tambah Gadget / Add A Gadget

3. Pilih Gadget Html/JavaScript

4. Masukkan kode Efek Salju di sini
5. Simpan (kamu juga bisa memindahkan letak widget jam tersebut dengan cara menarik gadget tersebut)

Kode Script Efek Salju

Inilah script efek salju yang harus dipasang pada widget blog kamu.

<script type="text/javascript" src="http://ahmad-rifai-tools.googlecode.com/files/salju-blog.ahmadrifai.net.js" /></script>

Karena salju itu warnanya putih maka efek salju di atas warnanya adalah putih, dan ini hanya cocok untuk blogger yang menggunakan template dengan warna gelap, seperti hitam, dsb. (Pokoknya yang bisa menampilkan efek salju yang berwarna putih).

Jika blog teman menggunakan template dengan warna putih seperti blog ini, maka script efek salju yang harus digunakan adalah yang script efek salju alternatif, silakan gunakan script berikut.

Kode Script Efek Salju Alternatif

<script type="text/javascript" src="http://ahmad-rifai-tools.googlecode.com/files/salju-blog.ahmadrifai.net.js" /></script>
<script type="text/javascript">

snowStorm.snowColor = '#99ccff'; // salju biru muda (silakan ganti dengan warna lain)
snowStorm.flakesMaxActive = 96;
snowStorm.useTwinkleEffect = true;
</script>

Catatan :

1. Cara bikin efek salju menggunakan script efek salju alternatif sama dengan cara yang sudah saya tuliskan di atas, yaitu dipasang pada widget blog.
2. snowStorm.snowColor = '#99ccff'; = adalah warna salju, silakan ganti kode #99ccff untuk merubah warna efek salju dengan warna yang kamu suka.

Bagaimana mencari kode warna untuk efek salju?
Silakan Download Software HTML Color Picker : Kode Warna atau lihat pada Daftar Kode Warna

Nah itulah panduan cara mudah membuat efek salju di blog blogger, semoga bermanfaat.

Cara Mudah Merubah Cursor Blog Blogger

Panduan Cara Mudah Merubah Cursor Blog Blogger

tutorial ini saya bagi menjadi 2, yaitu untuk blogger baru dan lama.

Tutorial Mudah Merubah Cursor Untuk Blogspot Baru

1. Klik Tata Letak

2. Klik Tambah Gadget / Add A Gadget

3. Pilih Gadget Html/JavaScript

4. Masukkan kode widget jam yang sudah saya sertakan di bawah
5. Simpan (kamu juga bisa memindahkan letak widget jam tersebut dengan cara menarik gadget tersebut)

Tutorial Mudah Merubah Cursor Untuk Blogspot Lama

1. Klik Menu Rancangan / Design

2. Klik Tambah Gadget / Add A Gadget

3. Pilih Gadget Html/JavaScript

4. Masukkan kode widget jam yang sudah saya sertakan di bawah
5. Simpan (kamu juga bisa memindahkan letak widget jam tersebut dengan cara menarik gadget tersebut)

Kode Cursor Untuk Blogger Yang Harus Di Pasang

Silakan copy dan paste kode berikut:

<style type="text/css">
body{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkdOB9SMgTqux1qvPxPdY6IEWVFeQb-ZsAVank8YmCJeAqixI8YgxI-GNG7qHHOuv3TIQBJpHz5LXwGoIN9ciLz9YuvnmJ_Ob8meWa2VgwAiDhZdI72KlNEKQFgb303x7m6lSvNQ60sCrO/s1600/jasablogsitus-web-id.gif"), auto;}
</style>

Catatan:
Silakan rubah tulisan yang saya beri warna Merah dengan url gambar cursor yang kamu suka.
Jika kamu menggunakan semua kode yang saya tuliskan di sini (tanpa mengganti bagian yang saya beri warna Merah) maka cursornya terlihat seperti ini

 

Update !!!

Agar corsornya berubah secara permanen walaupun diarahkan kelink silakan gunakan kode seperti ini:

<style type="text/css">
body{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkdOB9SMgTqux1qvPxPdY6IEWVFeQb-ZsAVank8YmCJeAqixI8YgxI-GNG7qHHOuv3TIQBJpHz5LXwGoIN9ciLz9YuvnmJ_Ob8meWa2VgwAiDhZdI72KlNEKQFgb303x7m6lSvNQ60sCrO/s1600/jasablogsitus-web-id.gif"), auto;}
body a:hover{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkdOB9SMgTqux1qvPxPdY6IEWVFeQb-ZsAVank8YmCJeAqixI8YgxI-GNG7qHHOuv3TIQBJpHz5LXwGoIN9ciLz9YuvnmJ_Ob8meWa2VgwAiDhZdI72KlNEKQFgb303x7m6lSvNQ60sCrO/s1600/jasablogsitus-web-id.gif"), auto;}
</style>

Catatan : Yang harus dirubah sama dengan yang sudah saya tuliskan di atas
Selamat mencoba, dan semoga ini bisa mempermudah teman dalam mengganti cursor blog bloggernya.

Cara Membuat Iklan Tampil Melayang Di Blog

Pernahkah Anda mengunjungi blog dengan iklan/gambar melayang di depan halaman blognya? Nah, Blog Tips kali ini memberikan tips kepada Anda bagaimana caranya membuat iklan melayang dengan tombol close?
Pertama Login ke Blogger lalu pilih rancangan, elemen halaman, dan masukkan kode html dibawah ini:





<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbcontent{
float:right;
border:2px solid #A5BD51;
background:#ffffff;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
<div style="text-align:right">
<a href="javascript:showHideGB()">
.:[Close][Klik 2x]:.
</a>
</div>
<center>

Masukan Kode iklan atau Gambar yang Anda inginkan di sini

</center>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></center></div></div>

Klik simpan dan lihat hasilnya, selamat mencoba!

Cara Membuat Navigation Page

1. Login ke Blogger dengan ID Anda.
2. Lalu Rancangan.
3. Klik Tambah Gadget.
4. Pilih Menu HTML/Java Script.
5. Lalu salin kode di bawah ini lalu tempel kodenya pada kotak HTML tersebut.
<style type='text/css'>.showpageArea a {text-decoration:underline;}.showpageNum a {text-decoration:none;border: 1px solid #cccccc;margin:0 3px;padding:3px;}.showpageNum a:hover {border: 1px solid #cccccc;background-color:#cccccc;}.showpagePoint {color:#333;text-decoration:none;border: 1px solid #cccccc;background: #cccccc;margin:0 3px;padding:3px;}.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}.showpage a {text-decoration:none;border: 1px solid #cccccc;padding:3px;}.showpage a:hover {text-decoration:none;}.showpageNum a:link,.showpage a:link {text-decoration:none;color:#333333;}</style><script style='text/javascript'>var pageCount=5;var displayPageNum=5;var upPageWord="Previous";var downPageWord="Next";</script><script style='text/javascript' src='http://snifan-blogspot.googlecode.com/files/kode3.js'></script>

6. Save Widget tersebut
7. Scrool atau pindahkan widget tersebut pada area di bawah posting