Skip to main content

Efisiensi Random Banner Untuk Menghemat Tampilan Blog

Sempat bingung untuk menentukan judul postingan yang satu ini, karena sulit sekali membuat judul posting yang cukup pendek.
Oke langsung saja, topik kali ini sebenarnya sangat cocok bagi blogger yang senang sekali mengikuti affiliasi atau PTC/PTR/apa ajadeh, karena topik posting kali ini mengangkat tentang menampilkan banner menggunakan metode Random, anda pasti sudah tahu jika mengikuti program-program tersebut, biasanya ada program referralnya. nah selanjutnya untuk mencari referral pasti menggunakan sarana promosinya, dan biasanya sarana promosinya menggunakan media "Banner".

Pertanyaannya, apakah anda ingin menampilkan seluruh banner promosi program yg anda ikuti di blog anda???
Jawabannya pasti...tentu ( ya iyalaahhh )
Tapi apakah tidak memberatkan loading blog anda jika semua banner di tampilkan..???
Jawabannya pasti...tentu lagi dong.....
Anda coba bayangkan, banner promosi yang ingin anda tampilkan berjumlah 30 banner keatas, pastinya blog anda akan terlihat seperti pameran banner nantinya. dan yang pasti loading blog bisa berjam-jam lamanya.
Jadi bagaimana dong solusinya...???
Untuk bocoran saja, blog ini terpasang 14 banner 468x60 dan 8 banner 125x125, silakan anda cari sendiri dimana banner itu berada.

Nah, untuk ilustrasinya,
anda bisa lihat pada 2 banner berukuran 468x60 di atas...!!

Sudah puas melihatnya...???
Apa yang terjadi, tidak terjadi apa-apakaann...???? heheheee...
Yaa, pasti tidak terjadi apa-apa jika fungsinya akan terlihat pada saat anda refresh/reload blog ini.
Coba sekarang anda refresh/reload blog ini, anda perhatikan banner diatas, apakah sudah berubah...???

Nah, jika anda sudah tahu fungsi dari efisiensi random banner ini, jika anda tertarik menggunakannya, baca langkah selanjutnya....
- Pertama-tama login dulu ke Blogger 
- Langsung menuju Tata Letak/Layout
- Klik Add a Gadget
- Pilih HTML/Javascript
Copy code dibawah ini kedalamnya :


<script language="JavaScript">
<!-- Begin
var jumlah_iklan = 3; / Jumlah Iklan /
var waktu_sekarang = new Date()
var detik = waktu_sekarang.getSeconds()
var pasang_iklan = detik % jumlah_iklan;
pasang_iklan +=1;
if (pasang_iklan==1) {
txt="";
url="http://nama-blog-1.com/";
alt="judul 1 banner anda";
banner="http://nama-blog-1.com/banners.gif";
width="468";
height="60";
}
if (pasang_iklan==2) {
txt="";
url="http://nama-blog-2.com/";
alt="judul 2 banner anda";
banner="http://nama-blog-2.com/banners.gif";
width="468";
height="60";
}
if (pasang_iklan==3) {
txt="";
url="http://nama-blog-3.com/";
alt="judul 3 banner anda";
banner="http://nama-blog-3.com/banners.gif";
width="468";
height="60";
}
document.write('<center>');
document.write('<a href=\"' + url + '\"_top\">');
document.write('<img src=\"' + banner + '\" width=')
document.write(width + ' height=' + height + ' ');
document.write('alt=\"' + alt + '\" border=0><br>');
document.write('<small>' + txt + '</small></a>');
document.write('</center>');
// End -->
</script>

Ganti tulisan yang telah saya beri warna sesuai dengan banner yg ingin anda pasang.
Tulisan berwarna Hijau = URL web yang di tuju
Tulisan berwarna Orange = Keterangan Web
Tulisan berwarna Biru = URL image banner
Angka berwarna Kuning = Keterangan urutan Banner

Untuk menambah jumlah banner silahkan ganti angka berwarna merah sesuai dengan jumlah banner yang akan anda pasang, serta copy code yang di beri kotak dan pastekan di bawahnya, jangan lupa ganti angka 3 dengan angka selanjutnya.

- Simpan hasil kerja anda.
- Coba di test dulu. apakah sudah berhasil
- Jika berhasil, jangan lupa commentnya yaaa...

Semoga bermanfaat
Terima Kasih
SERBA BLOG
(Sumber : http://www.o-om.com)

Comments

  1. Mengamankan pertamanya dulu...hik...hik..hik......

    ReplyDelete
  2. Sekarang udah benar2 aman...
    Tips yang patut di coba nieh, supaya mengehmat tempat. terima kasih sobat atas infonya.

    ReplyDelete
  3. mantab sekali tutornya bos, kita memang harus pandai pandai mengisi ruang pada blog biar gak nampak berantakan

    ReplyDelete
  4. @ Kang Asep : Slmt, amankan yg pertama...silakan dicoba kang..
    @ BimaSakti85 : Thanx sob...silakan dicoba...
    @ Pakde sulas : thanx pakde, sbagian besar pengunjung butuh informasi dr blog kita, biar mereka tidak bingung dg tampilan yg tidak teratur, jd kita harus pandai menata ruang blog kita.

    Buat semuanya terimakasih banyak nih atas komennya...
    Sukses selalu menyertai kita semua...

    ReplyDelete
  5. thaNks iNfoNya sOb,,
    mAksIh bAnget sCriptnY yA sOb,,
    hehehehe,,

    ReplyDelete
  6. sih dah infonya gan...aku nanti jadinya bisa menghemat tempat...hahahha

    ReplyDelete
  7. Duh...baru baca judulnya aja sdh gak ngeh.Harus ada pendalaman materi neh. Maklum katrok. Tapi mantaf kali la ni artikel. Lumayan buat jidat daku berkerut. Anytime pengen juga nyoba nya.

    BTW, rumah maya q ultah yg pertama. Ditunggu lo koment na pada artikel ultah.

    Salam kreatifitas 'n keep intouch

    ReplyDelete
  8. cma mo ngasih tau aja sob ada tah buat sobat, jika berkenan
    http://rizky2009.blogspot.com/2010/02/tag-about-yourself.html

    ReplyDelete
  9. SIAAAAAAAAAAAAAAAAP...LAKSANAKAN....
    "MASTER KEHILANGAN KOREK" atw "Master of losing matches" boleh juga tuh...tengkyu atas sarannya...tp biarlah udah terlanjur nanti PRnya terjun bebas dunk sam

    ReplyDelete
  10. cara bikin related post dibawah postingan pye caranya sam..berulang kali...aku mencoba slalu gak bisa bisa...uwo...uwo...uwo

    ReplyDelete
  11. @ Ngepostingdoang : sama2 sob...smoga bermanfaat...
    @ Blogger Prost : sama2 sob...smoga bisa memberi ruang yg luas utk blognya....

    @ Srirahayu : wah mbak...emang rada bingung jg sih pas mau bikin judulnya...jd yg bacanya bs bingung jg,heheheee...BTW met ultah buat blognya yaa mbak, smoga selalu sukses kedepannya,makin tambah rame pengunjungnya.naik terus PRnya,kurus terus alexanya...

    @ Rizky2009 : thanx sob...lngsung mluncur.....

    buat semuanya, thanx atas komentarnya....

    ReplyDelete
  12. @ bayu Lebond : wheeeheeeheee...master kehilangan korek, thanx kunjungan + komennya....
    wahhh...pas gw periksa, ternyata blm gw posting cara membuat related postingnya...ntar dech...pd posting selanjutnya aja....stay tune....
    thanx sob atas kunjungannya.....

    ReplyDelete
  13. Keren infonya bro!
    thanks yaw :)

    ReplyDelete
  14. sangat inovatif sekali dan sangat simple.makasih sob info barunya ya

    ReplyDelete
  15. Thanx semua atas komennya...
    semoga bermanfaat,smoga bisa membantu membuat tampilan blog lebih keren tapi tidak membebankan proses loadingnya, sehingga memudahkan pengunjung untuk hadir di blog kita semua...
    sukses untuk semuanya....

    ReplyDelete
  16. Info yang sangat menarik dan bermanfaat... aku mo coba.. selain itu aku juga pengen bisa membuat js file funtion gimana caranya...

    ReplyDelete
  17. Thanx sob...silakan di coba...
    waduh...agak berat nih buat saya kl soal js function...msh blm mendalami bener tuh sob...
    ini jg dapat ilmu dr org lain, cm di utak-atik sedikit...kl bikin sih masih rada puyeng juga...
    BTW thanx bgt ya

    ReplyDelete
  18. infonya bagus Tq.. tapi kok dipraktekin susah BGT :(

    ReplyDelete
  19. Banyak sekali inspirasi yang saya dapatkan dari Blog anda terimakasih Boss...

    ReplyDelete

Post a Comment

Silahkan tulis komentar anda pada kolom diatas, namun diharapkan jangan melakukan spamming, hindari komentar yang mengandung unsur SARA, berkata kasar serta hal2 negatif lainnya, Terima Kasih, Semoga bermanfaat

Popular Posts

Cara Membuat Random Posting Title Berjalan (Marquee)

Setelah kemaren sempat memposting " Cara menampilkan Top Comment Berjalan (Marquee) " , nah, kali ini mencoba memaparkan "Cara Membuat Random Posting Title Berjalan (Marquee)" . Postingan kali ini juga untuk menjawab pertanyaan dari sobat blogger pada waktu yang lalu sempat bertanya kalau cara membuat Recent Postingnya bagaimana? Thanx ya buat sobat Ngeposting ni yee + sobat yang satu lagi saya lupa (karena beliau bertanya via shoutbox dan sekarang shoutbox sudah saya ganti, jd maaf kl saya lupa yaaa...) karena pertanyaan anda memberikan saya ide untuk membuat postingan yang baru, abisnya saya sempat bingung mau membuat postingan apalagi yaaa....heheheheheeee.... Sebenarnya mau dikasi judul Recent Posting Title .....namun rasanya kurang pas kl mau bilang tentang tool ini Recent Posting Title , karena tool ini menghadirkan judul-judul posting blog kita secara acak bukan menampilkan judul postingan terbaru pada blog kita. Tapi ga apa-apa dech, ada baiknya juga si

Cara Pasang Kotak Komentar/Comment Form Facebook di Blogger

Cara Membuat Kotak Komentar/Comment Form Facebook di Blogger | Mungkin Tips ini udah bukan hal baru lagi, namun jika niat ingin berbagi, tidak ada kata terlambat. Berikut ini ingin mensharingkan cara membuat Kotak Komentar/Comment Form Facebook yang akan di tampilkan di Blogger. Jadi Kotak komentar yang sudah secara default ada di blogger dirubah atau ditambah dengan aplikasi kotak komentar/Comment form yang disediakan oleh Facebook. Fungsi kotak komentar Facebook ini adalah sebagai pengganti atau alternatif lain bagi pengunjung blog kita untuk memberikan komentar di blog kita, karena memungkinkan untuk pengunjung blog selain pengguna Blogger/Wordpress/Typepad/Open id untuk memberikan ide/komentar/saran/kesan untuk blog kita. Dikarenakan pengguna Facebook semakin meningkat jumlahnya, jadi bisa dipastikan hampir semua pengunjung blog memiliki akun Facebook. Untuk melihat demo Kotak komentar Facebook, silakan lihat Disini Berikut ini cara membuat/memasang kotak komentar Facebook di

Thumbnail Related Posting with Marquee (Berjalan)

Setelah kemaren memposting tentang cara membuat Related Posting menggunakan Daftar list berdasarkan Label dan Related Posting menggunakan Gambar(Thumbnail) . Nah kali ini sedikit berkaitan dengan Related Posting menggunakan Gambar(Thumbnail) . Nah, untuk menampilkan Related Posting menggunakan Gambar anda bisa lihat disini cara membuatnya. Namun ada sedikit kekurangan dari Related posting ini, yaitu anda tidak bisa menampilkan Related postingnya dalam jumlah yang banyak , jumlah yang ditampilkan sebatas ukuran lebar halaman posting saja, seperti halnya blog ini, hanya bisa menampilkan 4 judul serta gambar dari related posting tersebut. Lalu bagaimana cara menampilkan related posting tersebut dalam jumlah yang banyak...??? Oke, yang ingin di sharingkan kali ini mencoba mengangkat tentang menggunakan metode Marquee pada thumbnail related posting. Untuk contoh anda bisa lihat kebawah posting ini. Setelah mengutak-atik sedikit, sampai sempat sedikit error, hingga akhirnya saya mem

Cara Menampilkan Top Comment Berjalan (Marquee)

Wahhh...lama juga ga posting nich...akhirnya kangen juga sama blog setelah beberapa hari tidak menjamahnya karena ada sedikit kesibukan diluar. Oke langsung saja ke postingan , sebenarnya postingan kali ini adalah untuk menjawab pertanyaan sobat blogger, saya lupa namanya karena beliau bertanya via shoutbox blog ini yang lama, dan pada akhirnya shoutbox saya di banned, dan sekarang berganti dg Cbox, jadi maaf ya jika saya lupa, maklum memori sudah lemot. kalau tidak salah beliau bertanya bagaimana cara membuat Top Comment berjalan seperti di blog ini ? dan saya menjawab Coming soon sobat( Kayak film baru aja ) Oke, setelah kemaren sempat memposting cara menampilkan Top Comment di Blog , nah... sekarang mencoba membeberkan cara alternatif kedua untuk menampilkan Top Comment di blog dengan tampilan yang sedikit berbeda. Cara alternatif yang kedua ini menggunakan metode tulisan berjalan (Marquee) . makanya postingan kali ini saya beri nama Cara Menampilkan Top Comment Berjalan (Ma

Cara Membuat Halaman Posting Berpindah dari Kiri ke Kanan

Cara Membuat Halaman Posting Berpindah dari Kiri ke Kanan | Sempat bingung menentukan judul artikel yang satu ini, tapi yang jelas gambarannya seperti dibawah ini, Pernah lihat halaman blognya Kang Rohman (kolom-tutorial.blogspot.com), jika diperhatikan, ketika pada halaman beranda/Home page, bagian artikel/posting terletak di sebelah kiri dan sidebar berada di sebelah kanan, dan ketika masuk ke halaman postingnya, halaman artikel akan berada di sebelah kanan dan sidebar di sebelah kiri. Nah, untuk membuat halaman tersebut agar bisa berpindah-pindah ternyata cukup simpel. ternyata yang dibutuhkan hanya sedikit penambahan pada struktur CSS nya saja. berikut cara-caranya : Login ke Blogger Langsung menuju ke Design/Rancangan Klik Edit HTML centang tulisan "Expand Widget Template" Cari kode berikut : ]]></b:skin> Letakkan kode berikut ini setelah kode diatas  <style type='text/css'> <b:if cond='data:blog.pageType == &quot;item&quot;&

Blogger Lebih Asik dengan New Posting Editor

Nah...saat sekarang ini, para Blogging mania diberi kemudahan lagi oleh Blogger. Sebuah Posting Editor Baru telah di luncurkan. disini kita diberi kemudahan lagi dalam memposting entry. Adapun fitur-fitur yang telah diperbaharui sebagai berikut : New Toolbar Full safary 3 support Improved Handling Image Improved Raw HTML Geotagging Vertical Resizing Easy link editing in Compose mode Placeholder image for tags Preview dialog  Untuk lebih jelasnya dapat anda lihat Disini Nah...untuk dapat menggunakan New Posting Editor ini ( bagi anda yang masih menggunakan Posting editor lama ), berikut ini cara mengaktifkan New Posting Editor nya : Login dulu ke Blogger Masuk ke Setting/Pengaturan Pada halaman dasar, scroll hingga ke bawah, cari Setting Global   Pilih Editor yang diperbaharui Simpan Settingan anda Selesai Dech... Selamat menggunakan Posting Editor yang baru Sukses untuk semua Blogger...!!!