AH-SHARED

Creative Is Knowledge

  • Home
  • Tutorial
  • Sitemap
  • About
  • Exchange
  • Search
skip to main | skip to sidebar
Home » Blogger » Tutorial » Cara Membuat Banner Ads 125x125 ala AHS

Cara Membuat Banner Ads 125x125 ala AHS

Posted by Unknown
Blogger,Tutorial
Wednesday, August 28, 2013
17 Comments
Hallo.. apa kabar sobat AHS??...udah berapa lama nih AHS ngga update lagi xD..
ya maklum aja sobat,habis ganti template sih xD...kali ini saya ingin membagikan tutorial tentang Cara Membuat Banner Ads 125x125 Ala AHS

ya,, jikalau dulu saya sudah pernah share yang memakai table yang itu >> Cara Membuat Banner 125x125, sekarang saya mau share yang memakai css..seperti ini contohnya sobat,,..
AHS

ya, seperti itulah contohnya, yuk langsung aja sobat,..

Cara membuat banner ads 125x125 seperti AHS

  • pertama,jelas masuk blogger lah -_-
  • setelah itu menuju ke dashboard > Template > Edit HTML
  • setelah masuk ke template,copy kode dibawah ini,pastekan di atas ]]></b:skin> atau bisa juga diletakkan langsung diwidget*yang ada di tata letak itu*(cari menggunakan Ctrl+F)

#ahsharedads{margin:0px;padding:0px;text-align:center;}
#ahsharedads img {
margin:1px 1px;text-align:center;-webkit-border-radius: 5px;-moz-border-radius: 5px;
border-radius: 5px;-webkit-box-shadow: 1px 2px 1px #c0392b;
-moz-box-shadow: 1px 2px 1px #c0392b;box-shadow: 1px 2px 1px #c0392b;}
#ahsharedads img:hover {-moz-transform: scale(1.0) rotate(370deg);
-webkit-transform: scale(1.0) rotate(370deg);-o-transform: scale(1.0) rotate(370deg);
-ms-transform: scale(1.0) rotate(370deg);-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;
-webkit-transition:all 1.5s ease;-webkit-box-shadow:0px 0px 30px 0px #c0392b;
-moz-box-shadow:0px 0px 30px 0px #c0392b;box-shadow:0px 0px 30px 0px #c0392b;}
Eh,, belum selesai,..
  • lanjut,,copy kode dibawah ini,pastenya di Add Gadget(caranya ya, Layout/Tata letak > Add Widget > Add HTML/Javascript)
<div id="ahsharedads">
<div style="text-align: center;">
<a href="http://akisada-ryo.blogspot.com/" target="_blank"><img alt="A-R" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhha9akhpxFIqfVuESa_N-i9IIv1BSdGXjStpxRkZUyoWBNtPbySMWtu4Lghy9BQgypUFhQUZYAKYEbPGIqgFZonvXmH5tyz1IHpICjvQ1NNqUFdxpJM9KZllEsi2vVJqRPMRL6lT7dga4/s1600/pi.png" title="visit now" /></a>
<a href="http://cie-inc.blogspot.com/2013/05/the-best-information.html" target="_blank" title="Second"><img alt="Second" src="http://i.imgur.com/Xknq2bH.png" /></a>
<a href="http://vhee-zone.blogspot.com/" title="VHEE-ZONE"><img alt="VHEE-ZONE" src="http://i.imgur.com/efuftpo.png" title="VHEE-ZONE" /></a>
<a href="http://best-of-konoha.blogspot.com/" target="_blank" title="Konoha Blogger"><img alt="Foxrider Blogger" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV78kSxTBu2B0XmjHC7SBH3SDCLYGK9k-wGKW0nxUWKlTyveladY9CG428UX9FDTiWPyCU3ZTYjY27g9sEtAqAYxIOg_YRhQRaoUmhrZw4LRH31zVszwIMFztrUgdEK7LKJvp8OlP1NhX5/s1600/.gif" /></a>
</div></div>

Setting
  • Sebagian kode Adsnya
KodePenjelasan
-webkit-border-radius: 5px;-moz-border-radius: 5px;Nah,kode itu untuk membuat sudut/border,melengkung.
-o-transform: scale(1.0) rotate(370deg);-ms-transform: scale(1.0) rotate(370deg);Kode itu jika adsnya di hover/disentuh kan membesar 1.0 dan berputar sebesar 370 derajat

Cara memasukkan link gambar/banner kedalam widget
  • Nah, untuk yang ini,mudah saja,taruh saja link gambar/banner lengkap anda kedalam *sebutannya didalam* kode <div id='AHSads'> dan kode </div>
contohnya begini sobat,..
<div id='AHSads'>
..Kode Banner lengkap disini.. 
</div>
  • Untuk bannernya sendiri support berapa?? nah, untuk yang itu, bisa support sampai maksimal(sebanyak-banyaknya)


Nah,,sampai sini dulu ya sobat,, untuk demo bisa dilihat sendiri xD..bye..
Tweet

17 Responses to "Cara Membuat Banner Ads 125x125 ala AHS"

ahs-avatar
Balas
jackahuna Author ahs-delete August 28, 2013 at 7:52 PM

banner gw jadi artist :v

ahs-avatar
Balas
Togel Author ahs-delete August 30, 2013 at 12:26 AM

mantapp artikelnya, makasihh ya

ahs-avatar
Balas
Nurul si Dayat Author ahs-delete August 30, 2013 at 11:25 PM

artikelnya bravo gan... .

coba kunjungi dan komen balik ya gan di
nurulhedayat.blogspot.com

ahs-avatar
Balas
Unknown Author ahs-delete August 31, 2013 at 3:08 AM

Thanks....

My Blog: www.bleaz3ers-id.blogspot.com

ahs-avatar
Balas
Unknown Author ahs-delete August 31, 2013 at 7:37 PM

oke, sama"
sorry ya baru bales ._.

ahs-avatar
Balas
Latu Alam Saputra Author ahs-delete September 5, 2013 at 4:49 PM

Ikut Ya Sob.....
http://darkkage10.blogspot.com/2013/09/award-best-re-design-and-design.html

ahs-avatar
Balas
Unknown Author ahs-delete September 9, 2013 at 12:19 PM

mantap gan izin coba

ahs-avatar
Balas
Unknown Author ahs-delete September 9, 2013 at 12:30 PM

silahkan

ahs-avatar
Balas
ConneLo ic Author ahs-delete September 9, 2013 at 12:35 PM

nice share gan, thanks ya

ahs-avatar
Balas
Anonymous Author ahs-delete September 12, 2013 at 2:19 PM

thanks

ahs-avatar
Balas
Unknown Author ahs-delete September 18, 2013 at 6:26 AM

download? apanya yang di download?

ahs-avatar
Balas
Unknown Author ahs-delete September 18, 2013 at 7:34 PM

keren gan artikelnya http://vieed.blogspot.com/2013/04/cara-agar-facebook-banyak-di-add-orang.html

ahs-avatar
Balas
Anonymous Author ahs-delete September 19, 2013 at 8:25 AM

wew keren gan.. mantab sob!

[ASK]
mau nannya gan, g mana buat blockqoute pre seperti agan

di tunggu --> starcross1st@gmail.com

ahs-avatar
Balas
Rob Author ahs-delete September 19, 2013 at 5:22 PM

wah mantep nih thank tricknya gan...

Visit And Comment Back

http://www.drobaniblog.com/

ahs-avatar
Balas
Unknown Author ahs-delete September 19, 2013 at 5:52 PM

udah tuh

ahs-avatar
Balas
Lingga Author ahs-delete October 3, 2013 at 3:55 PM

Thanks infonya

Visite: http://lga1.blogspot.com

ahs-avatar
Balas
Syaikal Author ahs-delete March 14, 2015 at 10:53 AM

mantap tutorialnya gan..
sudah di terapin nih gan..
visit back gan blog tips SEo
http://syaikal.blogspot.com

:)
:(
=(
^_^
:D
=D
|o|
@@,
;)
:-bd
:-d
:p
Thanks for comments
← Newer PostOlder Post →Home

AH-SHARED On Facebook

Advertise

banner andabanner anda1banner anda2banner anda3
 
AHS2

Labels

AHS OriginalAwardBeritaBloggerC++CheatCSSDewasa(18+)EmoticonEvent AHSFacebookFull PatchGamesGaya HidupHackingInfoInfo JutsuIT InfoKesehatanNarutoNewsPengetahuanProgrammingRemajaSEOSoftwareTemplateTipsToolsTricksTukar linkTutorialUnik

Little About AHS

AH-SHARED didirikan sekitar bulan Agustus 2012 tetapi baru diluncurkan sekitar bulan Mei 2013. Mau tau kenapa?? silahkan simak di... Readmore »

New Update

  • Kumpulan Dork Untuk Deface Website
  • Cara Membuat Comment Form Keren & Tombol Konvert
  • Cara Membuat Comment Blogger dan G+ Berdampingan
  • Cara Membuat Post Di Bagi Menjadi 2 Bagian
Back to top!
Copyright © 2012-2013 AH-SHARED - All Rights Reserved
Design by Angwyn Benvenuto - Powered by Blogger