Cara Membuat Slot Banner Slider Menjadi 2 Bagian

Halo Sobat....
Kali ini saya akan post Cara Membuat  Slot Banner Slider Menjadi 2 Bagian. Mungkin kalo sobat ingin liat Demonya sobat bisa liat diatas post ini atau SS diatas!!..  Yuk langsung saja liat caranya..

Pertama yang pastinya sobat masuk Blogger
Kemudian Dashboard ---> Template ---> Edit Html

Kemudian, Sobat Masukkan CSSnya dulu ya...
Cari Kode CSS ]]></b:skin> Agar lebih mudah pencarian sobat gunakan Tombol Ctrl+F

Jika sudah ketemu, Sobat masukkan kode dibawah ini tepat diatas kode ]]></b:skin>

/*ARSlider*/
#slider4 {
background:rgba(7,111,192, .7);
border:5px solid #0000ff;;
width: 468px;
height: 60px;
top:0px;
right:-2px;
margin-top:20px;
margin-bottom:20px;
margin-left:50px;
overflow: hidden;
-moz-transition: all 170ms ease-in;
-webkit-transition: all 170ms ease-in;
-o-transition: all 170ms ease-in;
position: relative;
}
#mask4 {
overflow:hidden;
}
#slider4:hover #pause {
opacity:1;
}
#slider4:hover #progress {
background-color:#DDD;
}
#slider4:hover ul, #slider4:hover #progress, #slider4:hover #overlay {
-moz-animation-play-state:paused;
-webkit-animation-play-state:paused;
}
#pause4 {
width:468px;
height:60px;
position:absolute;
top:0;
opacity:0;
pointer-events:none;
-moz-transition:all 170ms ease-in;
-webkit-transition:all 170ms ease-in;
-o-transition:all 170ms ease-in;
}
#progress4 {
width:1px;
height:1px;
background-color:transparent;
-moz-animation:progress 35s infinite;
-webkit-animation:progress 35s infinite;
position:relative;
top:-1px;
-moz-transition:all 170ms ease-in;
-webkit-transition:all 170ms ease-in;
-o-transition:all 170ms ease-in;
}
#overlay4 {
width:4680px;
height:60px;
position:absolute;
top:0;
pointer-events:none;
-moz-transition:all 170ms ease-in;
-webkit-transition:all 170ms ease-in;
-o-transition:all 170ms ease-in;
opacity:0.5;
-moz-animation:overlay-fade 35s infinite;
-webkit-animation:overlay-fade 35s infinite;
}
#slider4 ul {
width:2400px;
list-style:none;
padding:0;
margin:0;
-moz-animation:slide-animation 35s infinite;
-webkit-animation:slide-animation 35s infinite;
position:relative;
left:0px;
overflow:hidden;
}
#slider4 li {
display:inline;
width:468px;
height:60px;
margin:0;
padding:0;
float:left;
position:relative;
}
#slider4 li:last-of-type {
background-color:#362c30;
}
#slider4 li a {
display:block;
text-decoration:none;
}
#slider4 li span {
display:block;
width:560px;
padding:15px 20px;
position:absolute;
bottom:0;
left:0;
background-color:rgba(54,44,48,0.6);
border-top:1px solid #000000;
text-shadow:1px 1px 1px #362c30;
pointer-events:none;
text-align:left;
}
@-webkit-keyframes slide-animation {
0% {opacity:0;}
2% {opacity:1;}
20% {left:0px; opacity:1;}
22.5% {opacity:0.6;}
25% {left:-468px; opacity:1;}
45% {left:-468px; opacity:1;}
47.5% {opacity:0.6;}
50% {left:-936px; opacity:1;}
70% {left:-936px; opacity:1;}
72.5% {opacity:0.6;}
75% {left:-1404px; opacity:1;}
95% {opacity:1;}
98% {left:-1404px; opacity:0;}
100% {left:0px; opacity:0;}
}
@-moz-keyframes slide-animation {
0% {opacity:0;}
2% {opacity:1;}
20% {left:0px; opacity:1;}
22.5% {opacity:0.6;}
25% {left:-468px; opacity:1;}
45% {left:-468px; opacity:1;}
47.5% {opacity:0.6;}
50% {left:-936px; opacity:1;}
70% {left:-936px; opacity:1;}
72.5% {opacity:0.6;}
75% {left:-1404px; opacity:1;}
95% {opacity:1;}
98% {left:-1404px; opacity:0;}
100% {left:0px; opacity:0;}
}
@-webkit-keyframes progress {
0% {width:0px; opacity:0;}
2% {width:0px; opacity:1;}
20% {width:468px; opacity:1;}
22.5% {width:468px; opacity:0;}
22.59% {width:0px;}
25% {width:0px; opacity:1;}
45% {width:468px; opacity:1;}
47.5% {width:468px; opacity:0;}
47.59% {width:0px;}
50% {width:0px; opacity:1;}
70% {width:468px; opacity:1;}
72.5% {width:468px; opacity:0;}
72.59% {width:0px;}
75% {width:0px; opacity:1;}
95% {width:468px; opacity:1;}
98% {width:468px; opacity:0;}
100% {width:0px; opacity:0;}
}
@-moz-keyframes progress {
0% {width:0px; opacity:0;}
2% {width:0px; opacity:1;}
20% {width:468px; opacity:1;}
22.5% {width:468px; opacity:0;}
22.59% {width:0px;}
25% {width:0px; opacity:1;}
45% {width:468px; opacity:1;}
47.5% {width:468px; opacity:0;}
47.59% {width:0px;}
50% {width:0px; opacity:1;}
70% {width:468px; opacity:1;}
72.5% {width:468px; opacity:0;}
72.59% {width:0px;}
75% {width:0px; opacity:1;}
95% {width:468px; opacity:1;}
98% {width:468px; opacity:0;}
100% {width:0px; opacity:0;}
}
@-webkit-keyframes overlay-fade {
0% {opacity:0;}
2% {opacity:0.5;}
95% {opacity:0.5;}
98% {opacity:0;}
100% {opacity:0;}
}
@-moz-keyframes overlay-fade {
0% {opacity:0;}
2% {opacity:0.5;}
95% {opacity:0.5;}
98% {opacity:0;}
100% {opacity:0;}
}
#slider4 ul li span h2 {
font-size:24px;
line-height:24px;
color:#fff;
font-weight:normal;
font-family:'Communist-Regular';
text-shadow:1px 1px 1px #362c30;
}
/*ARSlider*/
#slider3 {
background:rgba(7,111,192, .7);
border:5px solid #0000ff;;
width: 468px;
height: 60px;
top:0px;
right:-2px;
margin-top:20px;
margin-bottom:20px;
margin-left:50px;
overflow: hidden;
-moz-transition: all 170ms ease-in;
-webkit-transition: all 170ms ease-in;
-o-transition: all 170ms ease-in;
position: relative;
}
#mask1 {
overflow:hidden;
}
#slider3:hover #pause1 {
opacity:1;
}
#slider3:hover #progress1 {
background-color:#DDD;
}
#slider3:hover ul, #slider:hover #progress1, #slider:hover #overlay1 {
-moz-animation-play-state:paused;
-webkit-animation-play-state:paused;
}
#pause {
width:468px;
height:60px;
position:absolute;
top:0;
opacity:0;
pointer-events:none;
-moz-transition:all 170ms ease-in;
-webkit-transition:all 170ms ease-in;
-o-transition:all 170ms ease-in;
}
#progress {
width:1px;
height:1px;
background-color:transparent;
-moz-animation:progress 35s infinite;
-webkit-animation:progress 35s infinite;
position:relative;
top:-1px;
-moz-transition:all 170ms ease-in;
-webkit-transition:all 170ms ease-in;
-o-transition:all 170ms ease-in;
}
#overlay {
width:4680px;
height:60px;
position:absolute;
top:0;
pointer-events:none;
-moz-transition:all 170ms ease-in;
-webkit-transition:all 170ms ease-in;
-o-transition:all 170ms ease-in;
opacity:0.5;
-moz-animation:overlay-fade 35s infinite;
-webkit-animation:overlay-fade 35s infinite;
}
#slider3 ul {
width:2400px;
list-style:none;
padding:0;
margin:0;
-moz-animation:slide-animation 35s infinite;
-webkit-animation:slide-animation 35s infinite;
position:relative;
left:0px;
overflow:hidden;
}
#slider3 li {
display:inline;
width:468px;
height:60px;
margin:0;
padding:0;
float:left;
position:relative;
}
#slider3 li:last-of-type {
background-color:#362c30;
}
#slider3 li a {
display:block;
text-decoration:none;
}
#slider3 li span {
display:block;
width:560px;
padding:15px 20px;
position:absolute;
bottom:0;
left:0;
background-color:rgba(54,44,48,0.6);
border-top:1px solid #000000;
text-shadow:1px 1px 1px #362c30;
pointer-events:none;
text-align:left;
}
@-webkit-keyframes slide-animation {
0% {opacity:0;}
2% {opacity:1;}
20% {left:0px; opacity:1;}
22.5% {opacity:0.6;}
25% {left:-468px; opacity:1;}
45% {left:-468px; opacity:1;}
47.5% {opacity:0.6;}
50% {left:-936px; opacity:1;}
70% {left:-936px; opacity:1;}
72.5% {opacity:0.6;}
75% {left:-1404px; opacity:1;}
95% {opacity:1;}
98% {left:-1404px; opacity:0;}
100% {left:0px; opacity:0;}
}
@-moz-keyframes slide-animation {
0% {opacity:0;}
2% {opacity:1;}
20% {left:0px; opacity:1;}
22.5% {opacity:0.6;}
25% {left:-468px; opacity:1;}
45% {left:-468px; opacity:1;}
47.5% {opacity:0.6;}
50% {left:-936px; opacity:1;}
70% {left:-936px; opacity:1;}
72.5% {opacity:0.6;}
75% {left:-1404px; opacity:1;}
95% {opacity:1;}
98% {left:-1404px; opacity:0;}
100% {left:0px; opacity:0;}
}
@-webkit-keyframes progress {
0% {width:0px; opacity:0;}
2% {width:0px; opacity:1;}
20% {width:468px; opacity:1;}
22.5% {width:468px; opacity:0;}
22.59% {width:0px;}
25% {width:0px; opacity:1;}
45% {width:468px; opacity:1;}
47.5% {width:468px; opacity:0;}
47.59% {width:0px;}
50% {width:0px; opacity:1;}
70% {width:468px; opacity:1;}
72.5% {width:468px; opacity:0;}
72.59% {width:0px;}
75% {width:0px; opacity:1;}
95% {width:468px; opacity:1;}
98% {width:468px; opacity:0;}
100% {width:0px; opacity:0;}
}
@-moz-keyframes progress {
0% {width:0px; opacity:0;}
2% {width:0px; opacity:1;}
20% {width:468px; opacity:1;}
22.5% {width:468px; opacity:0;}
22.59% {width:0px;}
25% {width:0px; opacity:1;}
45% {width:468px; opacity:1;}
47.5% {width:468px; opacity:0;}
47.59% {width:0px;}
50% {width:0px; opacity:1;}
70% {width:468px; opacity:1;}
72.5% {width:468px; opacity:0;}
72.59% {width:0px;}
75% {width:0px; opacity:1;}
95% {width:468px; opacity:1;}
98% {width:468px; opacity:0;}
100% {width:0px; opacity:0;}
}
@-webkit-keyframes overlay-fade {
0% {opacity:0;}
2% {opacity:0.5;}
95% {opacity:0.5;}
98% {opacity:0;}
100% {opacity:0;}
}
@-moz-keyframes overlay-fade {
0% {opacity:0;}
2% {opacity:0.5;}
95% {opacity:0.5;}
98% {opacity:0;}
100% {opacity:0;}
}
#slider3 ul li span h2 {
font-size:24px;
line-height:24px;
color:#fff;
font-weight:normal;
font-family:'Communist-Regular';
text-shadow:1px 1px 1px #362c30;
}

Keterangan:
Jika Sobat ingin mengganti warna garis Kotak Banner, Sobat bisa ganti tulisan Warna Biru, Dengan kode warna Sobat inginkan.

Setelah itu, Masukkan Kode Htmlnya.
Cari Kode <div id='content-wrapper'> atau <div id='content'> atau <div id='wrapper'> Sebenarnya sih tergantung Template sobat ya, karena setiap template biasanya berbeda.

Setelah menemukan salah satu kode Diatas, Letakkan kode dibawah ini tepat diatas <div id='content-wrapper'> atau <div id='content'> atau <div id='wrapper'>

<div id='slider3'>
<div id='mask1'>
<ul><li>
<a href='http://anonymous-revenge.blogspot.com/'> <img alt='AR' src='http://i1248.photobucket.com/albums/hh491/Asfarul_BiasebiaseJak/468x60.png' title='Anonymous Revenge'/></a></li>
<li>
<a href='http://anonymous-revenge.blogspot.com/'> <img alt='AR' src='http://i1248.photobucket.com/albums/hh491/Asfarul_BiasebiaseJak/468x60.png' title='Anonymous Revenge'/></a></li>
<li>
<a href='http://anonymous-revenge.blogspot.com/'> <img alt='AR' src='http://i1248.photobucket.com/albums/hh491/Asfarul_BiasebiaseJak/468x60.png' title='Anonymous Revenge'/></a></li>
<li>
<a href='http://anonymous-revenge.blogspot.com/'> <img alt='AR' src='http://i1248.photobucket.com/albums/hh491/Asfarul_BiasebiaseJak/468x60.png' title='Anonymous Revenge'/></a></li>
</ul>
</div>
<div id='progress1'/>
<div id='overlay1'/>
<div id='pause1'/>
</div>
  </div>
<div style='float:right;margin-right:50px;'>
<div id='slider4'>
<div id='mask4'>
<ul><li>
<a href='http://anonymous-revenge.blogspot.com/'> <img alt='AR' src='http://i1248.photobucket.com/albums/hh491/Asfarul_BiasebiaseJak/468x60.png' title='Anonymous Revenge'/></a></li>
<li>
<a href='http://anonymous-revenge.blogspot.com/'> <img alt='AR' src='http://i1248.photobucket.com/albums/hh491/Asfarul_BiasebiaseJak/468x60.png' title='Anonymous Revenge'/></a></li>
<li>
<a href='http://anonymous-revenge.blogspot.com/'> <img alt='AR' src='http://i1248.photobucket.com/albums/hh491/Asfarul_BiasebiaseJak/468x60.png' title='Anonymous Revenge'/></a></li>
<li>
<a href='http://anonymous-revenge.blogspot.com/'> <img alt='AR' src='http://i1248.photobucket.com/albums/hh491/Asfarul_BiasebiaseJak/468x60.png' title='Anonymous Revenge'/></a></li>
</ul>
</div>
<div id='progress4'/>
<div id='overlay4'/>
<div id='pause4'/>
</div>
  </div>

Keterangan:
Tulisan Warna Merah ubah dengan kode Banner Sobat,


Setelah itu, Pratinjau Dahulu Sebelum Disimpan.
Jika Sudah pas, Sobat bisa Simpan.

Dan,, Selesai.

Sekian Artikel Hari ini Yang Dapat Saya Sampaikan Dengan Artikel Berjudul "Cara Membuat Slot Banner Slider Menjadi 2 Bagian" Semoga Artikel Ini Bermanfaat Bagi Sobat Dan Dapat Menambah Ilmu.

Special Thank's:
CSS By: Angwyn [AH-Shared]
Teman" Yang sudah Membaca Artikel Ini

Copas?? Sertakan Link Sumber. Gak ada Link sumber?? Dosa Tanggung Sendiri!!

Sumber : http://anonymous-revenge.blogspot.com

Cara Membuat Banner 468x60 Slider Di Header

 Kali Ini Dark Gmesoft Mau share " Cara Membuat Banner slider 468x60 Di Header"

Tutor Ini Sebenernya Sudah Lama Saya Buat Tapi Saya Mau Share Lagi Karna Blog Saya Yang Lama Telah Di Hapus Google :'v Padahal Viewers nya Perhari Udah Banyak
Udahlah Lupakan :v







Contohnya Di Header Blog Saya Yang Lama

Gimana ?? tertarik .. Silahkan Ikuti Langkah Langkahnya

1.Buka Blogger
2.Edit HTML
3.Letakan Kode Ini Di Atas ]]></b:skin> , Agar Lebih mudah Gunakan Ctrl + F

#slider2 {
width: 468px;
height: 60px;
margin-left:125px;
margin-top:230px;box-shadow: 2px 2px 10px #000;

overflow: hidden;
background-color: #221f21;
border-top: 5px solid #000;
border-right: 25px solid #000;
border-left: 25px solid #000;
border-bottom: 5px solid #000;
-moz-transition: all 170ms ease-in;
-webkit-transition: all 170ms ease-in;
-o-transition: all 170ms ease-in;
position: relative;
border-radius: px px px px;




}
#slider2 img{opacity:1;
-webkit-filter: saturate(0.0);
-moz-filter: saturate(0.0);
-ms-filter: saturate(0.0);
-o-filter: saturate(0.0);
filter: saturate(0.0);
-webkit-transition:all 1s ease-in-out;
-moz-transition:all 1s ease-in-out;
-ms-transition:all 1s ease-in-out;
-o-transition:all 1s ease-in-out;
transition:all 1s ease-in-out;}
#slider2 img:hover{opacity:1.0;
-webkit-filter: saturate(1.0);
-moz-filter: saturate(1.0);
-ms-filter: saturate(1.0);
-o-filter: saturate(1.0);
filter: saturate(1.0);
-webkit-transition:all .1s ease-in-out;
-moz-transition:all .1s ease-in-out;
-ms-transition:all .1s ease-in-out;
-o-transition:all .1s ease-in-out;
transition:all .1s ease-in-out;}
#mask {
overflow:hidden;
}
#slider2:hover {
background-color:#221f21;
border-top: 5px solid #0bbd00;
border-right: 25px solid #0bbd00;
border-left: 25px solid #0bbd00;
border-bottom: 5px solid #0bbd00;
border-radius: px px px px;
}
#slider2:hover #pause {
opacity:1;
}
#slider2:hover #progress {
background-color:rgba(255,255,255,0.0);
}
#slider2:hover ul, #slider:hover #progress, #slider:hover #overlay {
-moz-animation-play-state:paused;
-webkit-animation-play-state:paused;
}
#pause {
width:468px;
height:60px;
position:absolute;
top:0;
opacity:0;
pointer-events:none;
-moz-transition:all 170ms ease-in;
-webkit-transition:all 170ms ease-in;
-o-transition:all 170ms ease-in;
}
#progress {
width:1px;
height:1px;
background-color:#000000;
-moz-animation:progress 35s infinite;
-webkit-animation:progress 35s infinite;
position:relative;
top:-1px;
-moz-transition:all 170ms ease-in;
-webkit-transition:all 170ms ease-in;
-o-transition:all 170ms ease-in;
}
#overlay {
width:4680px;
height:60px;
position:absolute;
top:0;
pointer-events:none;
-moz-transition:all 170ms ease-in;
-webkit-transition:all 170ms ease-in;
-o-transition:all 170ms ease-in;
opacity:0.5;
-moz-animation:overlay-fade 35s infinite;
-webkit-animation:overlay-fade 35s infinite;
}
#slider2 ul {
width:2400px;
list-style:none;
padding:0;
margin:0;
-moz-animation:slide-animation 35s infinite;
-webkit-animation:slide-animation 35s infinite;
position:relative;
left:0px;
overflow:hidden;
}
#slider2 li {
display:inline;
width:468px;
height:60px;
margin:0;
padding:0;
float:left;
position:relative;
}
#slider2 li:last-of-type {
background-color:#272727;
}
#slider2 li a {
display:block;
text-decoration:none;
}
#slider2 li span {
display:block;
width:560px;
padding:15px 20px;
position:absolute;
bottom:0;
left:0;
background-color:rgba(54,44,48,0.6);
border-top:1px solid #362c30;
text-shadow:1px 1px 1px #362c30;
pointer-events:none;
text-align:left;
}
@-webkit-keyframes slide-animation {
0% {opacity:0;}
2% {opacity:1;}
20% {left:0px; opacity:1;}
22.5% {opacity:0.6;}
25% {left:-468px; opacity:1;}
45% {left:-468px; opacity:1;}
47.5% {opacity:0.6;}
50% {left:-936px; opacity:1;}
70% {left:-936px; opacity:1;}
72.5% {opacity:0.6;}
75% {left:-1404px; opacity:1;}
95% {opacity:1;}
98% {left:-1404px; opacity:0;}
100% {left:0px; opacity:0;}
}
@-moz-keyframes slide-animation {
0% {opacity:0;}
2% {opacity:1;}
20% {left:0px; opacity:1;}
22.5% {opacity:0.6;}
25% {left:-468px; opacity:1;}
45% {left:-468px; opacity:1;}
47.5% {opacity:0.6;}
50% {left:-936px; opacity:1;}
70% {left:-936px; opacity:1;}
72.5% {opacity:0.6;}
75% {left:-1404px; opacity:1;}
95% {opacity:1;}
98% {left:-1404px; opacity:0;}
100% {left:0px; opacity:0;}
}
@-webkit-keyframes progress {
0% {width:0px; opacity:0;}
2% {width:0px; opacity:1;}
20% {width:468px; opacity:1;}
22.5% {width:468px; opacity:0;}
22.59% {width:0px;}
25% {width:0px; opacity:1;}
45% {width:468px; opacity:1;}
47.5% {width:468px; opacity:0;}
47.59% {width:0px;}
50% {width:0px; opacity:1;}
70% {width:468px; opacity:1;}
72.5% {width:468px; opacity:0;}
72.59% {width:0px;}
75% {width:0px; opacity:1;}
95% {width:468px; opacity:1;}
98% {width:468px; opacity:0;}
100% {width:0px; opacity:0;}
}
@-moz-keyframes progress {
0% {width:0px; opacity:0;}
2% {width:0px; opacity:1;}
20% {width:468px; opacity:1;}
22.5% {width:468px; opacity:0;}
22.59% {width:0px;}
25% {width:0px; opacity:1;}
45% {width:468px; opacity:1;}
47.5% {width:468px; opacity:0;}
47.59% {width:0px;}
50% {width:0px; opacity:1;}
70% {width:468px; opacity:1;}
72.5% {width:468px; opacity:0;}
72.59% {width:0px;}
75% {width:0px; opacity:1;}
95% {width:468px; opacity:1;}
98% {width:468px; opacity:0;}
100% {width:0px; opacity:0;}
}
@-webkit-keyframes overlay-fade {
0% {opacity:0;}
2% {opacity:0.5;}
95% {opacity:0.5;}
98% {opacity:0;}
100% {opacity:0;}
}
@-moz-keyframes overlay-fade {
0% {opacity:0;}
2% {opacity:0.5;}
95% {opacity:0.5;}
98% {opacity:0;}
100% {opacity:0;}
}
#slider2 ul li span h2 {
font-size:24px;
line-height:24px;
color:#fff;
font-weight:normal;
font-family:'Communist-Regular';
text-shadow:1px 1px 1px #362c30; 

}

4.Dan Letakan Kode Ini Dibawah Kode <div id='header-wrapper'>

<a href='http://cevinfirman007.blogspot.com' target='_blank'><img src='http://i1317.photobucket.com/albums/t622/Latu_Alam_Saputra/BannerTeman468x602_zpsa34a012d.gif'/></a>
<a href='http://cevinfirman007.blogspot.com' target='_blank'><img src='http://i1317.photobucket.com/albums/t622/Latu_Alam_Saputra/BannerTeman468x602_zpsa34a012d.gif'/></a>

<li><a href='http://ichalilmu.blogspot.com/'><img alt='Orblues banner' src='http://i.imgur.com/HtCm0bW.png'/></a>
</li>
<a href='http://cevinfirman007.blogspot.com' target='_blank'><img src='http://i1317.photobucket.com/albums/t622/Latu_Alam_Saputra/BannerTeman468x602_zpsa34a012d.gif'/></a>
</li>
</ul>
</div>
<div id='progress'>
</div><div id='overlay'>
</div><div id='pause'>
        </div></div>   

5.Klik Simpan

Banner Exchange

Yang Mau Tuker Banner Nih Kodenya :

125 x 125

<a target="_blank" href="http://www.dark-gamesot.blogspot.com"><img alt="banner ads" src="http://3.bp.blogspot.com/-SXpDDl9Lq7Y/U74hhzJfJBI/AAAAAAAAABI/MjX_3fpt5Ts/s1600/BANNER.gif" /></a>

88 x 31

<a href='http://dark-gamesoft.blogspot.com/' target='_blank'><img alt='Zipex Blog' src='http://3.bp.blogspot.com/-kAiSWY13oJk/U7983BlwTDI/AAAAAAAAABY/_9zyH3n8an4/s1600/BANNER-88-X-31.gif' title='Dark Gamesoft/></a>

 468 x 60

<a href='http://dark-gamesot.blogspot.com' target='_blank'><img src='http://1.bp.blogspot.com/-eEWLBu2kBjo/U799m0e1NyI/AAAAAAAAABg/wzUJyE6FAJc/s1600/BANNER-468-X-60.gif/></a>

Harap Berkomentar Jika Sudah Memasang