Bikin Animasi Tooltip Melayang Keren

11.16 ---
Selamat malam sahabat blogger :D Kali ini saya ingin membuat request yang di berikan oleh sobat Adhi, yaitu membuat tooltip. Seperti apa tooltip yang di inginkannya? Silahkan lihat sendiri screen shotnya...


Tooltipnya juga lumayan keren sih...  Jadi saya langsung membuatnya, Sebelum kita lanjut ke bawah saya ingin mengabadikan gambar berikut...



Langsung ikuti langkah-langkah berikut... :)

1. Login Blogger.com
2. Masuk ke Rancangan ~> Edit HTML
3. Cari kode </body>..
4. Pastekan kode berikut tepat di atasnya...

<script src='http://www.alprasite.cc.cc/js/tooltip.js' type='text/javascript'/>
<script type='text/javascript'>
$(&quot;.bonce a[title]&quot;).tooltip({effect: &#39;bouncy&#39;});
$(&quot;.bonce img[title]&quot;).tooltip({effect: &#39;bouncy&#39;});
$(&quot;.download&quot;).tooltip({ effect: &#39;slide&#39;});
$(&quot;.fade img[title], .fade a[title]&quot;).tooltip({offset: [10, 2], effect: &#39;slide&#39;})
.dynamic({ bottom: { direction: &#39;down&#39;, bounce: true }
});
</script>

5. Kemudian Cari kode ]]></b:skin>.
7. Letakan kode berikut tepat di atasnya...

.tooltip{display:none;border: 5px solid #2379d7; background:url(http://i1202.photobucket.com/albums/bb372/alprablog/others/bluegrad.png) top left repeat-x; font-size:12px;width:200px;padding:10px;color:#fff;outline: 1px solid #777;outline-offset:0px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;box-shadow:0px 0px 20px rgba(125,124,250,.9);-moz-box-shadow:0px 0px 20px rgba(125,124,250,.9);-webkit-box-shadow:0px 0px 20px rgba(125,124,250,.9);filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=7);
font:12px Georgia;font-weight:bold;text-shadow:.2em .2em 0.2em #000000;}

8. Simpan template...

Untuk memasang tooltipnya silahkan edit sendiri HTML berikut...

Tooltip untuk link text


<div class="bonce">

<li><a href="http://alprablog.blogspot.com/" target="_blank" title="Alprablog™">Alprablog™</a></li>

</div>

Tooltip untuk link gambar

<div class="bonce">

<a href="http://alprablog.blogspot.com/" target="_blank" title="Alprablog™"><img src="http://i1202.photobucket.com/albums/bb372/alprablog/banner.jpg"/></a>

</div>

Silahkan ganti sendiri text yang berwarna merah dengan url blog Anda dan url gambar Anda.

Sekian Terima kasih

Salam Blogger....

Profile HITZ Boyband Indonesia

01.07 ---



HITZ Boyband Indonesia
HITZ Boyband – Sepertinya demam musik Korea belum reda di blantika musik tanah air, setelah muncul boyband Smash serta Girlband macam 7 Icons dan Cherrybelle yang memang berkiblat ke musik Korea, kini muncul lagi sebuah boyband yang diberi nama HITZ Boyband. Namun ada yang berbeda dari boyband/girl lainnya yang telah lebih dulu ngetop di Indonesia, HITZ Boyband bukan saja sekedar berkiblat ke musik Korea namun sengaja langsung memasukkan musisi asal Korea yang notabene akan memberikan influence yang lebih terhadap HITZ melalui personilnya yang bernama Lee Jeong Hoon yang memang asli dari Korea.

HITZ Boyband terdiri dari Lee Jeong Hoon, Ferdinan dan Irwan Chandra. Belum banyak memang informasi yang tersedia tentang cikal bakal dan cerita dibalik terbentuknya Boyband HITZ in, namun diketahui bahwa mereka telah meluncurkan sebuah single video yang di upload ke Youtube dengan judul Yes 3x (atau beberapa orang menyebutkan Yes.. Yes.. Yes..). Mereka juga telah mengadakan kemunculan perdana dengan perform di Mall of Indonesia (MoI) pada tanggal 26 Juni lalu. Serta tersiar kabar bahwa mereka akan resmi merilis video resmi mereka di televisi pada bulan Juli atau Agustus ini.

Yah, kita tunggu saja kiprah HITZ di blantika musik Indonesia, apakah mereka bisa masuk ke Tangga Lagu Indonesia atau tidak, kita lihat saja. Namun yang jelas, melihat dari video mereka di Youtube mereka memang cukup menjanjikan untuk bisa melakukan gebrakan awal di karir mereka. Hal ini juga ditunjang dengan tampang para personilnya yang memang disuka oleh para remaja khususnya remaja putri, gaya berbusana mereka yang juga ok, serta kehadiran Lee Jeong Soon ditubuh HITZ yang mungkin akan memberikan warna dan rasa baru dalam dunia Boyband Indonesia.


Profile Lee Jeong Hoon HITZ




Foto Lee Jeong Hoon HITZ
Posisi: Vokalis, Rapper & Penari
Tinggi: 182 cm
Bahasa: Korea - Inggris
Sejarah: Model Profesional & Gambar Publik
Twitter: @ LeeJH_2107
Facebook: Lee Jeong Hoon Hitz

Profile Ferdinand HITZ



Foto Ferdinand HITZ

Posisi: Vokalis, Rapper & Penari
Tinggi: 184 cm
Bahasa: Inggris - Indonesia
Sejarah: Musisi Profesional & Singer, Arsitek
Twitter: @ FerdinandHitz
Facebook: Ferdinand K. Hitz

Profile Irwan Chandra HITZ

Posisi: Pemimpin, Penari, Vokalis & Rapper
Tinggi: 187 cm
Bahasa: Indonesia - Inggris - Tionghoa
Sejarah: Aktor Profesional, Gambar Publik dan Model
Twitter: @ IrwanHitz
Facebook: Irwan Chandra




Foto Irwan Chandra HITZ



Profile Lengkap Blink Girlband Remaja Indonesia

19.30 ---
Blink Girldband Remaja Indonesia datang lagi girldband baru memmang lagi musimnya boyband dan girlband baru di Indonesia. Kali ini giliran Blink sebutan bagi girl band baru yang personelnya berjumlah 5 cewek muda cantik. Hebatnya ternyata mereka masih duduk dikelas 3 SMP, berarti masih muda-muda. Anggota Blink yaitu Ify, Shilla, Via, Pricill Febby.

Asal-usul terbentuknya girl band ini belum diketahui jelas tapi kabarnya nama Blink terilhami dari sinar bintang, sedangkan bintang sudutnya ada 5 yang bisa dikatakan melambangkan mereka berlima. Blink Girldband Remaja Indonesia di bentuk pada tanggal 23 Juli 2011 berarti masih baru-baru saja dibentuk.

Berikut akun Twitter Biodata Blink Girldband Remaja Indonesia untuk infonya lebih lanjut :
Twitter Official @BlinkOfficial
Ify Blink @Ify_blink
Ashilla Blink @AshillaBlink
Sivia Blink @SiviaBlink
Pricilla @PricillaBlink
Febby @FebbyBlink

Foto Blink Girldband Remaja Indonesia




foto Blink Girldband Remaja Indonesia



Blink Girldband Indonesia




Foto Imut Blink Girl Band Indonesia




Foto Hot Blink Girl Band Indonesia






Foto Seksi BLink Girl Band Indonesia





Foto Ashilla Blink - Girlband Indonesia




Foto Febby Blink - Girl Band Indonesia




Ify Blink - Girl Band Indonesia





Pricilla Blink - Girl Band Indonesia




Foto Sivia Blink - Girl Band Indonesia

Biodata XO-IX BoyBand Indonesia

06.36 ---

Biodata XO-IX BoyBand Indonesia - O-IX Boyband atau bisa di di panggil Xtra Ordinary Nine Boyband, mereka di gawangi oleh Lee, Iras, Nicky, Hendra, Agwi, Kiki, Bobby, Alwin dan Budi, ini memberikan penampilan yang berbeda dari boyband yang pernah ada di Indonesia dan juga musisi lain yang ada di Indonesia

Xtra Ordinary Nine Boyband - ​Sembilan cowok ini sudah dilatih selama tiga bulan dan sudah melalui penyaringan dari empat tahapan dan akhirnya merekalah yang terpilih untuk berada di XO-IX (Xtra Ordinary Nine). Dance yang lugas, kompak dan menghibur dan suara yang tidak mengecewakan menjadi senjata andalan boyband terbaru yang hadir untuk anda.

Profil foto Biodata XO-IX BoyBand Indonesia - Diantara gempuran Korean Wave, XO-IX memang mengaku bahwa dari sisi fashion, kesembilan cowok ini terpengaruh oleh boyband dari Asia. Sementara untuk musik dan vokal, XO-IX mengaku lebih mengambil keunggulan dari boyband Amerika Serikat.

Mereka pun baru saja merilis debut single berjudul 'Cukuplah Sudah' yang bisa dipastikan mampu menghibur para XOwners, sebutan untuk para penggemar XO-IX. Aksi panggung XO-IX juga bisa dibilang cukup maksimal, bahkan pada saat menyanyikan lagu 'Cukuplah Sudah' didepan media, XO-IX mengakhirinya dengan sebuah salto yang sebenarnya cukup riskan dilakukan mengingat kondisi panggung yang cukup sempit.

Foto Personil Cherry Belle Terbaru

22.46 ---
Cherry Belle merupakan girl band baru dari Indonesia. Cherry Belle beranggotakan 9 gadis cantik antara lain Cherly, Angel, Anisa, Christy, Devi, Felly, Gigi, Ryn, dan Wenda.

Seperti halnya girl band 7 Icons yang sudah populer lebih dulu dengan single " Playboy ". Cherry Belle mencoba mengebrak dengan single perdana berjudul " Dilema ".


Ternyata Cherry Belle mempunyai beberapa kelebihan di bandingkan dengan Girl Band Indonesia lainnya. Seperti Karakter vocal yang bagus dan dance yang powerfull.

Cherry Belle juga terlihat lebih profesional dengan adanya wesite resmi cherry belle. Girl band lain belum tentu mempunyai website resmi. Websitenya adalah www.cherrybelle.info

Langsung saya ingin membagikan foto-foto terbaru mereka









Membuat Popular Post Berdasarkan Koment Terbanyak

20.05 ---

Selamat siang readers, It's a nice day. :) Sudah tau kan apa itu popular post post... Sebenarnya blogger juga sudah menyediakan gadget untuk popular post. Namun popular post yang di berikan blogger tersebut menggunakan thumbnail, sedangkan thumbnail tersebut mempunyai efek samping yang dahsyat :D Apa efek sampingnya? yaitu membuat blog menjadi berat. Dan popular post yang di tampilkan juga berdasarkan pageview terbanyak :) Kali ini saya akan mencoba membuat popular post berdasarkan koment terbanyak. Seperti apakah contohnya? lihat Live Demo. Bagaimana? kalau tertarik langsung saja menuju TKP :D

Langkah - langkahnya :

1. Login Blogger.com
2. Masuk ke Rancangan ~> Elemen Laman.
3. Tambah Gadget ~> HTML/Javascript.
4. Masukan kode berikut.

<script language="javascript">
titlebold=false;
numposts=9999;
maxshowresult=10;
explanation="komentar";
home_page="alprablog.blogspot.com";
</script>
<script style="text/javascript" src="http://www.geocities.ws/alprablog/user/js/toppost.js"></script>

Keterangan : ganti text yang berwarna merah dengan alamat blog Anda.

5. Simpan.

Cara Bikin Daftar Isi Versi 2

07.53 ---

Daftar isi versi 2? Apa bedanya dengan yang sebelumnya? Kalau cara bikin daftar isi pada postingan sebelumnya di kategorikan berdasarkan label dan ada nomor urutnya. Sedangkan daftar isi versi 2 di kategorikan berdasarkan bulan terbitnya. Hasil akan seperti Menu Archive. Untuk Lebih jelasnya silahkan lihat Live Demonya...

Versi 1

Versi 2

Langkah - langkahnya :

1. Login Blogger.com.
2. Masuk ke Rancangan ~> Elemen Laman.
3. Tambeh Gadget ~> HTML/Javascript.
4. Masukkan kode berikut pada gadget Anda.

<script src="http://www.geocities.ws/alprablog/user/js/daftar-isi-versi-2.js">
</script>
<script src="http://alprablog.blogspot.com/feeds/posts/default?max-results=500&amp;alt=json-in-script&amp;callback=loadtoc">
</script>

Keterangan : Ganti text yang berwarna merah dengan alamat blog Anda.

5. Simpan

Cara Meringankan Berat Blog Dengan Merampingkan CSS

02.50 ---
Loading blog yang lama membuat pengunjung kesal? Jangan panik :D kali ini kita akan membahasnya. Taukah Anda website-website besar seperti yahoo, facebook dan sebagainya memiliki berat yang sangat ringan? Itu karena mereka menyisipkan semua kode CSS nya pada file external. Saya juga telah mencobanya sejak beberapa minggu ini, dan ternyata hasilnya memang benar, blog terasa lebih ringan. Tentu saja saya akan membagi tips ini kepada kalian semua.

Sebelum Anda membaca sampain bawah silahkan lihat berat blog Anda terlebih dahulu di >>Sini<< Ingat berat blog Anda sekarang.

Kita mulai saja ...

1. Login Blogger.com

2. Masuk ke Rancangan ~> Edit HTML.

3. Cari kode <b:skin><![CDATA[/*

4. Copas semua kode CSS Anda dari kode body sampai kode ]]></b:skin>.




klik gambar untuk memperbesar



Klik gambar untuk memperbesar

5. Silahkan buka CSS compressor.

6. Paste semua kode CSS Anda pada kolom yang tersedia.




Klik gambar untuk memperbesar

7. Klik Compress It!.

8. Copy semua kode CSS yang telah di compress.


9. Pastekan kodenya ke dalam Notepad.


10. Simpan notepadnya dengan format .css


11. Upload file Anda tadi di file hosting. Saya pakai Geocities.ws

12.  Masukan link Anda dalam kode berikut

<link href='http://www.hostingan-anda.com/skin.css' rel='stylesheet' type='text/css'/>

Keterangan : Ganti text yang berwarna merah dengan file hosting Anda.

13. Paste kode tersebut di bawah kode ]]></b:skin> 

14. Simpan...

Eiitttts.... belum selesai.. silahkan cek berat blog Anda di sini. Bagaimana? lebih ringan kan :D

Notice : Kelemahan dari cara ini adalah jika hosting Anda sedang mentenance atau sedang error. Maka blog Anda juga akan error. Jadi sebaiknya Anda tetap menyimpan file css dalam komputer Anda.

Karena banyak teman-teman yang belum ngerti apa itu kode CSS? Silahkan lihat conteh kode CSS nya di http://www.alprasite.cc.cc/js/contoh-skin.css

Membuat Aplikasi Chatting Seperti Di Facebook

07.16 ---
Mungkin kalian sudah kenal semua dengan facebook. Nah, tutorial kali ini adalah Cara Pasang Aplikasi Chatting Seperti Di Facebook. Aplikasi ini memungkinkan kalian untuk chatting dengan pengunjung anda secara online dengan akun Facebook atau akun Twitter anda. Yaitu dengan aplikasi envolve.Ada beberapa jenis akun, ada yang premium dan ada yang standard (free). Kalau yang gratis aplikasi ini hanya dapat menampung pengunjung yang online max 15 user. Bila ingin lebih silahkan gunakan yang premium :D

Silahkan kunjungi www.envolve.com.



Silahkan lakukan registrasi dan ikuti intruksi yang diberikan.

Setelah mendapatkan scriptnya silahkan pastekan di atas kode </head>.

    Menghilangkan Icon Obeng dan Tang / Quick edit Blogger

    02.55 ---
    Sebanrnya tujuan blogger manambahkan fitur quickedit ini adalah untuk memudahkan para pengguna blogger dalam mengedit sidebar-sidebar pada blog. Namu sebenarnya sama saja, karena cara ini dapat dilakukan apabila kita dalam posisi login di blogger. Dan tidak dapat terlihat oleh orang lain. Namun fitur banyak tidak di senangi oleh para sahabat blogger.


    Hari ini saya akan menjelaskan kepada sahabat semua, cara menghilangkan gambar icon obeng/tang pada blogger. Ternyata masih banyak teman-teman yang belum mengerti cara menghilangkannya... Sebenarnya cara ini sangat lah mudah dan simple yaitu dengan menambahkan sedikit kode css saja....

    Langkah - langkahnya :

    1. Login Blogger.com
    2. Masuk ke Rancangan ~> Edit HTML.
    3.Cari kode ]]></b:skin>.
    4. Letakan kode berikut tepat di bawahnya...

    .quickedit{
    display:none;
    }

    5. Simpan semoga bermanfaat :)

    Optimasi Pencarian SEO Dengan Menambahkan Meta Tag.

    23.12 ---
    Ada banyak tips seo dan teknik seo yang dapat di gunakan untuk mempermudahkan pencarian Search Engine Google. Topik yang saya bahas hari ini adalah bagaimana mengganti title sesuai judul postng beserta keyword dan deskripsinya...Cara berikut sangat efektif untuk blog Anda.


    Langkah - langkahnya :

    1. Login Blogger.com
    2. Masuk ke Rancangan ~> Edit HTML.
    3.Cari kode <b:skin><![CDATA[/*
    4. Letakan kode berikut tepat di atasnya...

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <title><data:blog.title/> : <data:blog.pageName/></title>
    <b:else/>
    <title><data:blog.pageTitle/></title>
    </b:if>
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <meta expr:content='data:blog.pageTitle + &quot; - deskripsi&quot;' name='description'/>
    <meta expr:content='data:blog.pageTitle + &quot;, keywords&quot;' name='keywords'/>
    <b:else/>
    <meta expr:content='data:blog.pageName + &quot; - deskripsi&quot;' name='description'/>
    <meta expr:content='data:blog.pageName + &quot;, keywords&quot;' name='keywords'/> </b:if>

    5. Simpan...

    Buku Tamu Melayang Dengan Light Effect jQuery

    01.29 ---
    Selamat sore readers and folowers setia Alprablog. Di sore yang indah ini saya akan membagi tutorial yang lumayan keren dan layak di coba untuk kalian semua. Apakah itu? baca sendiri judulnya :D "Buku Tamu Melayang Dengan Light Effect jQuery". Pada postingan sebelumnya kita sudah mencoba membuat buku tamu tersembunyi versi 1 dan versi 2. Cara - cara sebelumnya itu kita hanya menggunakan Javascript saja. Bedanya dengan yang kali ini bukan hanya javascript saja, tapi dengan jquery juga.Untuk lebih jelasnya silahkan lihat screen shot berikut.

    Klik gambar untuk memperbesar.

    Bagaimana? Kalau tertarik silahkan ikuti langkah berikut.

    1. Login Blogger.com
    2. Masuk ke Rancangan ~> Elemen Laman.
    3. Tambah Gadget ~> HTML/Javascript.
    4. Masukan kode berikut.

    <!-- Start Shoutbox light effect by Alprablog -->
    <script type="text/javascript" src="http://www.geocities.ws/alprablog/user/js/jquery-latest.pack.js"></script>
    <script type="text/javascript" src="http://www.geocities.ws/alprablog/user/js/alpraBTlight-effect.js"></script>
    <style>a {color:#ffffff; text-decoration:none}
    img { border: none; }
    #alpraBTclose {
    position:absolute;
    left:0;
    top:0;
    z-index:9000;
    background-color:#000;
    display:none;
    }
    #AlprablogBT .window {
    position:fixed;
    left:0;
    top:0;
    width:335px;
    height:460px;
    display:none;
    z-index:9999;
    padding:20px;
    }
    #AlprablogBT #AlprablogGB2 {
    background:url(http://i1202.photobucket.com/albums/bb372/alprablog/others/bgAlpraGB1.png) no-repeat 0 0 transparent;
    width:250px;
    height:445px;
    padding:56px 0 20px 5px;
    }
    #AlpraGBclose {
    padding:2px 0 0 0;
    }
    </style>
    <ul><div style='display:scroll; position:fixed; top:10px; right:0px;'>
    <a href="#AlprablogGB2" name="alprablogGB"><img src="http://i1202.photobucket.com/albums/bb372/alprablog/others/NiceAlpraGB1.png"/></a>
    </div>
    </ul>
    <div id="AlprablogBT">
    <!-- Start Shoutbox -->
    <div id="AlprablogGB2" class="window">

    Kode Buku Tamu Anda Di Sini

    <div id="AlpraGBclose"><input type="button" value="Close" class="close" />
    </div></div>
    <div id="alpraBTclose"></div></div>
    <!-- End of Shoutbox light effect by Alprablog -->

    5.Simpan.

    Keterangan :
    Ganti text yang berwarna merah dengan kode buku tamu Anda.
    Ganti text yang berwarna biru dengan gambar yang Anda inginkan. Saya hanya menyediakan 2 versi.

    ttp://i1202.photobucket.com/albums/bb372/alprablog/others/NiceAlpraGB1.png

    ttp://i1202.photobucket.com/albums/bb372/alprablog/others/NiceAlpraGB2.png

    Ganti text yang berwarna hijau dengan gambar background yang tersedia. Silahkan pilih...

    http://i1202.photobucket.com/albums/bb372/alprablog/others/bgAlpraGB1.pnghttp://i1202.photobucket.com/albums/bb372/alprablog/others/bgAlpraGB2.png


    Semoga berhasil :D

    Efek Firework Hijau Pada Blog

    18.25 ---
    Bulan ramdhan ini banyak sekali orang-orang yang menghidupkan kembang api pada malam-malam. Dari anak kecil hingga orang dewasa. Apa ke istimewaan kembang api? hanya membakar-bakar uang saja :D Hmm, special buat kamu yang telah membaca artikel ini. Karena saya akan membagikan cara membuat firework pada blog. Apa itu firework? Firework itu sekumpulan gambar=gambar kecil yang muncul pada blog seperti kembang api. Untuk lebih jelas silahkan lihat gambar berikut.


    Langkah - langkahnya :

    1. Login Blogger.com
    2. Masuk ke Rancangan ~> Elemen Laman.
    3. Tambah Gadget ~> HTML/Javascript.
    4. Masukan kode berikut.

    <script type="text/javascript" src="http://www.geocities.ws/alprablog/user/js/firework-green.js"></script>

    5. Simpan :D

    Lagu Ayodance Patch 16 Agustus 2011

    04.49 ---
    Lagu Ayodance Patch 16 Agustus 2011














































    BPMJudul LaguDownload
    140Guitar Master - Audition - 3Download
    112Guitar Master - Go Go Boys - Disco In The MoonlightDownload
    110Audition - HolidayDownload
    1334Minute - Already GoneDownload
    1304Minute - Heart To HeartDownload
    125Aziatix - ColdDownload
    150Aziatix - GoDownload
    128B2ST - FictionDownload
    150Brand New Storm - Di Jiwaku Ada Kamu, IndonesiaDownload
    115Cherry Belle - DilemaDownload
    148G.Na - Milk TeaDownload
    101Girls' Generation - Day By DayDownload
    100HOT - HopeDownload
    120Hoony Hoon - I Love YouDownload
    150Hye Ryoung - 2011 Other IdeaDownload
    83Infinite - Can You Smile (Remake)Download
    126Infinite - ShotDownload
    90J-Junior - I Will Be With You (feat. An Young Min)Download
    154Jung In - BecauseDownload
    150KCM - Reason Of Loving YouDownload
    152Malika - Tak Selalu IndahDownload
    100Pee Wee Gaskins - Dari Mata Sang GarudaDownload
    130Pee Wee Gaskins - Detik Tak BergerakDownload
    103S.E.S - RelayDownload
    96SG Wannabe - If I Can Love You AgainDownload
    100SG Wannabe - Only JustDownload
    107SG Wannabe - Song To Confess To YouDownload
    117SHiNee - A Mi GoDownload
    0Sabumi Band - AdindaDownload
    86SiRDoLpHiN - Oh.. AdindaDownload
    122Tiket - Jejak LangkahmuDownload
    144Tohoshinki - BalloonsDownload
    135Untouchable - You You (feat. Jin Seok)Download
    146Way - MiracleDownload
    100Wheesung - Heart Aching Story (feat. Jun Hyung B2ST)Download
    136Wheesung - MaybeDownload
    140Yoo Byung Ryul & Yoon Do Hyun - It's HeartDownload
    100Young Jun (Brown Eyed Soul) - Just NowDownload
    125f(x) - Chu~Download
    131f(x) - Lollipop (feat. SHINee)Download
    95f(x) - Nu AboDownload


    Cara Download


    ► Jika ada lagu yang tidak bisa di download, silahkan tinggalkan komentar

    Membuat Iklan Melayang Versi 2

    00.07 ---

    Selamat siang pengunjung setia Alprablog™, Sebenarnya postingan ini melanjutkan postingan sebelumnya yaitu, Membuat Iklan Melayang Versi 1. Hanya bedanya kalau tutorial sebelumnya jika ingin menyesuaikan letak paparannya harus mengganti kode scriptnya, sedangkan iklan melayang yang versi 2 ini hanya cukup mengganti sedikit kode CSS saja. Dan versi 2 ini menggunakan tombol close klik 2 kali :) Langsung saja menuuju TKP :D

    1. Login Blogger.com
    2. Masuk ke Rancangan ~> Elemen Laman.
    3. Tambah Gagdet ~> HTML/Javascript.
    4. Masukan kode berikut.

    <style type="text/css">
    #gb{
    position:fixed;
    top:10px;
    right:100px;
    z-index:+1000;
    }
    * html #gb{position:relative;}


    .gbcontent{
    float:center;
    border:2px solid #A5BD51;
    background:#ffffff;
    padding:10px;
    }
    </style>

    <script type="text/javascript" src="http://www.geocities.ws/alprablog/user/js/iklan-melayang-versi-2.js"></script>

    <div id="gb">

    <div class="gbtab" onclick="showHideGB()"> </div>

    <div class="gbcontent">

    <div style="text-align:right">
    <a href="javascript:showHideGB()">
    .:[Close][Klik 2x]:.
    </a>
    </div>
    <center>

    <!-- Begin: http://adsensecamp.com/ -->
    <script src="http://adsensecamp.com/show/?id=uwdpfRgknsM%3D&cid=7XbjAIDKIxw%3D&chan=%2FZC8wBSAk3o%3D&type=12&title=3D81EE&text=000000&background=FFFFFF&border=000000&url=2BA94F" type="text/javascript">
    </script>
    <!-- End: http://adsensecamp.com/ -->

    </center>

    <script type="text/javascript">
    var gb = document.getElementById("gb");
    gb.style.center = (30-gb.offsetWidth).toString() + "px";
    </script></div></div>

    Keterangan : Ganti text yang berwarna biru sesuai posisi keinginan Anda, dan ganti kode berwarna merah dengan kode iklan Anda.

    5. Simpan :)