SELAMAT DATANG DIBLOG KAMAI

Minggu, 12 Agustus 2012


Cara Pasang Jadwal Sholat Di Blog

Buat kamu yang beragama islam,kali ini ada tips menarik nich !!! yaitu tips tentang Cara Pasang Jadwal Sholat Di Blog.jadwal sholat adalah sesuatu keharusan yang harus dimiliki oleh orang muslim.jadi biar ga lupa sholat dan untuk mengingatkan pengunjung blog kita khususnya yang beragama islam.Buat kamu yang tertarik untuk memasang jadwal sholat,Silakan ikuti tutorial Cara Pasang Jadwal Sholat Di Blog berikut ini.

1.Klik http://www.islamicfinder.org 

2.Kemudian klik Add new sevices to your site yang ada di bagian paling bawah.

3.Selanjutnya Pilih Menu yang No2,Yang ada tulisan 2) Do you want one day prayer time of your city to show up in your web site like one of the boxes below? If yes, then please select your country first.

4.Pilih negara pada pada menu dropdown No2 tersebut yang ada tulisan Select a Country,Pilih indonesia lalu klik GO.

5.Selanjutnya Ketikan kota tempat kamu tinggal pada Kolom Exact City Search:.setelah itu klik GO

6.Setelah itu Lalu klik Nama kota yang kamu masukan tadi. dan KlikGenerated Code Untuk mendapatkan kode HTML nya.

7.Setelah muncul kode HTML nya silakan Copy seluruh Kode HTML tersebut.

8.Selanjutnya LOGIN Ke Blogger .

9.Klik Tata Letak.

10.Klik tab Elemen Halaman.

11.Klik Tambah Gadget.

12.Kemudian Pilih HTML/Javascript.

13.Lalu paste seluruh kode HTML tadi kedalamnya,Kemudian klikSIMPAN.

14.Selesai ..sekarang tinggal kamu lihat hasilnya..

Berikut ini adalah hasilnya:
Horizontal




Vertical

Cara Mengganti Background Blogger



Halo para sobat, lagi-lagi kang fatur dateng lagi nie mao ngasih tips baru buat para sobat dan trik ini pernah ada yang minta sama kang fatur, kalau ga salah begini "Kang fatur gimana ya caranya mengganti Background blog saya seperti blognya kang fatur", kali ini kang fatur baru sempat posting trik ini karena banyak kesibukan soalnya komputer rentalan teman kang fatur banyak yang rusak hehe, jadi kang fatur di suruh nyervis dech, jadi cerita nie hehe. O.K para sobat khusunya sama yang pernah minta trik ini ma kang fatur kali ini kang fatur insyaAllah akan memberikan atau menjelaskan lngkah-langkahnya sampai dengan selesai.

Kang fatur tidak akan panjang lebar kita langsung aja ke pokok pembahasan O.K.

Seperti biasa masuk ke account blogger sobat Dashboard/dasbor Layout/tataletak, Edit HTML "JANGAN di CENTANG " Expand template widget nya ok!!
Lakukan backup dengan "download lengkap template" takut ada kekeliruan.
kemudian cari kode dibawah ini :

body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
color: $textColor;
background : #000000;
font-family: arial,verdana,helvetica,tahoma,Sans-serif;
font-size: 100%;
width: 100%;
}


KETERANGAN
Perhatikan teks yang berwarna merah!! tambahkan dengan kode seperti dibawah ini :


url(http://ALAMAT URL GAMBAR SOBAT);

dan jangan lupa tambahkan pula kode yang ada di bawah ini

background-attachment: fixed;

dan letakan di bawah kode tersebut, atau kurang lebih akan terlihat seperti ini :

body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
color: $textColor;
background: #ff0000 url(http://ALAMAT URL GAMBAR ANDA);
background-attachment: fixed;
font-family: arial,verdana,helvetica,tahoma,Sans-serif;
font-size: 100%;
width: 100%;
}


KETERANGAN
Untuk teks yang warna kuning bisa sobat pilih dari dua pilihan sebagai berikut :
Fixed : agar letak gambar background tetap/statis
Scroll : agar gambar background ikut bergerak/bergeser saat kita men-Scroll mouse kita.


dan jangan lupa klik tombol Save/Simpan Perubahan!! lihat hasilnya
Nah, mungkin hanya itu saja tips kali ini dari kang fatur mudah-mudahan bermanfaat di hati para sobat khusunya kepada yang pernah meminta. jangan lupa komentarnya O.K kang fatur mao nerusin nyervis lagi....


Dikutip dari: http://ade-tea.blogspot.com/2009/07/halo-para-sobat-lagi-lagi-kang-fatur.html#ixzz23L4niKui

Cara Membuat Favicon Online


Membuat Efek Bintang berjatuhan di halaman blog

Kadangkala kita bosan melihat halaman blog kita gitu-gitu aja tanpa ada pemandangan yang mengasikan, dan ingin memolesnya biar keliatan indah. Oke para sobat bloger khususnya pemula kali ini kang fatur dapet trik lagi ni setelah ke sana kemari mencari-cari akhirnya kang fatur menemukan juga yaitu cara membuat efek bintang berjatuhan di halaman posting para sobat. Wah wah wah...........wah!!!! udah kebayang ya pasti halaman posting kita tidak sepi lagi kalau sudah ada bintang-bintang mah hehehehe....

Oke para sobat, Jika para sobat tertarik untuk menambah efek bintang, kali ini kang fatur akan coba membantu para sobat.

Untuk itu silahkan ikuti langkah-langkah berikut ini :

1. Seperti biasa Masuk ke Blog para sobat
2. Klik Tab Tata Letak
3. Klik Tab Elemen Halaman
4. Klik Tambah Gadget
5. Klik pilihan HTML/JavaScript
6. Pastekan script di bawah ini ke kolom Konten yang tersedia

yang ini Efek bintang berjatuhan dengan jumlah 30 buah

<script src="http://kangfatur.googlecode.com/files/bintang30.js" type="text/javascript"></script>


kalau yang ini Efek bintang berjatuhan dengan jumlah 20 buah 

<script src="http://kangfatur.googlecode.com/files/bintang20.js" type="text/javascript"></script>


7. Klik Simpan
8. Selesai

Selamat mencoba, semoga berhasil dan bermanfaat di hati sobat


Dikutip dari: http://ade-tea.blogspot.com/2009/02/membuat-efek-bintang-bersatuhan-di.html#ixzz23L47I8de

Cara Membuat Favicon Online


Favicon Generator and Gallery
Menghasilkan Icon jadi Favorit untuk website Anda dan melihat galeri dari beberapa orang yang telah dibuat.
IE7 telah keluar dan sudah ada beberapa perubahan keren di jalan Favicons ditangani. Tidak lagi adalah Favicons diminta dan ditampilkan hanya oleh aksi dari pengguna situs bookmark Anda, jika favicon hadir, IE 7 akan menampilkannya di bar lokasi.
IE7 juga menampilkan Favicons dalam tab browser individu, sesuai dengan kesempatan branding lama menikmati oleh Mozilla berbasis browser seperti Firefox dan Camino serta keluarga Opera. Jika klien Anda belum favicon sadar, mereka yakin untuk menjadi begitu dekat.

The Favicon Generator


This tool will allow you to generate
a favicon.ico file from any image on your computer.
Source Image:
Favicon Size: 16x16 32x32 48x48 64x64
 http://www.favicon.co.uk/index.php

Cara Pasang Jadwal Sholat Di Blog


Cara Pasang Jadwal Sholat Di Blog

Buat kamu yang beragama islam,kali ini ada tips menarik nich !!! yaitu tips tentang Cara Pasang Jadwal Sholat Di Blog.jadwal sholat adalah sesuatu keharusan yang harus dimiliki oleh orang muslim.jadi biar ga lupa sholat dan untuk mengingatkan pengunjung blog kita khususnya yang beragama islam.Buat kamu yang tertarik untuk memasang jadwal sholat,Silakan ikuti tutorial Cara Pasang Jadwal Sholat Di Blog berikut ini.

1.Klik http://www.islamicfinder.org 

2.Kemudian klik Add new sevices to your site yang ada di bagian paling bawah.

3.Selanjutnya Pilih Menu yang No2,Yang ada tulisan 2) Do you want one day prayer time of your city to show up in your web site like one of the boxes below? If yes, then please select your country first.

4.Pilih negara pada pada menu dropdown No2 tersebut yang ada tulisan Select a Country,Pilih indonesia lalu klik GO.

5.Selanjutnya Ketikan kota tempat kamu tinggal pada Kolom Exact City Search:.setelah itu klik GO

6.Setelah itu Lalu klik Nama kota yang kamu masukan tadi. dan KlikGenerated Code Untuk mendapatkan kode HTML nya.

7.Setelah muncul kode HTML nya silakan Copy seluruh Kode HTML tersebut.

8.Selanjutnya LOGIN Ke Blogger .

9.Klik Tata Letak.

10.Klik tab Elemen Halaman.

11.Klik Tambah Gadget.

12.Kemudian Pilih HTML/Javascript.

13.Lalu paste seluruh kode HTML tadi kedalamnya,Kemudian klikSIMPAN.

14.Selesai ..sekarang tinggal kamu lihat hasilnya..

Berikut ini adalah hasilnya:
Horizontal




Vertical

jadwal sholat..

Sabtu, 11 Agustus 2012

Cara Membuat Burung Twitter Terbang Di Blogspot


Cara Membuat Burung Twitter Terbang Di Blogspot

Cara membuat / memasang widget burung Twitter terbang di Blogger, mungkin trik ini sudah tidak asing lagi bagi sobat dan sudah banyak sekali saya melihat blog yang sudah memasang widget burung Twitter terbang ini dengan berbagai macam style dan warna burung Twitter yang berbeda-beda, sekarang saya akan mengulas kembali khusus buat teman-teman blogger yang baru membuat blog dengan platform blogspot

Memasang Burung Twitter Terbang di Blogspot
Twitter adalah layanan jejaring sosial yang sangat populer sekarang ini selain Facebook dan Google+ dan tidak salah banyak orang yang beramai-ramai untuk menjalin koneksi melalui Twitter apakah itu untuk keperluan bisnis maupun hanya sekedar berteman saja, nah bagi sobat yang mempunyai blog tidak ada salahnya memasang widget burung twitter terbang ini selain membuat blog sobat cantik dan unik, widget ini juga mempermudah sobat untuk menjalin pertemanan baru dengan pembaca blog sobat, hanya dengan sekali klik pada burung twitter yang terbang maka akan otomatis terhubung dengan profile Twitter sobat,
Ok tanpa panjang lebar mari kita kupas bersama-sama cara memasang widget ini

Pertama-tama silahkan login di Blogger

  • Klik Layout > Add Gadget > Html/Javascript
  • Copy paste kode di bawah ini ke kolom Html/javascript

<!-- floating twitter Bird -->
<script type="text/javascript" src="http://bloggerpeer.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjadDYLztJXpGziR5FsGnQgQHD_h0Iz0T8lSaWfYLr0iF6-4AYSsHKHPcImHPcml1ezWAVC_Ps_-hMtLkno0DzeBhm74Bk9TdALMwaHP7nhegADbtmJNVnPh3i8SwLsUhnajl_U0mhViw/s1600/burung+twitter+terbang.png";
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
var twitterAccount = "http://twitter.com/Username";
var tweetThisText = "Twitter - UserID http://bloggerpeer.blogspot.com/";
tripleflapInit();
</script>


  • Ganti kode yang berwarna biru dengan nama pengguna (username) akun Twitter sobat
  • Simpan dan lihat hasilnya

Warna Pilihan Burung Terbang Twitter

Rubah Warna Burung Twitter

Untuk membuat warna burung twitter yang lain sobat bisa mengganti kode yang berwarna merah diatas dengan kode-kode dibawah ini sesuai dengan warna pilihan yang sobat inginkan

Warna Kuning

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGiI0ogPcQW4SOKtFOowLujvB63M1g-XRfa25Yd1ZaTB1g9N7HhSvzY2gcfX24Dx6bmQYhi4gCEjdDpd_vk9iKo1YqWb_g1RxpUK36DtEA3BqIxk5ShyMbEyJrbUgaCAlZueeTIdxMzEM/s1600/yellow+bird.png
Warna Hitam

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0Px4QP5KoXXPFjFDS8mM7is5fWUXTG52J6bcq-ulOsZbOsliNORq-zMMaIhfI9ut9j6C8BjvrZaBtsN9WmlIbJ7iW6cwYJV6ziaObFtsm1LqJpToCsX_D50AKp5M_gXqgLafIPHaAXMQ/s1600/black+bird.png
Warna Biru

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqR9a1zRlYPxmjIxuGw9bmHjOIL-pHnDRWQuxptAaYo5cY9m6QDpqa6N8Qh1ANkNr4Pc0SDmlQqF7p-xNjjGhlAw_n7EmhBLxvKEzGXr2K1ScZLuaNS0BGhXHUL4OumwigpzBqAiLCD38/s1600/Blue+bird.png
Warna Coklat

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5zd2v0_PO1O4fuB1rdzlWHc0sBwLVtVCZOydxKBdS6Y2b4Tm4Es09PfJug-jBObsgVtxvJbzEzkBzNZ5knTzFVYj4VbSDXaBmSvzNF-O0bMi0NXyiwQMDxRPtb_cEgYfqvI6pKEr0dB8/s1600/brown+bird.png
Warna Hijau

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7xC1meEeaBAD04gYIdz9q4c_isOB6eBPXOmZI_9ejXUC8V6UTXwjPLoVeSwVwPT_Hygdkehr0sFoq3s9ZuApBHL2bSYk7bOIAUVWI2P5TwAgqmViVHAqhZEU7LBlhxFXnFRmcaH8QYSk/s1600/Green+bird.png
Warna Ungu

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIdhWwus_Wa3QFaFJS1ex_rPzA2T8f9aA2P2DXvY8IrddbGeFQH5A59tJyyseY-bbzd8UHjzm02XxIbazgr8msEk1zWnxJ51kLxBsoADw29uFndxlcaU9MRroTbTHaT6QMWOM6xtTUoAI/s1600/purple+bird.png
Warna Putih

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL0bt5D7xw9qDaAGjs76P7-h_G_jWD98crijvqsCFr1wZyqIUqU10BmWToQW46eJk6g0x4P35_RkuR7d5rRUynvk5UpXDZKWJigxLXoNBHuV9hKSSnb5-w7JwBnfQSvp4TarmpNtvVvfw/s1600/white+bird.png
Warna Merah

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCAWPttxx2Vkvqoij0UI4fdw7Grb7TL700MBB-R-Zf-0TPm9jgMtoi0vr5KTnx69Ot8EgytpoXuc2ZUMU-jkwxk8XuPCICJ2n6d8Heh3J3k8n5mkkd7zSdhXkAooDmiVIz0NbRLyrgF58/s1600/red+bird.png

Dan terakhir jangan lupa disimpan
Good luck Sob..!

Widget Animasi Selamat Puasa 2

Widget Animasi Selamat Puasa 2


Widget Animasi Selamat Puasa 2
Nama : Animasi Selamat Puasa 2
Ukuran : 32 KB
Caranya mudah. Login ke blog seperti biasa, Pilih Tata Letak, Pilih Tambah Gadget, Pilih Tambah HTML/Javascript. Copy dan Paste code berikut :
POSISI BAWAH KIRI

<script language="JavaScript" src="https://sites.google.com/site/zonasampit/Remajasampit.js" type="text/javascript">
</script><script language="JavaScript" type="text/javascript">
eXl1lXc('https://7a6df22d-a-62cb3a1a-s-sites.googlegroups.com/site/remajasampit/puasa-2.swf','bottom','-3px','left','0px','112213','150','132','transparent','ffffff');
</script>

POSIS BAWAH KANAN

<script language="JavaScript" src="https://sites.google.com/site/zonasampit/Remajasampit.js" type="text/javascript">
</script><script language="JavaScript" type="text/javascript">
eXl1lXc('https://7a6df22d-a-62cb3a1a-s-sites.googlegroups.com/site/remajasampit/puasa-2.swf','bottom','-3px','right','0px','113213','150','132','transparent','ffffff');
</script>

POSIS ATAS KIRI

<script language="JavaScript" src="https://sites.google.com/site/zonasampit/Remajasampit.js" type="text/javascript">
</script><script language="JavaScript" type="text/javascript">
eXl1lXc('https://7a6df22d-a-62cb3a1a-s-sites.googlegroups.com/site/remajasampit/puasa-2.swf','top','-13px','left','0px','113211','150','132','transparent','ffffff');
</script>

POSIS ATAS KANAN

<script language="JavaScript" src="https://sites.google.com/site/zonasampit/Remajasampit.js" type="text/javascript">
</script><script language="JavaScript" type="text/javascript">
eXl1lXc('https://7a6df22d-a-62cb3a1a-s-sites.googlegroups.com/site/remajasampit/puasa-2.swf','top','-13px','right','0px','113212','150','132','transparent','ffffff');
</script>

NB: Kalo widget tidak muncul mungkin sobat ada melakukan kesalahan dalam proses. Jika sobat sudah dengan benar melakukan langkah-langkah tetapi widget tidak muncul,mungkin tertutup oleh widget lain atau sobat bisa refresh halaman.

Membuat Buku Tamu "Tersembunyi"


Membuat Buku Tamu "Tersembunyi"

Jumat, 17 Juli 2009
Kalau kamu ga tau lagi mau taruh buku tamu kamu di mana, buat aja buku tamu kamu "tersembunyi", dan kalau diklik akan langsung terlihat.
Contohnya kamu bisa lihat di bagian sebelah kanan layar kamu, dan klik tab yang berwarna hijau tersebut. Dan buku tamu itu akan bergerak keluar, sehingga yang tadinya tidak kelihatan akan jadi terlihat.

Caranya:
  1. Masuk ke account Blogger kamu, pilih "Layout" kemudian "Page Elements",
  2. Klik "Add a Gadget" (yang mana aja oke), kemudian pilih "HTML/JavaScript",
  3. Copy-paste kode di bawah ini:
    <style type="text/css">
    #gb{
    position:fixed;
    top:50px;
    z-index:+1000;
    }
    * html #gb{position:relative;}
    
    .gbtab{
    height:100px;
    width:30px;
    float:left;
    cursor:pointer;
    background:url('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') no-repeat;
    }
    .gbcontent{float:left;
    border:2px solid #A5BD51;
    background:#F5F5F5;
    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.right = x.toString() + "px";
    if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
    }
    </script>
    
    <div id="gb">
    
    <div class="gbtab" onclick="showHideGB()">   </div>
    
    <div class="gbcontent">
    
    <!-- Ganti ini dengan kode buku tamu kamu -->
    
    <br/>
    Mau punya buku tamu seperti ini?<br/>
    Klik di
    <a href="http://infotentangblog.blogspot.com/2009/07/membuat-buku-tamu-tersembunyi.html">
    sini (Info Blog)
    </a>
    
    <div style="text-align:right">
    <a href="javascript:showHideGB()">
    [tutup]
    </a>
    </div>
    
    </div>
    
    </div>
    
    <script type="text/javascript">
    var gb = document.getElementById("gb");
    gb.style.right = (30-gb.offsetWidth).toString() + "px";
    </script>
  4. Pada kode di atas, cari kode <!-- Ganti ini dengan kode buku tamu kamu --> dan ganti kode tersebut dengan kode buku tamu yang kamu dapatkan dari situsnya,
  5. Kamu juga bisa atur posisinya. Ubah aja nilai atribut top-nya. Kalau mau lebih ke atas dikit, ubah jadi 30px atau 20px, terserah kamu.
  6. Selamat mencoba!
Catatan: di kode di atas aku pasang backlink ke post ini, kalau kamu mau berbaik hati, tolong backlink-nya jangan dihapus, ya! :D

Cara Membuat Buku Tamu Tersembunyi di Blog



Cara Membuat Buku Tamu Tersembunyi di Blog

DAFTAR LINK NYA DISINI .. ION KHALIS.. 


Cara Membuat Buku Tamu Tersembunyi di Blog - Cara memasang buku tamu/guest book tersembunyi di blogatau cara agar buku tamu/guest book bisa tersembunyi di blog.
Buku tamu merupakan tempat untuk menaruh pesan singkat di blog anda ketika sedang ada yang berkunjung.  Membuat buku tamu harus menggunakan jasa web yang menyediakan layanan buku tamu. Maksud dari judul tersembunyi disini bukan lah buku tamu yang tidak bisa dilihat oleh pengujung, tetapi buku tamu ini akan berada di sebelah artikel blog yang akan terbuka jika ada yang klik gambar buku tamu tersebut. Langkah ini merupakan salah satu langkah dalam menghemat tempat di blog kita. Selain itu, untuk menghemat tempat, anda juga menambahkan tab view di blog Anda. Baca: cara membuat tab view di blog. Jika anda tertarik untuk membuat buku tamu tersembunyi ini, silahkan ikuti langkah berikut:
Sebelum anda membuat buku tamu di blog anda, anda harus memiliki kode buku tamu, anda bisa mendapatkannya di ShoutboxCbox, atau Shoutmix. Setelah anda memiliki kode buku tamu tersebut, lanjut ke langkah berikut:
1. Login di blogger dengan ID anda
2. Klik menu Layout
3. Klik Page Elements
4. Klik Add a Page Element
5. Klik ADD TO BLOG pada menu HTML
6.Lalu Copy kode berikut dan Pastekan Pada kotak HTML

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
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.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">

< Letakkan disini kode Shoutbox Anda>

<div style="text-align:right">
<a href="http://amronbadriza.blogspot.com/2012/05/cara-membuat-buku-tamu-tersembunyi-di.html">
[Blogaul]
</a>|<a href="javascript:showHideGB()">
[tutup]
</a>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>
Ganti tulisan < Letakkan disini kode Shoutbox Anda> dengan kode script buku tamu sobat.
7.Save Widget tersebut.
Jika langkah tersebut sudah anda lakukan, anda dapat melihat hasilnya pada blog anda masing-masing. Demikianlah cara memasang buku tamu tersembunyi ini, semoga bermanfaat.

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 TEMPLAT

Cara Buat Pesan Selamat Datang Di Blog


Cara Buat Pesan Selamat Datang Di Blog

Buat menyambut dan berterima kasih kepada pengunjung blog kita tidak perlu repot-repot ,Kamu bisa membuat Pesan selamat datang di blog kamu saat pengunjung membuka blog kamu.Dalam postingan yang begitu singkat ini klinik-it akan sedikit menjelaskan tentang bagaimana Cara Buat Pesan Selamat Datang Di Blog.Mungkin Pesan selamat datang ini perlu dipasang di blog kita sebagi tanda penyambutan.Sebagai contoh kamu bisa Klik Disini.

Selain Penting untuk penyambutan pengunjung Blog kita,Terkadang pesan selamat datang ini sedikit membuat kaget dan membuat pengunjung bingung .soalnya ada pesan secara tiba-tiba. Ya udah buat kamu yang berniat memasang Pesan Selamat Datang Di Blog. kamu bisa mengikuti Tutorial Cara Buat Pesan Selamat Datang Di Blogberikut ini.

1.Login Ke Blogger.

2.Klik Tata Letak.

3.Klik Edit HTML.

4.Kemudian Cari Kode </head>.lalu Copy dan paste kode berikut di atasnya.

<SCRIPT language='JavaScript'>alert("Selamat Datang");</SCRIPT>

5.Silakan Ubah Kode yang Berwarna merah itu dengan kata-kata untuk pesan selamat datang di blog kamu.

6.Kalo sudah silakan klik SAVE TEMPLATE.Dan coba buka kembali blog kamu dari ulang.

Cara Membuat Kata Penutup di Blog


Cara Membuat Kata Penutup di Blog

Sobat bingung ya.. sama dudul postingan klinik-it kali ini ? hehehe ga usah bingung-bingung karena klinik-it akan menjelaskanya .Cara Membuat Kata Penutup di Blog maksudnya adalah kita memberikan salam pada pengunjung blog kita sebelum sang pengunjung menutup atau keluar dari blog kita . Kalo sobat klinik-it belum pahah silakan sobat klik disini lalu keluar lagi dari blog tersebut ,nahh sebelum sobat meninggalkan blog tersebut ada sebuah pesan yang muncul kan .nahh itu dia yang disebut Kata Penutup di Blog. sekarang sobat sudah paham kan ?

Cara Membuat Kata Penutup di Blog ini mudah koq sobat,yang perlu sobat lakukan hanyalah menambahkan sedikit script pada element HTML template sobat .Biar lebih jelas silakan sobat ikuti langkah-langkah dibawah ini untuk Membuat Kata Penutup di Blog.

Cara Membuat Kata Penutup di Blog

1.Login Ke Blogger .

2.Klik Tata Letak.

3.Klik Edit HTML.

4.Selanjutnya Silakan Sobat Cari Kode </head> .biar lebih mudah mencarinya tekan aja tombol CTRL+F.

5.Kalo udah ketemu kodenya Copy dan Paste kode berikut tepat dibawah kode </head>

<script type='text/javascript'>
// goodbye alert
function goodbye(){
alert('TERIMA KASIH ATAS KUNJUNGANNYA DAN JANGAN LUPA BERKUNJUNG KEMBALI..');
}
parent.window.onunload=goodbye;

</script>

6.Ubah teks yang berwarna biru sesuai dengan keinginan sobat.

7.Klik SIMPAN TEMPLATE .

8.Sekarang tinggal sobat lihat hasinya . silakan sobat berkunjung ke blog sobat sendiri kemudian coba sobat keluar dari blog sobat . nanti akan ada salam perpisahan .hehehe

Cara Pasang Fasilitas Chat Di Blog


Cara Pasang Fasilitas Chat Di Blog

Chatting, Mungkin kata itu sudah ga asing lagi buat para peselancar di dunia maya .Tapi apa bisa Pasang Fasilitas Chat Di Blog ,jawabanya adalah bisa, karena dalam postingan kali ini klinik-it akan menjelaskan tentang Cara Pasang Fasilitas Chat Di Blog .Meski sudah ada shoutmix/shoutbox/buku tamu fasilitas chat setidaknya perlu dipasang di blog ,Walaupun fasilitas chat yang ada di blg hampir sama fungsinya dengan shoutmix, Tapi shoutmix cenderung digunakan hanya untuk blogwalking atau absen rutin saja.Beda dengan Fasilitas Chat Di Blog,Fasilitas Chat Di Blog digunakan untuk chat dengan sesama user blog kita ,dan juga kita bisa berbaur untuk mererima masukan-masukan dari user blog tentang blog kita melalui fasilitas chat ini.

Fasilitas chat untuk blog yang klinik-it bahas kali ini adalah fasilitas chat dari chatroll.com ,karena gratisan.hehehe fasilitas chatnya hampir sama dengan YM atau jika sobat pernah mencoba fasilitas chatliveconnector.com fasitas chat chatroll.com hampir sama dengan fasilitas chat tersebut.nah.. jika sobat tertarik untuk Memasang Fasilitas Chat Di Blog langsung aja ikuti langkah-langkah cara Cara Pasang Fasilitas Chat Di Blog di bawah ini .

Cara Pasang Fasilitas Chat Di Blog

1.Klik http://chatroll.com/signup.

2.Setelah itu lakukan pendaftaran .jika kurang jelas lihat gambar dan intruksi di bawah .



  • isi User Name dengan user name yang sobat inginkan .
  • isi Password dengan password yang sobat inginkan (bukan password email).
  • isi Email dengan email sobat.
  • selanjutnya masukan kode verifikafi yang ada pada gambar ke dalam form Verification Code.
  • Jika sudah selesai silakan klik I accept Create my account.
3.Setelah pendaftran berhasil ,selanjutnya sobat klik CREATE A CHATROLL. lihat gambar di bawah .



4.Selanjutnya isikan nama pada → Name your Chatroll. jika sudah selesai klik Continue .

5.Pada tahap selanjutnya klik HTML Website pada kategori Universal / Custom Install: ..lihat gambat .



6.Setelah itu Copy Kode HTML Chatroll milik sobat yang ada di bagian kanan atas . lihat gambar .



7.Selanjutnya Login ke blogger.

8.Klik Tata Letak .

9.Klik Tambah Gadget.

10.Klik HTML/javascript.

11.Kemudian Paste kode HTML chatroll milik sobat ke dalamnya.

12.Klik SIMPAN.

13.Hasil chatroll yang tadi di buat adalah seperti di bawah ini .


Cara Cara Merubah Domain Co.cc Ke Blogspott


Cara Cara Merubah Domain Co.cc Ke Blogspott


Setelah Sebelumnya Klinik-it memposting artikel tentang Cara Merubah Domain Blogspot ke Co.Cc. Dan Dalam postingan tersebut ada yang bertanya bagaimana cara untuk Merubah Domain Co.cc Ke Blogspotkembali .Caranya cukup mudah koq. dan klinik-it akan menjelaskanya.langsung aja ikuti langkah-langkah berikut untuk Cara Merubah Domain Co.cc Ke Blogspot.

1.Login ke Blogger dengan ID kamu.

2.Klik Tab menu Pengaturan.

3.Klik Lagi Publikasikan.

4.Klik Lagi Berpindah ke: • blogspot.com

5.Selanjutnua masukan Verifikasi kata dan klik SIMPAN SETELAN

6.Selesai Domain blospot kamu pun kembali ke asalnya.hehehe


Cara membuat Foto berjalan


Cara membuat Foto berjalan

Foto Yang berjalan di blog memang sangat menarik untuk dilihat . bagaimana cara membuatnya ? yupz.. Dalam postingan kali ini saya akan menerangkan bagaimana cara membuat foto berjalan di blog . Sama seperti teks yang berjalan gambar yang berjalan ini juga menggunakan efek dari marquee . langsung ajah yach kita praktek .hehehehe
Ikuti langkah-langkah berikut untuk membuat gambar berjalan di blog

Copy Paste kode berikut ke blog anda :

<table border="10" cellpadding="3" height="135" width="195"/>
<tr>
<td>
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="192" height="132" align="center">

<img src="http://farm5.static.flickr.com/4017/4274096032_8bf5bd349a_o.jpg" height="130" width="190" />
<br/>
<img src="http://farm5.static.flickr.com/4046/4273351371_7c1ceb936b_o.jpg"height="130" width="190" />

</marquee>
</td>
</tr>
</table>

Hasilnya Adalah sebagai berikut :










Keterangan ganti link yang berwarna biru dengan link tempat anda menaruh gambar, contohnya saja gambar yang anda taro di flickr.com .


Membuat Gambar berjaln Dari kiri ke kanan

Copy paste kode berikut ke blog anda :
<marquee align="center" direction="left" height="200" scrollamount="3" width="100%" >

<img src="http://farm5.static.flickr.com/4017/4274096032_8bf5bd349a_o.jpg" width="190" height="130" />


</marquee>

Hasilnya Adalah sebagai berikut :






Selamat mencoba.......

27 KOMENT

Cara Pasang jam di blog


Cara Pasang jam di blog

Dalam postingan kali ini saya akan membahas bagaimana cara memasang jam Di blog . Tanpa banyak basa-basi yang akhirnya nanti basi beneran .hehehehe .Di indonesia ini terbagi dalam 3 bagian zona waktu Yaitu Waktu indonesia barat,timur dan tengah, Jadi perlu disesuaikan dengan zona waktu di daerah anda . Ikuti langkah berikut :

1.Login ke blogger.

2.Klik Tatat Letak.

3.Klik Tambah Gadget.

4.Pilih HTML/javascript.

5.Kemudian Pilih zona waktu daerah sobat dan copy paste kode jam di bawah ini.

Copy Paste Kode Berikut Untuk Zona waktu WIB

Hasil


Copy Paste Kode Berikut Untuk Zona waktu WITA

Hasil


Untuk Zona Waktu indonesia tengah mohon maaf belum tersedia . Untuk Mendapatkan desain jam yang lebih menarik silakan Kunjungi situs www.clocklink.com , Tersedia juga jam bentuk digital atau analog dengan beberapa type.

Selamat Mencoba dan semoga bermanfaat

Pasang Widget Blogger Indonesia di Blog

Pasang Widget Blogger Indonesia di Blog ---Sekedar berbagi untuk semua teman blogger yang ingin memasang widget Blogger Indonesia di blogspot, bisa mengunakan widget kreasiIskaruji dot com ini. Untuk Bonus gambar animasi, saya kutip dari beberapa sumber yang saya temui di beberapa blog. Adanya widget ini mungkin dapat menjadi alternatif lain dari widget sejenis untuk sisi tampilan blog sahabat blogger sekalian.

Cara pasang widget ini juga begitu mudah. Pada dasboard blog kamu pilih Design > Page Element > Add Gadget dan pilih JavaScript/HTML. Kemudian pastekan kode yang kamu pilih. Atau bisa juga dengan meng-klik pada gambar widget yang dipilih berikut:


Berikut kode widget Blogger Indonesia:

Iskaruji dot com
SUDUT KIRI ATAS


Iskaruji dot com
SUDUT KANAN ATAS


Iskaruji dot com
SUDUT KIRI BAWAH


Iskaruji dot com
SUDUT KANAN BAWAH

Kamu juga bisa menggunakan image kreasi kamu sendiri dengan format PNG ukuran 100 X 100 Pixel. Kemudian ganti url image yang ada dengan url image kamu.

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | cheap international voip calls