Warung Bebas

Saturday, April 28, 2012

Cara Membuat kata sambutan Animasi Pada Blog

Banyak cara membuat kata sambutan di blog, Tentu kata sambutan yang akan kita bahas bukan kata sambuatan tentang pop up selamat datang, di sini saya akan membahas tentang ucapan selamat datang kepada pengunjung dari sesuai posting yang dia baca dan dia di sarankan untuk like facebook, tweet twetter dan atau berlangganan via Rss.


Sekarang langsung saja ke cara pembuatannya, Caranya Sangat Mudah dan simple Banget kok, Sobat Cukup Copy Aja Kode HTML Java script dibawah ini Dan Letakan Dimanapun Yang sobat Inginkan

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<a href='http://thizan.blogspot.com/'><img alt='Top dan Unik' src='http://3.bp.blogspot.com/_rKG-ziTSNUQ/TQ5eV0U0EiI/AAAAAAAACik/xo2eFaDbfrE/s1600/best+blogger+tips.png'/></a><style>

#info{

border: 1px solid;

margin: 10px 0px;

padding:15px 10px 15px 50px;

background-repeat: no-repeat;

background-position: 10px center;

position:relative;

color: #00529B;

background-color: #BDE5F8;

background-image: url('http://2.bp.blogspot.com/_rKG-ziTSNUQ/TL2884E4WyI/AAAAAAAABz0/g5lTgqEeX5Q/s1600/rss-mini.png');

}

</style><script src="http://code.jquery.com/jquery-1.2.3.min.js" type="text/javascript">

</script>



<script type="text/javascript">

$(document).ready(function(){

$(".close").click(function(){

$("#info").animate({left:"+=10px"}).animate({left:"-5000px"});

});

$("#info").fadeOut(800).fadeIn(800).fadeOut(400).fadeIn(400)

.fadeOut(400).fadeIn(400);

});



</script>

<div id="info">

<a class="close" href="#close" style="float: right;"><img border="0" src="http://1.bp.blogspot.com/_rKG-ziTSNUQ/TL29UxFwn0I/AAAAAAAABz4/CN7abEjuuw0/s1600/close+message.png" /></a>

<center><b>Welcome</b> - Jika kamu mau update berita selanjutnya ,kamu bisa berlangganan gratis blog ini<br />Why Not Subscribe To Our <a href="http://feeds.feedburner.com/thizan" target="_blank"><b>Rss Feed</b></a> !</center></div>
</b:if>


NB :
  1. sobat Bisa Mengganti Tulisan berwarna Merah dengan Alamat Url gambar Yang sobat inginkan.
  2. Dan Ganti tulisan Warna Ungu Dngan Kata - kata Sobat sendiri


ok.. postingan tentang membuat kata sambutan animasi pada blogspot cukup dulu, baca juga trik lainnya ya..

0 comments em “Cara Membuat kata sambutan Animasi Pada Blog”

Post a Comment

 

Indahnya Berbagi Copyright © 2012 Fast Loading -- Powered by Blogger