Cara Membuat Link Berkedip di Blogspot - Pada posting kali ini saya akan membahas tentang Cara Membuat Link Bergerak di Blogspot, dengan kita menambahkan gadget tersebut maka tidak hanya membuat blog anda hidup, namun dengan gadget ini pengunjung blog anda akan melihat seluruh posting anda dengan efek berkedip, berjatuhan, dan muncul kembali.
Berikut langkah-langkah :
1. Login ke blog anda
2. Pilih blog anda >> Layout >> Add Gadget >> HTML/JavaScript >> copy paste script dibawah ini
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script><center><strong></strong></center>
<center>
<style type="text/css" media="screen">
<!--
#spylist {
overflow:hidden;
margin-top:1px;
padding:0px 0px;
height:300px;
}
#spylist ul{
width:100%;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:100%;
padding: 0px 0px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url() repeat-x;
border:1px solid #ddd;
}
#spylist li a {
text-decoration:none;
color:#4B545B;
width:100%;
font-size:10px;
height:12px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:8px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:12px;
font-family:Tahoma,Arial,verdana, sans-serif;
}
.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:8px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}
-->
</style>
<script language='javascript'>
imgr = new Array();
imgr[0] = "http://i49.tinypic.com/1z4abkp.png";
imgr[1] = "http://i49.tinypic.com/1z4abkp.png";
imgr[2] = "http://i49.tinypic.com/1z4abkp.png";
imgr[3] = "http://i49.tinypic.com/1z4abkp.png";
imgr[4] = "http://i49.tinypic.com/1z4abkp.png";
showRandomImg = true;
boxwidth = 200;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 50;
thumbheight = 50;
fntsize = 9;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 100;
home_page = "http://ilfan-rifai.blogspot.com/";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src='https://sites.google.com/site/pujiantoroinc/Home/recent_post_berkedip.js' type='text/javascript'></script>
</div></center>
<center>
<style type="text/css" media="screen">
<!--
#spylist {
overflow:hidden;
margin-top:1px;
padding:0px 0px;
height:300px;
}
#spylist ul{
width:100%;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:100%;
padding: 0px 0px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url() repeat-x;
border:1px solid #ddd;
}
#spylist li a {
text-decoration:none;
color:#4B545B;
width:100%;
font-size:10px;
height:12px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:8px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:12px;
font-family:Tahoma,Arial,verdana, sans-serif;
}
.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:8px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}
-->
</style>
<script language='javascript'>
imgr = new Array();
imgr[0] = "http://i49.tinypic.com/1z4abkp.png";
imgr[1] = "http://i49.tinypic.com/1z4abkp.png";
imgr[2] = "http://i49.tinypic.com/1z4abkp.png";
imgr[3] = "http://i49.tinypic.com/1z4abkp.png";
imgr[4] = "http://i49.tinypic.com/1z4abkp.png";
showRandomImg = true;
boxwidth = 200;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 50;
thumbheight = 50;
fntsize = 9;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 100;
home_page = "http://ilfan-rifai.blogspot.com/";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src='https://sites.google.com/site/pujiantoroinc/Home/recent_post_berkedip.js' type='text/javascript'></script>
</div></center>
3. Sebelum anda save, ubah pada tulisan yang berwarna biru dengan alamat blog anda.
Selamat mencoba dan semoga bermanfaat !!!
Related Post
Tutorial Blog
- Cara Mendapatkan Sitelink di Google
- Cara Membuat Popular Post Fungsi Scroll
- Cara Memasang Share Button Facebook, Twitter, Google di Blog
- Cara Membuat Related Post di Blog
- Cara Membuat Recent Post di Blog
- Cara Sederhana Memasang Comment Facebook di Blog
- Cara Membuat Google+ Button Pada Setiap Post
- Cara Membuat Like Button Facebook di Blog
- Cara Membuat Widget LinkWithin Hanya Muncul di Halaman Posting
- Cara Membuat Link List/Daftar Link Dengan Fungsi Scroll
- Cara Memasang Widget Sharing Is Sexy
- Cara Memasukkan Link Ke Gambar di Blog
- Cara Membuat Related Posts Fungsi Thumbnails
- Perlukah Show Word Verification di Blogspot?
- Cara Membuat Page Menu Melayang di Blogspot
- Cara Membuat Page Menu Blogspot
- Cara Membuat Daftar Isi Otomatis Dengan Fungsi Scroll
- Cara Mengganti Favicon Di Blogspot
- Cara Mengaktifkan Menu Earnings di Blogger
- Cara Memasang Widget Alexa di Blogspot
- Cara Membuat Text Area Pada Blogspot
- Cara Membuat Mesin Pencari Blog Sendiri
- Cara Submit Blog ke Mesin Pencari Google
- Insert Blogger Meta Tag for SEO Friendly
- Cara Membuat Archive dengan Scroll
0 comments: on "Cara Membuat Link Berkedip di Blogspot"
Post a Comment