Cara Membuat Header Flash Pada Blogger


Ok langsung aja gan....

pertama Login ke blogger
  lalu masuk ke dalam Tata Letak ==>> Edit HTML
trus cari kode seperti ini

]]></b:skin>

Kemudian taruh kode ini tepat di atas nya

#slider {
background:url(http://img99.imageshack.us/img99/9594/slide.png);
height: 254px;
overflow: hidden;
position: relative;
margin: 5px 0;
}

#mover {
width: auto;
position:absolute;
overflow:hidden;
}

.slide {
padding: 20px 0px;
width: 1000px;
float: left;
position: relative;
height:200px;
}

.slide h2 {
font-family:georgia, Helvetica, Sans-Serif;
font-size: 24px;
color: #ac0000;
padding:0px 0px 0px 30px;
margin:0px 0px;
width:500px;
overflow:hidden;
}

.slide h2 a:link, .slide h2 a:visited {
color:#fff;
background-color: transparent;
}

.slide h2 a:hover {
color: #ddd;
background-color: transparent;
}

span.slmet {
color: #ee0909;
font-size: 10px;
font-family:Tahoma, georgia, Helvetica, Sans-Serif;
line-height: 20px;
width: 500px;
padding:0px 0px 0px 30px;
margin:0px 0px;
text-transform:uppercase;
}
.slide p {
color: #999;
font-size: 12px;
font-family:georgia, Helvetica, Sans-Serif;
line-height: 20px;
width: 500px;
padding:0px 0px 0px 30px;
margin:0px 0px;
}

.slide img {
position: absolute;
top: 20px;
left: 577px;
background:#fff;
padding:10px 10px;
}

#slider-stopper {
position: absolute;
font-family: Georgia, Helvetica, Sans-Serif;
top: 113px;
right: 65px;
color: #AC0000;
padding: 3px 8px;
font-size: 14px;
text-transform: uppercase;
z-index: 1000;
}

 kemudian cari lg kode html

]]></b:skin>

Taruh kode ini tepat  di bawah nya
<script src='http://bloggerstyles.com/data/templates/000/Zinmag-Primus/js/jquery-1.2.6.min.js' type='text/javascript'/>
<script src='http://bloggerstyles.com/data/templates/000/Zinmag-Primus/js/slider.js' type='text/javascript'/>
<script type="text/javascript"><!--//--><![CDATA[//><!--
sfHover = function() {
var sfEls = document.getElementById("catmenu").getElementsByTagName("LI");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=" sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
//--><!]]></script>
Nah setelah itu simpan tapi cara ini belum selesai, sekarang kita masuk ke Elemen Halaman

setelah berada di Elemen Halaman Sekarang anda tambahkan sebuah gadget lalu pilih yang HTML/javascript setelah itu masukan kode di bawah ini ke dalamnya
<!-- Casing -->
<div id='casing'>
<!-- Slider -->
<div id='slider'>
<div id='mover'>

<div class='slide'>
<span class='slmet'> Posted by admin </span>
<h2><a href='http://folder4free.blogspot.com/2010/02/cara-hack-password-facebook-hacking.html'>blajar ngeblog di sini</a></h2>
<p>Anda ingin sekali bisa belajar membuat blog? mudah sekali,saya akan menjelaskannya di sini. silahkan di baca selengkapnya
http://folder4free.blogspot.com/2010/02/cara-hack-password-facebook-hacking.html'>Selengkapnya ==>></a>

</p>
<img alt="Hack Facebook" src="http://www.filmfactoryboston.com/wp-content/uploads/2009/01/hacking.jpg" />
</div>

<div class='slide'>
<span class='slmet'> Posted by admin</span>
<h2><a href='http://folder4free.blogspot.com/2010/03/cara-mendapat-uang-dari-my-easytask.html'>Mendapat Uang Dari Myeasytask</a></h2>
<p>Cara mudah untuk mendapatkan uang dari internet. mudah sekali,bahkan bisa disebut menarik. silahkan baca selengkapnya....


<a style='float:right' href='http://folder4free.blogspot.com/2010/03/cara-mendapat-uang-dari-my-easytask.html'>Selengkapnya ==>></a>

</p>
<img alt="Navbar Footer" src="http://blog.byamiru.com/wp-content/uploads/2010/01/met-300x101.png" />
</div>

<div class='slide'>
<span class='slmet'> Posted by admin </span>
<h2><a href='http://folder4free.blogspot.com/2010/03/cara-mendapat-uang-dari-twittercara.html'>cara mendapat uang dari twitter sangat mudah. anda punya banyak follower jangan lupakan kesempatan satu ini untuk anda bisa bersosialisasi sambil mendapat uang....
<a style='float:right' href='http://folder4free.blogspot.com/2010/03/cara-mendapat-uang-dari-twittercara.html'>Selengkapnya ==>></a>

</p>
<img alt="Smooth Scroling Page" src="http://teacherspodcast.org/wordpress/wp-content/uploads/2009/09/twitter-bird.png" />
</div>

<div class='slide'>
<span class='slmet'> Posted by admin </span>
<h2><a href='http://folder4free.blogspot.com/2010/03/tips-memperbanyak-followers-di-twitter.html'>anda sudah bosan dengan follower di twitter anda yang sangat dikit sekali. anda ingin mempunyai banyak followers seperti artis artis ataupun orang terkenal lainnya?
itulah yang ada di dalam benak kita untuk
memperbanyak follower. selain itu keuntungan memperbanyak follower adalah kita bisa mengikuti bisnis dengan twitter yang bergantung dari banyaknya follower selain itu kita akan menjadi lebih terkenal.

Lalu bagaimana cara memperbanyak.....


<a style='float:right' href='http://folder4free.blogspot.com/2010/03/tips-memperbanyak-followers-di-twitter.html'>Selengkapnya ==>></a>

</p>
<img alt="twitter follower" src="http://netetiquette.files.wordpress.com/2010/01/twitter-followers.jpg" />
</div>

<div class='slide'>
<span class='slmet'> Posted by admin </span>
<h2><a href='http://folder4free.blogspot.com/2010/02/tutorial-cara-membuat-background-di.html'>Cara Membuat Background Di Flashdisk</a></h2>
<p>Dan kamu penasaran bagaimana cara membuat background pada flash disk. Saat kita nanya,”eh bagaimana sih cara membuat gambar latar pada flash disk?” pasti dengan jutek di akan bilang”rahasia” dan kamu pasti kecewa banget denger jawaban temen kamu yang gag mau berbagi sama kamu. Jangan sedih dulu donk,karena .....
<a style='float:right' href='http://folder4free.blogspot.com/2010/02/tutorial-cara-membuat-background-di.html'>Selengkapnya ==>></a>

</p>
<img alt="admin" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_g1NULDbE0z8ziKT_qbkMqHQAHcB7Rzk6LaRfO2W1AYxilNVrScgQuAE7YUmmDRqdkb3FY7mklcPg3IzLGSubJi81paI5ULtq4xghAsK19QmPfk7MVpv3vFsSgP8njncS5cH87AsFcaw/s1600/backgroundfd.jpg" />
</div>

<div class='slide'>
<span class='slmet'> Posted by admin </span>
<h2><a href='http://folder4free.blogspot.com/2010/04/destro-akan-gantikan-posisi-balotelli.html'>Destro Gantikan Posisi Balotelli</a></h2>
<p>Banyak para pengamat sepak bola menyatakan bahwa kemampuan matia destro tidak kalah dengan zlatan ibrahimovich untuk mengolah bola dan mencetak gol.
Kemampuan destro untuk mencetak gol di liga primavera,telah meyakinkan sang pelatih inter milan,jose mourinho.....

<a style='float:right' href='http://folder4free.blogspot.com/2010/04/destro-akan-gantikan-posisi-balotelli.html'>Selengkapnya ==>></a>

</p>
<img alt="Destro" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtTwuP7UHltzSnZw9K2htc1wGyEI6rEM7IH27e0RcsYPo6Xsscknyd_U4nWRMwk-MfH8xUI6jbwz9OY6D3A9meVv7iFjXDBepeJbpauSh4UwuRMASDPVGUmcTAusqV03FOXJhmR7AWnxk/s320/Matia-destro.jpg" />
</div>

<!-- /Mover -->
</div>
<!-- /Slider -->
</div>
<div class='clear'/></div></div>

TAG <p> -> Ganti kalimat di situ dengan kalimatmu sendiri
alamat blog juga bisa di sesuaikan dengan blog anda
Selesai dah. Mudah bukan



comment 0 komentar:

Posting Komentar

 
© Folder 4 Free | Design by Blog template in collaboration with Concert Tickets, and Menopause symptoms
Powered by Blogger