Cara Membuat Efek Hujan Salju di Blog Anda

Efek hujan salju yang saya posting ini sangat bagus ditampilkan jika blog sobat mempunyai background/latar belakang berwarna gelap atau hitam. Karena kalo efek hujan salju ini dipasang di blog yang background pada bagian posting warna terang atau putih seperti blog saya ini, maka pemasangan efek hujan saljunya jadi sia-sia karena tidak akan terlihat. Apalagi kalo hujan saljunya kecil-kecil kayak hujan gerimis gitu wah tambah ngga keliatan jadinya. Kalau efek hujan daun  berjatuhan yang saya posting sebelum ini karena daunnya berwarna hijau malah lebih terlihat jika backgroundnya putih. Langsung aja nih sobat ikuti langkah pembuatannya disini ya.

Cara membuat/memasang efek hujan salju di blog :

1.    Login ke dashboard blogger anda.

2.    Pilih Rancangan > Elemen Halaman > Add gadget (HTML/JavaScript).

3.    Letakkan script efek hujan salju dibawah ini pada gadget.

<script src='http://hbhost.googlecode.com/files/snow.js' type='text/javascript'> </script>

4.    Simpan dan lihat hasilnya.

Nah hujan saljunya sudah terlihat turun kan he he.., kapan ya kita bisa merasakan musim dingin beneran kayak di Amrik sono ? OK sobat sekian dulu aja tips/trik cara membuat/pasang efek hujan salju pada blog ini. Semoga bermanfaat dan salam blogger.

Change Address Bar Icon / Favicon In Blogger

1. Log in to Blogger in www.blogger.com [Click]
2. In the Dashboard click the Edit Html ----> Layout
3. Search This code </ head> (Use CTRL + F)
4. Copy Paste the code below, above (Before) Code </ head>

   
   <link href='http://i1210.photobucket.com/albums/cc419/andr1edk/account_mngame_2.gif' rel='SHORTCUT ICON'/>

   
   
    Link Icon Replace the red with your icon Links
   
   
5.  Last Save Template

Examples : http://i1210.photobucket.com/albums/cc419/andr1edk/account_mngame_2.gif

Hopefully Helpful ....

Cara mengganti logo blogger

Mengganti Logo Blogger.com

Pernah lihat logo para blogger yang memakai logo sendiri (default logo blogger.com mirip huruf B)??? Lama-lama jadi pingin juga ganti logo pakai image buatan sendiri, jadi sekarang kubuat logo atau gambar dengan ukuran width : 20px dan height : 20px, simpan dengan format gif.
Kemudian upload photo/gambar yang sudah diedit tadi ke situs penyimpan gambar. Supaya ga usah daftar lagi gunakan aja yang punya google, picasaweb.google.com tinggal masukkan ID Email dan sandi gmail.
Atau bisa juga disimpan di photobucket.com dan yang lainnya.
Copy / ambil kode link gambar yang sudah anda upload
(misal : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQxKgcyRNGGFZLLZU0IABEO2eqS5IobYIp52UeK6EZMdPrA4rnvhsPHgeMFqW_sG7AHRnTyxs7SGYWJGHc2PVeNOq3T9PG4TS6sZh7UalAoPlCUV4zCZzedXYe8ZKZzWZZ-JIPi_7hBp0/s800/bendera%20indonesia.gif )

Cari kode html berikut di template blog anda :

<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[

(untuk lebih cepat gunakan ctrl F saat mencari di Edit HTML blog anda)

Copykan kode berikut diantara kedua kode diatas :

<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQxKgcyRNGGFZLLZU0IABEO2eqS5IobYIp52UeK6EZMdPrA4rnvhsPHgeMFqW_sG7AHRnTyxs7SGYWJGHc2PVeNOq3T9PG4TS6sZh7UalAoPlCUV4zCZzedXYe8ZKZzWZZ-JIPi_7hBp0/s800/bendera%20indonesia.gif' rel='shortcut icon'/>

tulisan yang tercetak tebal dan berwarna biru diatas adalah alamat file gambar yang tadi sudah anda uploud, ganti dengan kode gambar anda.



Untuk jelasnya hasil copy paste seperti dibawah ini :

<title><data:blog.pageTitle/></title>

<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQxKgcyRNGGFZLLZU0IABEO2eqS5IobYIp52UeK6EZMdPrA4rnvhsPHgeMFqW_sG7AHRnTyxs7SGYWJGHc2PVeNOq3T9PG4TS6sZh7UalAoPlCUV4zCZzedXYe8ZKZzWZZ-JIPi_7hBp0/s800/bendera%20indonesia.gif' rel='shortcut icon'/>

<b:skin><![CDATA[

lalu tinggal simpan template anda (SAVE)

dan lihat hasilnya >>>> Logo Blog anda sudah ganti....

Selamat Mencoba.

Cara Membuat Judul Blog Bergerak

Cara Membuat Judul Blog Bergerak

Setelah Sebelumnya Klinik-it membahas soal SEO .kali ini klinik-it kembali akan membahas tentang tips-tips menarik mengenai Blog.Dalam postingan kali ini klinik-it akan membahas tentang Cara Membuat Judul Blog Bergerak.Knapa judul blognya bergerak ? tujuanya mungkin supaya Blog jadi terlihat dinamis.Judul blog kita jadinya akan terlihat berjalan pada title bar browser.Sebagai contoh lihat disini
Buat kamu yang ingin membuat Judul Blog Bergerak silakan ikuti tutorial Cara Membuat Judul Blog Bergerak Berikut ini.

1.LOGIN ke blogger.

2.Kemudian klik Tata Letak Kemudian Klik Lagi Edit HTML.

3.Selanjutnya cari kode berikut ini.

<title><data:blog.pageTitle/></title>

4.Hapus Kode Tersebut dan ganti dengan Kode berikut ini>

<b:include data='blog' name='all-head-content'/>
<script language='JavaScript'>
var txt="<data:blog.pageTitle/>";
var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>

5.Kamu bisa mengganti angka 100 yang berwarna biru tersebut dengan keinginan kamu.Angka tersebut adalah kecepatan pergerakan judul blog kamu.

5.Kalo udah selesai silakan klik SAVE TEMPLATE

Langgan: Poskan Komentar (Atom)

Cara Mempercantik Blog : Cursor Memakai Text

Cara Mempercantik Blog : Cursor Memakai Text

BY ISHAK
Cara Mempercantik Blog selanjutnya adalah Cursor Memakai Text maksudnya adalah sebuah kursor yang di ikuti beberapa kata sesuai dengan yang kita inginkan. Cara nya ???? ini dia saya kasih ..

Berikut langkah Cara Mempercantik Blog : http://ishakblogmania.blogspot.com/

• Login terlebih dahulu ke Blog Anda -Kemudian masuk ke Pengaturan > Template > Edit HTML
• Jangan lupa backup terlebih dahulu templatenya
• cari <head> 

<style type="text/css">
/* Circle Text Styles */
#outerCircleText {
/* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE SCRIPT */
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #000;
/* End Optional */
/* Start Required - Do Not Edit */
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;}
/* End Required */
/* End Circle Text Styles */
</style>
<script type="text/javascript">
/* Circling text trail- berry blog
Website: http://blogpenipu.blogspot.com
*/
;(function(){
// Your message here (QUOTED STRING)
var msg = "Kunjungi http://ishakblogmania.blogspot.com/";
/* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */
// Set font's style size for calculating dimensions
// Set to number of desired pixels font size (decimal and negative numbers not allowed)
var size = 24;
// Set both to 1 for plain circle, set one of them to 2 for oval
// Other numbers & decimals can have interesting effects, keep these low (0 to 3)
var circleY = 0.75; var circleX = 2;
// The larger this divisor, the smaller the spaces between letters
// (decimals allowed, not negative numbers)
var letter_spacing = 5;
// The larger this multiplier, the bigger the circle/oval
// (decimals allowed, not negative numbers, some rounding is applied)
var diameter = 10;
// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.4;
// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
var speed = 0.3;
////////////////////// Stop Editing //////////////////////
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></div>

• Setelah itu copy kode di atas tepat di bawah tags <head>
• kemudian save liat dah hasilnya..

ket : kata yang berwarna merah silakan ganti sesuai dengan keinginan Sobat Ok????

Gimana tutorialnya?? berhasilkan Cara Mempercantik Blog : Cursor Memakai Text nya??? apakah udah bertaburan??

Cara membuat blog

Bagaimana ya cara memasukkan link yang bisa di klik pada postingan blog blogger?...

Memasukkan link kedalam posting blog sangat mudah bagi mereka yang sudah lama blogging, namun bagi pemula ini adalah hal yang cukup membingungkan, apalagi baru mengenal dunia blogging.

Bagi teman-teman yang ingin tau bagaimana cara memasang link di postingan blog blogger silahkan baca terus ya.

Ada dua cara yang bisa kita lakukan agar bisa memasukkan link ke dalam postingan blog blogger, yaitu:

1. Menggunakan menu untuk memasang link yang sudah di sediakan blogger.
2. Menulis kode html secara manual.

Mari kita mulai dengan cara yang pertama.

Untuk memasukkan link ke postingan blog blogger menggunakan menu yang sudah di sediakan oleh blogger sangat mudah, namun terkadang kita tidak mengetahui fungsi menu tersebut.

Langkah pertama

Silahkan kopi dulu link yang ingin kita masukkan ke postingan.

Caranya yaitu dengan mengarahkan kursor mouse ke link yang ingin kita masukkan, kemudian klik kana, setelah itu klik tulisan salin lokasi tautan.



Langkah kedua

Blok tulisan yang ingin dipasangi link tersebut kemudian klik Menu untuk memasukkan link yang sudah di sediakan blogger kemudian masukkan link tadi kedalam kolom isian link, setelah itu klik Ok.



Sekarang silahkan lihat tulisan yang anda blok tadi, insya'Allah sudah ada linknya.

Hasilnya : Blog Tutorial untuk pemula

Cara yang kedua

Selain cara di atas, kita juga bisa memasukkan link menggunakan cara lain, yaitu dengan menuliskan sendiri kode htmlnya

untuk memasukkan link menggunakan cara ini juga mudah kok, yang harus di lakukan hanya menuliskan kode html berikut:

<a href="Masukkan Link Di Sini">Ini tulisan yang nanti ada linknya</a>

Silahkan tulis kode seperti yang sudah saya tuliskan di atas, pada bagian yang saya tulis Masukkan Link Di Sini silahkan ganti dengan link yang ingin di masukkan, dan pada bagian Ini tulisan yang nanti ada linknya silahkan ganti dengan tulisannya misalnya Klik Disini, Join Now, dsb.

Udah dulu ya, mudah-mudahan artikel ini bisa di fahami dan semoga bermanfaat.

Posted by Ahmad Rifai on 2:10 AM in Cara Memasukkan Link Ke Postingan Blogger Blog | 16 comments

Tags: blogger tutorial

Jangan Lupa Klik Tombol Like dan Shareya ... :-)