Cara Menampilkan Judul Entri Terbaru

Ingin menampilkan judul postingan terbarumu? Karena orang perlu tahu judul terbarumu.

Caranya sangat mudah, yaitu kita login ke blog kita, pilih tata letak, tambahkan gadget, pilih HTML/Javascript. Sekarang masukan script berikut ini :

<script src="http://www.geocities.com/uddin_81/recent-post.js"></script>
<script>var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://NAMABLOG.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp">
</script>



Sedikit yang harus kita rubah yaitu

numposts = 10 angka 10 berarti 10 judul yang akan kita tampilkan
http://NAMABLOG.blogspot.com NAMABLOG harus diganti dengan URL blog kita.

Kalau sudah selesai SIMPAN.

Read More →

Cara Membuat Efek Tulisan Berjalan Seperti Diketik

Tulisan dengan efek berjalan seperti diketik, sama seperti sama seperti saat kita mengetik pakai laptop. Saat jari kita menekan huruf, maka akan muncul huruf dan seterusnya. Efek ini membuat tulisan tampil huruf per huruf. Efek ini bisa dipakai untuk memikat mata pengunjung agar melihatnya, misalnya sebuah pengumuman. Untuk membuat tulisan dengan efek seperti diketik cukup mudah. Kita tinggal menyalin script berikut ini:

<script language="JavaScript">
var text="Selamat Datang di Blog Saya, Jangan Lupa Baca & Komentar!";
var delay=20;
var currentChar=1;
var destination="[none]";
function type()
{
//if (document.all)
{
var dest=document.getElementById(destination);
if (dest)// && dest.innerHTML)
{
dest.innerHTML=text.substr(0, currentChar)+"<blink>_</blink>";
currentChar++;
if (currentChar>text.length)
{
currentChar=1;
setTimeout("type()", 5000);
}
else
{
setTimeout("type()", delay);
}
}
}
}
function startTyping(textParam, delayParam, destinationParam)
{
text=textParam;
delay=delayParam;
currentChar=1;
destination=destinationParam;
type();
}
</script> <b><div 0px="" 12px="" arial="" color:="" ff0000="" font:="" id="textDestination" margin:="" style="background-color: none;"></div></b> <script language="JavaScript">
javascript:startTyping(text, 50, "textDestination");
</script>

Read More →

Cara Membuat Huruf Besar pada Awal Teks Postingan

Tulisan dengan efek berjalan seperti diketik, sama seperti sama seperti saat kita mengetik pakai laptop. Saat jari kita menekan huruf, maka akan muncul huruf dan seterusnya. Efek ini membuat tulisan tampil huruf per huruf. Efek ini bisa dipakai untuk memikat mata pengunjung agar melihatnya, misalnya sebuah pengumuman. Untuk membuat tulisan dengan efek seperti diketik cukup mudah. Kita tinggal menyalin script berikut ini:

<script language="JavaScript">
var text="Selamat Datang di Blog Saya, Jangan Lupa Baca & Komentar!";
var delay=20;
var currentChar=1;
var destination="[none]";
function type()
{
//if (document.all)
{
var dest=document.getElementById(destination);
if (dest)// && dest.innerHTML)
{
dest.innerHTML=text.substr(0, currentChar)+"<blink>_</blink>";
currentChar++;
if (currentChar>text.length)
{
currentChar=1;
setTimeout("type()", 5000);
}
else
{
setTimeout("type()", delay);
}
}
}
}
function startTyping(textParam, delayParam, destinationParam)
{
text=textParam;
delay=delayParam;
currentChar=1;
destination=destinationParam;
type();
}
</script> <b><div 0px="" 12px="" arial="" color:="" ff0000="" font:="" id="textDestination" margin:="" style="background-color: none;"></div></b> <script language="JavaScript">
javascript:startTyping(text, 50, "textDestination");
</script>

Read More →

Cara Menambahkan Gadget Blog Takbiran Player di Hari Lebaran.

Tulisan dengan efek berjalan seperti diketik, sama seperti sama seperti saat kita mengetik pakai laptop. Saat jari kita menekan huruf, maka akan muncul huruf dan seterusnya. Efek ini membuat tulisan tampil huruf per huruf. Efek ini bisa dipakai untuk memikat mata pengunjung agar melihatnya, misalnya sebuah pengumuman. Untuk membuat tulisan dengan efek seperti diketik cukup mudah. Kita tinggal menyalin script berikut ini:

<script language="JavaScript">
var text="Selamat Datang di Blog Saya, Jangan Lupa Baca & Komentar!";
var delay=20;
var currentChar=1;
var destination="[none]";
function type()
{
//if (document.all)
{
var dest=document.getElementById(destination);
if (dest)// && dest.innerHTML)
{
dest.innerHTML=text.substr(0, currentChar)+"<blink>_</blink>";
currentChar++;
if (currentChar>text.length)
{
currentChar=1;
setTimeout("type()", 5000);
}
else
{
setTimeout("type()", delay);
}
}
}
}
function startTyping(textParam, delayParam, destinationParam)
{
text=textParam;
delay=delayParam;
currentChar=1;
destination=destinationParam;
type();
}
</script> <b><div 0px="" 12px="" arial="" color:="" ff0000="" font:="" id="textDestination" margin:="" style="background-color: none;"></div></b> <script language="JavaScript">
javascript:startTyping(text, 50, "textDestination");
</script>

Read More →

Cara Membuat Running Teks Berita dari Blog Kita

untuk semakin menarik, pembaca untuk mengetahui headline yang kita tulis di blog kita, judul-judul tulisan kita akan berjalan layaknya running teks yang ada di TV. Dan pengunjung dapat mengklik judul untuk melihat isinya secara lengkap.

Cara Membuat Running Teks Berita dari Blog Kita
1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:

<script type="text/javascript">
var hn_url_blog = "http://erixloupster.blogspot.com/";
var hn_jumlah_post = 16;
var hn_warna_latar = "#000000";
var hn_warna_garis = "#FF0000";
var hn_posisi = "bottom";
var hn_tampilkan_judul = true;
var hn_backlink = false;
</script>
<script src="http://headlinenews.googlecode.com/files/Headlinenews-MasDhani.js">
</script>

Ganti http://erixloupster.blogspot.com/ dengan url blog kita sendiri-sendiri, Selain itu kita juga bisa mengganti jumlah post, warna latar belakang, warna garis dan posisi sesuai dengan selera kita.

cari kode warna lain nya disini

5. Simpan jika sudah selesai.

Read More →

cara buat backgorund bergerak tetap

mau backgound bergerak seperti background blog ini ???

nah kalau mau ikuti langkah" nya di bawah ini

1. Buka Blogger 
2. Klik Tata Letak
3. Klik Add Gadget
4. Klik HTML/Java Script
5. Copy Kode Dibawah ini

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2' type='text/javascript'></script>
<script type='text/javascript'>
//<![CDATA[
$(function(){
// ***
// Scrolling background
// ***
// height of background image in pixels
var backgroundheight = 4000;

// get the current minute/hour of the day
var now = new Date();
var hour = now.getHours();
var minute = now.getMinutes();

// work out how far through the day we are as a percentage - e.g. 6pm = 75%
var hourpercent = hour / 24 * 100;
var minutepercent = minute / 30 / 24 * 100;
var percentofday = Math.round(hourpercent + minutepercent);

// calculate which pixel row to start graphic from based on how far through the day we are
var offset = backgroundheight / 100 * percentofday;

// graphic starts at approx 6am, so adjust offset by 1/4
var offset = offset - (backgroundheight / 1);

function scrollbackground() {
// decrease the offset by 1, or if its less than 1 increase it by the background height minus 1
offset = (offset < 1) ? offset + (backgroundheight - 1) : offset - 1;
// apply the background position
$('body').css("background-position", "50% " + offset + "px");
// call self to continue animation
setTimeout(function() {
scrollbackground();
}, 70
);
}
// Start the animation
scrollbackground();
});

//]]>
</script>
<style>
body {
background: black url(url gambarnya) repeat center; background-attachment: fixed;
}
</style>

nih... pilih! untuk mengganti yang warna kuning!





https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipk2scDvXkGXqcvX7Tmi_rkgpKcVWq-oHQzYMz3AXY8BT1IjQNmFksGBLtF8PBQA_MkZS3StSs0wdr92Dp9-hsxjPkgVImxCB1329nvXexjjeUZW_o9UGnrq3pcPUiYJ2Wz1Q1Pb3_ksU/s1600/0_1_1.gif


https://lh6.googleusercontent.com/-wnxb6Bv75j8/Ts32HR4rlOI/AAAAAAAAAgU/ubCAT0zE3hA/s800/bluematrix2.gif


https://lh4.googleusercontent.com/-yEVdif3Bi_U/Ts32PtuIGBI/AAAAAAAAAgo/Ce1ujGXZ6RE/s800/matrix.gif


https://lh5.googleusercontent.com/-F5UfAsRs24I/Ts0uwOoH7QI/AAAAAAAAAf4/UQXNleByOcE/s800/monozcore_blogspot_com_redmatrix.gif


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaViRgnjUc-l1L2pDAyU-y91saZp7namGugcjmb202Cba71nz2Mfen7bxDfx0LbPcjPojbYzEKFfS87yzdWj__GhLrpNe8ZUuKklfAjGKWltzu9Z42zX5mf0XIKtHwjXTdLkZPNCJD-Fc/s800/matrix.gif

udah ah! semoga bermanfaat ^_^

Read More →

Kumpulan Efek - Efek Blog ( Lengkap )

Memang selalu ada cara untuk mempercantik penampilan blog. Setelah sebelum memposting cara memasang animasi di blog, kali ini saya akan kasih sobatberbagai macam / jenis efek - efek blog yang bisa di pasang di blog.


Sebelum kita masuk ke intinya, terlebih dahulu saya ingatkan pada sobat  bahwa efek, animasi dan widget - widget serupa akan menambah beban loading blog sobat, jadi mohon di perhitungkan sebelum sobat memasang efek ini. Efek yang akan saya posting kali ini, akan saya bagi 2 yaitu efek ringan ( loading ringan ) dan efek menegah hingga berat. ( kayak tinju aja.. ) .

Sobat yang tertarik memasangnya silahkan ikuti tutorial memasang efek - efek pada blog berikut.


A. Efek Ringan

Mungkin Ini adalah efek yang biasa sobat lihat saat sobat blogwalking.

1. Efek salju berjatuhan

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

2. Efek hati bertaburan

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

3. Efek bintang bertaburan

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

4. Efek kembang api

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

5. Efek Gelembung

<script src='http://tateluproject.googlecode.com/files/efek-gelembung.js' type='text/javascript'></script>

6. Efek Kupu - Kupu Terbang

<script language="JavaScript1.2" src="http://imtikhan.googlecode.com/files/Kupu-kupu1.js"></script>


Cara pemasangan :

1. Klik rancangan --> Edit html
2. Letakkan script efek di atas kode </body>
3. Klik Save
   
   B. Efek Menengah - Berat
   1.Meteor Jatuh
   
   <script language="javascript">
   nd_mode="meteor";
   nd_control="on";
   nd_sound="on";
   nd_vAlign="bottom";
   nd_hAlign="right";
   nd_vMargin="10";
   nd_hMargin="10";
   nd_target="_blank";
   </script>
   <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
   <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>
   
   
   2. Banjir
   
   <script language="javascript">
   nd_mode="flood";
   nd_vAlign="bottom";
   nd_hAlign="right";
   nd_vMargin="10";
   nd_hMargin="10";
   nd_target="_blank";
   </script>
   <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
   <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>
   
   3. Bunga Mekar
   
   <script language="javascript">
   nd_mode="flowers";
   nd_vAlign="bottom";
   nd_hAlign="right";
   nd_vMargin="10";
   nd_hMargin="10";
   nd_target="_blank";
   </script>
   <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
   <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>
   
   4.  Bom Atom
   
   <script language="javascript">
   nd_mode="bomb";
   nd_sound="on";
   nd_vAlign="bottom";
   nd_hAlign="right";
   nd_vMargin="10";
   nd_hMargin="10";
   nd_target="_blank";
   </script>
   <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
   <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>
   
   
   5. Ufo
   
   <script language="javascript">
   nd_mode="ufo";
   nd_sound="on";
   nd_vAlign="bottom";
   nd_hAlign="right";
   nd_vMargin="10";
   nd_hMargin="10";
   nd_target="_blank";
   </script>
   <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
   <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>
   
   6. Graffity
   
   <script language="javascript">
   nd_mode="graff";
   nd_vAlign="bottom";
   nd_hAlign="right";
   nd_vMargin="10";
   nd_hMargin="10";
   nd_target="_blank";
   </script>
   <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
   <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>
   
   7. Shaver
   
   <script language="javascript">
   nd_mode="shaver";
   nd_vAlign="bottom";
   nd_hAlign="right";
   nd_vMargin="10";
   nd_hMargin="10";
   nd_target="_blank";
   </script>
   <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
   <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>
   
   8. Gun
   
   <script language="javascript">
   nd_mode="gun";
   nd_sound="on";
   nd_vAlign="bottom";
   nd_hAlign="right";
   nd_vMargin="10";
   nd_hMargin="10";
   nd_target="_blank";
   </script>
   <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
   <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>
   
   9.Bloody gun
   
   <script language="javascript">
   nd_mode="blood";
   nd_vAlign="bottom";
   nd_hAlign="right";
   nd_vMargin="10";
   nd_hMargin="10";
   nd_target="_blank";
   </script>
   <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
   <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>
   
   
   10. Paint ball
   
   <script language="javascript">
   nd_mode="paint";
   nd_vAlign="bottom";
   nd_hAlign="right";
   nd_vMargin="10";
   nd_hMargin="10";
   nd_target="_blank";
   </script>
   <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
   <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>
   
   
   11. Chainsaw
   
   <script language="javascript">
   nd_mode="chainsaw";
   nd_vAlign="bottom";
   nd_hAlign="right";
   nd_vMargin="10";
   nd_hMargin="10";
   nd_target="_blank";
   </script>
   <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
   <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>
   
   12. Dinosaur
   
   <script language="javascript">
   nd_mode="dino";
   nd_vAlign="bottom";
   nd_hAlign="right";
   nd_vMargin="10";
   nd_hMargin="10";
   nd_target="_blank";
   </script>
   <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
   <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>
   13. Lebah
   
   <script language="javascript">
   nd_mode="wasp";
   nd_vAlign="bottom";
   nd_hAlign="right";
   nd_vMargin="10";
   nd_hMargin="10";
   nd_target="_blank";
   </script>
   <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
   <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>
   
   14. Lalat
   
   <script language="javascript">
   nd_mode="fly";
   nd_vAlign="bottom";
   nd_hAlign="right";
   nd_vMargin="10";
   nd_hMargin="10";
   nd_target="_blank";
   </script>
   <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
   <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>
   
   15. Semut
   
   <script language="javascript">
   nd_mode="ants";
   nd_vAlign="bottom";
   nd_hAlign="right";
   nd_vMargin="10";
   nd_hMargin="10";
   nd_target="_blank";
   </script>
   <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
   <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>
   
   16.Bayi merangkak
   
   <script language="javascript">
   nd_mode="baby";
   nd_vAlign="bottom";
   nd_hAlign="right";
   nd_vMargin="10";
   nd_hMargin="10";
   nd_target="_blank";
   </script>
   <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
   <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>
   
   17.Terbakar
   
   <script language="javascript">
   nd_mode="burn";
   nd_vAlign="bottom";
   nd_hAlign="right";
   nd_vMargin="10";
   nd_hMargin="10";
   nd_target="_blank";
   </script>
   <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
   <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>
   
   18.Murka
   
   <script language="javascript">
   nd_mode="god";
   nd_vAlign="bottom";
   nd_hAlign="right";
   nd_vMargin="10";
   nd_hMargin="10";
   nd_target="_blank";
   </script>
   <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
   <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>
   
   19.Kencing Sembarangan
   
   <script language="javascript">
   nd_mode="pee";
   nd_vAlign="bottom";
   nd_hAlign="right";
   nd_vMargin="10";
   nd_hMargin="10";
   nd_target="_blank";
   </script>
   <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
   <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>
   
   20.Anjing Jorok
   
   <script language="javascript">
   nd_mode="dog";
   nd_vAlign="bottom";
   nd_hAlign="right";
   nd_vMargin="10";
   nd_hMargin="10";
   nd_target="_blank";
   </script>
   <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
   <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>
   
   
   Cara pemasangan :

   1. Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
   2. Masukkan script efek di dalam kotak yang di sediakan
   3. Klik save dan lihat hasilnya.

   Tambahan :
   Efek yang ke 2 berbeda dengan efek yang pertama. di efek ke 2, efek bisa dimatikan secara manual, sedangkan yang pertama sebaliknya ( tidak bisa dimatikan selama masih memasang scriptnya ).  so, pilih mana yang terbaik menurut sobat.. salam..

Read More →