Cara mengganti favicon

Halo sobat blogger kali ini saya akan memberikan tutorial cara mengganti favicon pada blog . Favicon adalah icon web yang pertama kita buka biasanya kalo kita memakai blog iconnya bergambar B tapi kali ini saya akan mengganti icon blog tersebut dengan gambar keinginan kalian . Kalo punya blog saya faviconnya seperti gambar di samping sebelah kiri saya

1. Login ke Blogger Sobat > Pilih Rancangan > Edit HTML (centang expand widget HTML)
2. Jika sudah silahkan Copy kode script dibawah ini

<link href=’http://i1092.photobucket.com/albums/i401/azizalyunan/av.gif' rel='SHORTCUT ICON'/>

Ket : Gantilah kode berwarna merah dengan url gambar andaa

3. Cari kode ]]></b:skin>  lalu Paste kan disesudah ]]></b:skin> 

]]></b:skin>

<link href=’http://i1092.photobucket.com/albums/i401/azizalyunan/av.gif' rel='SHORTCUT ICON'/>

4. Save Template

Read More

Cara membuat kata sambutan , kata penutup , dan pertanyaan pada blog

A. Cara membuat Kata Sambutan di blog

1. Login ke Blogger Sobat  lalu pilih Rancangan > Edit HTML ( Centang Expand Template Widget )
2. Lalu Copy script di bawah ini

<SCRIPT language='JavaScript'>alert("Selamat dating di Azizal RPLA ");</SCRIPT>

Ket :   Kode yang berwarna merah gantilah dengan kata-katamu

3. Cari kode </head> lalu Paste kan di atas kode </head> 

4. Save template


B. Cara membuat Kata Penutup di blog

1. Login ke Blogger Sobat  lalu pilih Rancangan > Edit HTML ( Centang Expand Template Widget )
2. Lalu Copy script dibawah ini

<script type='text/javascript'>
// goodbye alert
function goodbye(){
alert(‘Terima kasih atas kunjungannya ');
}
parent.window.onunload=goodbye;

</script>

Ket : Kode berwarna merah gantilah dengan kata-kata keinginan kamu

3. Cari kode </head> lalu Paste kan di atas kode </head> 

4. Save Template



C. Cara membuat Kata Sambutan Berupa Pertanyaan di blog

1. Login di Blogger > Rancangan > Edit HTML ( Centang saja Expand Template Widget )...
2. Lalu Copy script di bawah ini

<script type="text/javascript">
var question = prompt("Masukkan nama anda ");
</script>

Ket : Kode berwarna merah gantilah dengan kata-kata keinginan kamu

3. Cari kode </head> lalu Paste kan di atas kode </head> 

<script type="text/javascript">
var question = prompt("Masukkan nama anda ");
</script>

</head>

4. Save Template


D. Cara membuat Kata Penutup berupa Pertanyaan di blog

1. Login di Blogger > Rancangan > Edit HTML ( Centang saja Expand Template Widget )
2. Lalu Copy Javascript dibawah ini

<script type='text/javascript'>
// goodbye alert
function goodbye(){
var question = prompt("Mau kemana ni bang, jangan pergi dong hahaha", " ");
}
parent.window.onunload=goodbye;

</script>

Ket : Kode berwarna merah gantilah dengan kata-kata keinginan kamu

3. Cari kode </head> lalu Paste kan di atas kode </head> 

<script type='text/javascript'>
// goodbye alert
function goodbye(){
var question = prompt("Mau kemana ni bang, jangan pergi dong hahaha", " ");
}
parent.window.onunload=goodbye;

</script>

</head>

4. Save Template



E. Cara membuat Kata Sambutan Secara Beruntun di blog

1. Login di Blogger > Rancangan > Edit HTML ( Centang saja Expand Template Widget )
2. Lalu Copy Javascript dibawah ini

<SCRIPT language='JavaScript'>alert("Halo Sobat Blogger ");alert("Selamat datang di Azizal RPLA!");alert("Selamat membaca");</SCRIPT>

Ket : 
> Gantilah kata-kata yang berwarna merah sesuai keinginan kamu..

3. Cari kode </head> lalu Paste kan di atas kode </head> 

<SCRIPT language='JavaScript'>alert("Halo Sobat Blogger ");alert("Selamat datang di Azizal RPLA!");alert("Selamat membaca");</SCRIPT>

</head>

4. Save Template

Read More

Cara membuat buku tamu melayang

Halo sobat blogger pada kali ini saya akan membuat tutorial cara membuat buku tamu melayang . Buku Tamu melayang adalah suatu widget di mana kalau kita klik gambarnya akan tertampil buku tamu yang melayang tu kayak punya blog saya yang tulisannya Guest book / buku tamu . Yuk mari langsung ke tkp

1. Loginlah dulu di Blogger Sobat lalu pilih  Rancangan > Elemen Laman > Klik Tambah Gadget>HTML/Java Scripts..

2.  Copy-Paste kode dibawah ini ke dalam widget HTML/Java Scripts tadi

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:150px;
width:30px;
float:left;
cursor:pointer;
background:url(http://th618.photobucket.com/albums/tt264/hfahfa/th_GuestBook.gif) no-repeat;
}
.gbcontent{
float:left;
border:2px solid #FFFFFF;
background:#FAFD03;
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">

Paste kode buku tamu di sini seperti SHOUTMIX ATAU CBOX

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

Keterangan :

Tulisan warna biru : gantilah dengan url gambar buku tamu anda yang akan di tampilkan

Tulisan warna biru = Gantilah dengan kode Scripts Widget Buku Tamu yang akan kamu tampilkan kayak Shoutmix atau Cbox

4. Simpan

Read More

CARA MEMASANG ViDeO YOUTUBE DI BLOG

Halo sobat blogger saya akan beri tahu caranya memasang video youtube di blog bagi yang belum tau pelajari ya hahaha

1. Loginlah dulu di Blogger nya sobat .. Pilih Posting.. klik Entri Baru

2. Buka www.youtube.com

3. Ketik di Search Box Video yang kamu inginkan , misalnya luis nani

4. Maka akan muncul halaman seperti ini

5.Pilih Embed lalu mucul gambar di bawah ini lalu Copy kode scripts video.. seperti ini..

5. Pastekan ke Entri Baru – Edit HTML hasilnya seperti begini

Read More

Cara membuat warna kotak komentar admin berbeda

Halo sobat blogger kali ini saya akan memberikan tutorial cara membuat warna kotak komentar admin berbeda

Tujuannya adalah agar pengunjung blog anda tidak kebingungan kepada admin karena sudah tertampil bahwa kotak komentar admin berbeda dari pada pengunjung

1. Masuk menu "Rancangan --> Edit HTML"
2. centanglah pada kotak "Expand Widget Templates"
3. Copy script berikut ini sebelum kode ]]></b:skin> 

.comment-body-author {

background: #E6E6E6;  

border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;

margin:0;

padding:0 0 0 20px;

}

Keterangan : kode yang berwarna merah gantilah dengan kode html warna

4. Kemudian cari kode2 seperti berikut.

<dl id='comments-block'>

<b:loop values='data:post.comments' var='comment'>

<dt class='comment-author' expr:id='"comment-" + data:comment.id'>

<a expr:name='"comment-" + data:comment.id'/>

<b:if cond='data:comment.authorUrl'>

<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>

<b:else/>

<data:comment.author/>

</b:if>

said...

</dt>

<b:if cond='data:comment.author == data:post.author'>

<dd class='comment-body-author'>

<p><data:comment.body/></p>

</dd>

<b:else/> 

<dd class='comment-body'>

<b:if cond='data:comment.isDeleted'>

<span class='deleted-comment'><data:comment.body/></span>

<b:else/>

<p><data:comment.body/></p>

</b:if>

</dd>

</b:if>

<dd class='comment-footer'>

<span class='comment-timestamp'>

<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>

<data:comment.timestamp/>

</a>

<b:include data='comment' name='commentDeleteIcon'/>

</span>

</dd>

 </b:loop>

</dl>

5. Kode yang berwarna merah adalah kode yang harus kamu tambahkan . Ingat hati-hati ya ( Jika salah backup dahulu template anda )
6. Save Template

Read More

Membuat Gambar Melayang di Blog

Halo sobat blogger kali ini saya akan memberikan tutorial cara membuat gambar melayang pada blog . Apa maksutnya ?? Maksutnya begini gambar tersebut nanti tidak akan hilang walaupun kita menaikkan scroll mouse kita

Tu gambar yang mobile version gag bakal hilang kalo kita pindah kan scroll mouse kita jadi itu yang namanya gambar melayang

1. Masuk pada Rancangan
2.  Pilih menu Edit html.
3. Cari kode ini ]]> < /b:skin > (agar lebih mudah gunakanlah Ctrl+F)
4. Kemudian copy code dibawah ini dan paste di atas kode ]]> < /b:skin >
   
   

#melayang {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

Keterangan : pada kode yang bercetak miring berwarna merah itu adalah pengaturan posisi gambar melayang buat sesuka hati kalian seperti bottom right , up right , dan lain-lain

6. Cari kode < /body >
Kemudian copy pastekan code berikut ini dan letakkan diatas kode < /body >.

<div id='melayang'>
<img src='http://img831.imageshack.us/img831/5803/mobilei.png/></a>
</div>

Keterangan : kode yang berwarna merah gantilah dengan gambar yang akan kamu buat melayang

7. Save Template

Selamat mencoba

Read More

Cara membuat google custom search

1.       Klik Google Custom Search

2.       Setelah masuk pada halaman google custom search , klik Create a Custom Search Engine

3.       Lalu pada menu Describe your search engine tulislah kotak dialog tersebut yang berisi

A.      Nama

B.      Description

C.      Languange

4.       Pada menu Define your search engine tulislah kotak dialog tersebut yang berisi

a.       Sites to search

5.       Pada menu select edition pilih Standard Edtion saja bila kita ingin yang gratis hehehehe

6.       Klik pada check box I have read and agree to the Terms of Service

7.       Setelah itu pilih tema google custom search anda pada menu Choose a customize a style

8.       Lalu copy script pada menu Get the code

9.       Masuklah ke Rancangan-Elemen Laman-Tambah Gadget-Html /Java Script paste script yang kamu copy tadi selamat mencoba

Read More