Cara Membuat Burung Twitter di Blog

Burung Twitter

Untuk Anda yang memiliki akun Twitter, gadget ini ini mungkin cocok sekali untuk mendapat follower yang banyak. Berikut dibawah ini langkah-langkah untuk membuat Burung Twitter di Blog adalah sebagai berikut:

1. Login ke Blogger

2. Masuk ke menu Tata Letak

3. Tambah Gadget

4. Pilih +HTML/JAVASCRIPT

5. Tuliskan Script dibawah ini:

========================================================================

<!-- floating twitter Bird -->
<script type="text/javascript" src="http://p4r46h-blog.googlecode.com/files/twitterfloat.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6ioKD2xHaxWfo3JaSuEnSl7Gcd4gBELD8Ffz7cZh7reNS9j00E31_kUG3pEHMHoOv1lCf5c14NzwQx20d21iniOKMkWeHk5u0d1gL9Kf8gXtim2qDiMSixaQkb4HVY9tEeYLy-kwTqQ4q/s1600/original.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/grupkuliah";var tweetThisText = "Twitter - bocahporis http://bocahporis.blogspot.com/";tripleflapInit();
</script>

======================================================================== 

6. Dan Simpan

Keterangan:

1. Kode yang berwarna merah ganti dengan akun twitter anda
2. Kode yang berwarna biru ganti dengan kode warna burungnya.

Read More

Cara Membuat Search Engine Berwarna Dalam Blog

Sebenarnya untuk Search Engine di dalam blog sudah ada, akan tetapi stylenya masih default. Supaya Tampilannya lebih menarik Search Enginenya di polesi dengan warna sehingga kelihatan cantik.

Dibawah ini cara untuk membuatnya:

1. Login ke Blogger

2. Masuk ke menu Tata Letak

3. Tambah Gadget

4. Pilih +HTML/JAVASCRIPT

5. Tuliskan Script dibawah ini:

=========================================================================

<style type="text/css">

#a-searchbox{

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRvHjlB_hJQq0lDwRMcLlSnMktlFU6ZOKld3V22J3LVFNAAEdVjdcNPIwvyLj3Qj1NxrBm45VwDgLSJKbSP46f8wf07MbXqXgsX_fWjInvBOLDQs0vr-k85KV09QBuFJoxMeP1HQj551_j/s1600/lostsector-search-box-gray.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}

form#a-searchform{display: block;padding: 10px 12px;margin:0;}

form#a-searchform #a{padding: 6px;margin-left:20px;width: 205px;font-size:14px;vertical-align: top;border:none;background:transparent;}

form#a-searchform #abutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}

</style>

<center>

<div id="a-searchbox">

<form id="a-searchform" action="/search" method="get">

<input type="text" id="a" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>

<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="abutton" />

</form>

</div></center>

========================================================================

6. Dan Simpan

Dan lihat hasilnya:

Search Engine

Read More

Agar Posting Tidak Bisa Copy Paste Dalam Blog

Nah.. ini penting juga untuk menghilangkan budaya jiplak atau nyontek. Dalam penulisan artikel-artikel di web/blog sekarang ini sering terjadi copy paste untuk menghindari dari hal tersebut, Anda bisa menonaktifkan copy paste dengan cara sebagai berikut:

1. Login ke Blogger

2. Lalu Klik Menu Template

3. Klik tombol edit HTML

4. Kemudian cari kode </body>

5. Tuliskan kode dibawah ini tepat diatas kode </body>

=========================================================================

<script language='JavaScript1.2'>
function disableselect(e){
return false
}

function reEnable(){
return true
}

document.onselectstart=new Function (&quot;return false&quot;)

if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
</script>
<script language='JavaScript'>curPage=1;
document.oncontextmenu = function(){return false}
if(document.layers) {
window.captureEvents(Event.MOUSEDOWN);
window.onmousedown = function(e){
if(e.target==document)return false;
}
}
else {
document.onmousedown = function(){return false}
}</script>

========================================================================

6. Dan Simpam Template

Read More

Postingan Terbaru dengan Slide Berjalan di Blog

Bagi anda yang suka dengan animasi gadget ini sangat cocok untuk menampilkan postingan terbaru dengan tampilan slide.

Dibawah ini langkah-langkah untuk membuat gadget Postingan Terbaru dengan Slide Berjalan:

1. Login ke Blogger

2. Masuk ke menu Tata Letak

3. Tambah Gadget

4. Pilih +HTML/JAVASCRIPT

5. Tuliskan Script dibawah ini:

=========================================================================

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript">
</script>
<style media="screen" type="text/css">
<!--
#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:320px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:320px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ3GgkNYDyuuuQJN6pWfSpKYaHjGOzn_OoP0yRavHeMuTt6G_JpUUGcAfVZ56OfPog-oyT-nAQHbG0RvUCxOk8pRUgTwfHQsgWJMATvXoOi4Z_YKORNESaJXFY_oLVIuDCiRoYWi6eG8o/s320/nav_background1.png) repeat-x;
border:1px solid #ddd;
}
#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
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:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}
.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}
-->
</style>
<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://grupkuliah.com/";
limitspy=4
intervalspy=3000
</script>
<div id="spylist">
<script src="http://yoshiwafa-blogspot.googlecode.com/files/recent_post_with_thumbnail_slideshow.js" type="text/javascript">
</script></div>

=========================================================================

 6. Dan Simpan

Keterangan:

1.       Tulisan yang berwarna biru ganti dengan jumlah posting yang di tampilkan

2.       Tulisan yang berwarna merah ganti dengan alamat blog anda

3.       Tulisan yang berwarna ungu ganti dengan kecepatan bergeraknya sesuai selera anda

Read More