Membuat Random Header pada Blog
Seorang pembaca bertanya bagaimana header dan gambar latar belakang Blogger dapat diputar sehingga bisa menunjukkan gambar yang berbeda setiap kali halaman...
Home » Arsip untuk November 2011
Seorang pembaca bertanya bagaimana header dan gambar latar belakang Blogger dapat diputar sehingga bisa menunjukkan gambar yang berbeda setiap kali halaman di-refresh atau reloaded. Sementara kita bisa menggunakan format tampilan slide, waktu rotasi akan tetap. Aku memiliki JavaScript yang cukup sederhana yang bisa digunakan untuk header atau gambar baru setiap kali Blog Blog latar belakang di-refresh. Hal ini berguna jika Anda memiliki beberapa gambar latar belakang yang cocok untuk Blog Anda dan Anda ingin menampilkan semua.Rotating Header Image
Sedikit mengingatkan, bahwa tujuan atau cara kerja script ini adalah untuk membuat rotasi hedaer blog yang berbeda-beda saat halaman di reload atau di refresh..,
Pertama tama anda harus membuat gambar yang panjang dan lebarnya sesuai dengan panjang dan lebar header dari blog anda, anda bisa menggunakan pengedit foto yang sederhana, seperti picasa, Photosob, atau Ms Picture Manager, untuk pemotongan foto yang sesuai.
Setelah pembuatan foto selesai, upload semua foto-foto tersebut ke hosting untuk mendapatkan alamat Url nya.,
Login ke Dashboard Anda. trus ke Template -> Elemen Halaman -> Tambahkan sebuah Elemen Halaman dan pilih "HTML / JavaScript". dan masukkan script di bawah ini, tanpa judul ya dan klik save.,
<script type="text/javascript">
var banner= new Array()
banner[0]="Image01URL"
banner[1]="Image02URL"
banner[2]="Image03URL"
banner[3]="Image04URL"
banner[4]="Image05URL"
banner[5]="Image06URL"
banner[6]="Image07URL"
banner[7]="Image08URL"
banner[8]="Image09URL"
banner[9]="Image10URL"
var random=Math.floor(10*Math.random());
document.write("<style>");
document.write("#header {");
document.write(' background:url("' + banner[random] + '") no-repeat top left;');
document.write(" }");
document.write("</style>");
</script>
var banner= new Array()
banner[0]="Image01URL"
banner[1]="Image02URL"
banner[2]="Image03URL"
banner[3]="Image04URL"
banner[4]="Image05URL"
banner[5]="Image06URL"
banner[6]="Image07URL"
banner[7]="Image08URL"
banner[8]="Image09URL"
banner[9]="Image10URL"
var random=Math.floor(10*Math.random());
document.write("<style>");
document.write("#header {");
document.write(' background:url("' + banner[random] + '") no-repeat top left;');
document.write(" }");
document.write("</style>");
</script>
- URL 01 s/d 10 adalah alamat url dari image yang anda upload di hosting tadi.
- Angka merah (10) adalah jumlah random image yang akan anda buat sebagai background nantinya, bisa anda ganti dengan kisaran angka 1-9,
- sesuaikanlah jumlah image dengan settingan anda, apabila pada point 2 anda ganti dengan angka 5 berarti anda harus menghapus banner[5]="Image10URL"s/d banner[9]="Image10URL"
Random Backgound Posting
jika anda ingin membuat background blog berbeda alias random langkahnya sama dengan di atas tapi dengan script yang berbeda..,adalah seperti di bawah ini
<script type="text/javascript">
var banner= new Array()
banner[0]="Image01URL"
banner[1]="Image02URL"
banner[2]="Image03URL"
banner[3]="Image04URL"
banner[4]="Image05URL"
banner[5]="Image06URL"
banner[6]="Image07URL"
banner[7]="Image08URL"
banner[8]="Image09URL"
banner[9]="Image10URL"
var random=Math.floor(10*Math.random());
document.write("<style>");
document.write("body {");
document.write(' background:url("' + banner[random] + '") repeat center center;');
document.write(" }");
document.write("</style>");
</script>
var banner= new Array()
banner[0]="Image01URL"
banner[1]="Image02URL"
banner[2]="Image03URL"
banner[3]="Image04URL"
banner[4]="Image05URL"
banner[5]="Image06URL"
banner[6]="Image07URL"
banner[7]="Image08URL"
banner[8]="Image09URL"
banner[9]="Image10URL"
var random=Math.floor(10*Math.random());
document.write("<style>");
document.write("body {");
document.write(' background:url("' + banner[random] + '") repeat center center;');
document.write(" }");
document.write("</style>");
</script>
Penjelasannya kurang lebih sama dengan di atas, hanya saja yang warna orange harus diperhatikan untuk pengulangan backgroundnya nanti, apabila gambar background anda tidak memerlukan pengaulangan maka ganti dengan no-repeat.
okelah selamat mencoba dan berkreasi dengan tampilan blog yang cukup menarik, perhatikan hedaer blog ku ini, jika anda ke home maka hader imagenya akan berganti, itu adalah contoh sederhananya, karena saya hanya menggunakan 2 image saja.,
Matur nuwun syaiful anwar 21:26 Admin Banjarmasin Indonesia
Bandara (Airport) memang sering kali dijadikan sebagai landmark dari suatu negara. Alasannya karena memang keunikan dari bandara bukan hanya dijadikan sebagai prasarana transportasi massal, tapi juga menjadi tolak ukur dari kemajuan sebuah negara dalam memanfaatkan teknologi untuk kepentingan masyarakat banyak.
Selama ini mungkin jarang orang atau turis yang memperhatikan seperti apa desain bandara yang merka singgahi. Karena pada umumnya, orang ke bandara untuk melakukan perjalanan lewat udara. Sehingga mungkin tidak ada pemikiran melihat seperti apa desain bandara yang disinggahi.
Padahal, jika Anda sedikit mau memperhatikan desain bandara yang Anda singgahi selama menunggu keberangkatan pesawat, akan ada saja sesuatu yang indah dan unik. Nah, di bawah ini ada tujuh bandara yang dinilai desainnya sangat indah, ini dia:
1. Terminal 3, Beijing International Airport.
Terminal 3 resmi dibuka pada saat Olimpiade 2008, memiliki luas lebih dari dua mil ini memang dianggap mewakili seekor naga. Arsitek Foster and Partners mendesain langit-langit terminal dengan sebuah komplek dizzyingly mess yang memungkinkan sinar matahari dapat menyaring ke dalam zona merah dan zona kuning. Tidak hanya skema warna, secara tradisional Cina juga meningkatkan fungsi gedung dengan membantu penumpang dapat menavigasi gedung.
2. Terminal 4, Barajas Airport, Madrid
Terminal 4 ini dibuka pada tahun 2006. Bandara ini dirancang oleh Richard Rogers Partnership. Pylons yang berwarna-warni membentuk atap bergelombang dengan lapisan bambu menciptakan gedung tersebut selalu dalam waktu siang hari. Kedatangan dan keberangkatan penumpang harus melewati salah satu ruang spektakuler dengan teknologi canggih. Terminal yang dirancang untuk dapat menampung 35 juta penumpang per tahun itu memang menjadi satu-satunya bandara terbesar di Eropa.
3. TWA Terminal, John F. Kennedy Airport,New York
Merupakan sebuah Bandara Internasional yang terletak di Queens Country atau sekitar 12 mil (19 km) dari Lower Manhattan. Bandara ini satu-satunya yang tersibuk di Amerika Serikat dan juga merupakan pintu gerbang dari sebuah perusahaan kargo terkemuka. Bandara tersebut diberi nama setelah John F. Kennedy menjabat sebagai presiden Amerika Serikat yang ke 35. Hingga kini lebih dari 90 maskapai penerbangan beroperasi di sana.
4. Carrasco International Airport, Montevideo, Uruguay
Dibangun pada tahun 2009 dan dirancang oleh arsitek kelahiran Uruguay, Rafel Vinoly, bentuk bandara ini mirip dengan John F.Kennedy Airport pada 1960. Sedangkan pada aula kedatangan Internasional dirancang oleh Skidmore, Owings and Merrill. Aula bandara yang berbentuk lengkungan ini jika dilihat secara sederhana seperti gambar seorang anak yang sedang berada di bandara. Di dalamnya, ruang keberangkatan dibangun cukup besar, mirip stasiun kereta api tua.
5. Incheon International Airport, Korea Selatan
Sejak dibuka pada tahun 2001, Incheon, yang dirancang oleh arsitek Fentress Denver, sering masuk dalam daftar bandara terbaik di dunia. Tidak hanya efisien dan ramah, bandara juga merupakan sebuah karya budaya Korea. Salah satu tempat yang wajib Anda kunjungi saat berada di Incheon adalah Pine Tree Garden di Millenium Hall dan Wildflower Garden di lantai dasar Pusat Perhubungan.
6. Chek Lap Kok Airport, Hong Kong.
Dibandingkan dengan bandara Beijing yang spektakuler, Chek Lap Kok rupanya lebih spektakuler. Berada di bandara ini, Anda seperti berada di dalam pesawat dalam film Star Trek. Karena keseluruhan gedung bandara ini, didominasi dengan warna silver. Tidak hanya struktur bangunannya saja, teknologi di dalam gedung juga sangat canggih.
7. Malvinas Argentinas Airport, Ushuaia, Argentina
Terletak di Tierra del Fuego di ujung Amerika Selatan, bandara internasional kecil ini dibuka pada tahun 1995 menggantikan yang sudah lama. Bandara ini telah digunakan oleh berbagai maskapai penerbangan yang berbeda dari berbagai periode. Bandara internasional yang berada di belahan bumi selatan ini juga sering digunakan oleh penumpang sebagai pintu gerbang ke Antartika.
Jika Anda berkesempatan mengunjungi salah satu negara ini, abadikanlah keindahan dan kemegahan bandara ini bersama Anda!
Dari Berbagai Sumber syaiful anwar 10:11 Admin Banjarmasin Indonesia
Selama ini mungkin jarang orang atau turis yang memperhatikan seperti apa desain bandara yang merka singgahi. Karena pada umumnya, orang ke bandara untuk melakukan perjalanan lewat udara. Sehingga mungkin tidak ada pemikiran melihat seperti apa desain bandara yang disinggahi.
Padahal, jika Anda sedikit mau memperhatikan desain bandara yang Anda singgahi selama menunggu keberangkatan pesawat, akan ada saja sesuatu yang indah dan unik. Nah, di bawah ini ada tujuh bandara yang dinilai desainnya sangat indah, ini dia:
1. Terminal 3, Beijing International Airport.
Terminal 3 resmi dibuka pada saat Olimpiade 2008, memiliki luas lebih dari dua mil ini memang dianggap mewakili seekor naga. Arsitek Foster and Partners mendesain langit-langit terminal dengan sebuah komplek dizzyingly mess yang memungkinkan sinar matahari dapat menyaring ke dalam zona merah dan zona kuning. Tidak hanya skema warna, secara tradisional Cina juga meningkatkan fungsi gedung dengan membantu penumpang dapat menavigasi gedung.
2. Terminal 4, Barajas Airport, Madrid
Terminal 4 ini dibuka pada tahun 2006. Bandara ini dirancang oleh Richard Rogers Partnership. Pylons yang berwarna-warni membentuk atap bergelombang dengan lapisan bambu menciptakan gedung tersebut selalu dalam waktu siang hari. Kedatangan dan keberangkatan penumpang harus melewati salah satu ruang spektakuler dengan teknologi canggih. Terminal yang dirancang untuk dapat menampung 35 juta penumpang per tahun itu memang menjadi satu-satunya bandara terbesar di Eropa.
3. TWA Terminal, John F. Kennedy Airport,New York
Merupakan sebuah Bandara Internasional yang terletak di Queens Country atau sekitar 12 mil (19 km) dari Lower Manhattan. Bandara ini satu-satunya yang tersibuk di Amerika Serikat dan juga merupakan pintu gerbang dari sebuah perusahaan kargo terkemuka. Bandara tersebut diberi nama setelah John F. Kennedy menjabat sebagai presiden Amerika Serikat yang ke 35. Hingga kini lebih dari 90 maskapai penerbangan beroperasi di sana.
4. Carrasco International Airport, Montevideo, Uruguay
Dibangun pada tahun 2009 dan dirancang oleh arsitek kelahiran Uruguay, Rafel Vinoly, bentuk bandara ini mirip dengan John F.Kennedy Airport pada 1960. Sedangkan pada aula kedatangan Internasional dirancang oleh Skidmore, Owings and Merrill. Aula bandara yang berbentuk lengkungan ini jika dilihat secara sederhana seperti gambar seorang anak yang sedang berada di bandara. Di dalamnya, ruang keberangkatan dibangun cukup besar, mirip stasiun kereta api tua.
5. Incheon International Airport, Korea Selatan
Sejak dibuka pada tahun 2001, Incheon, yang dirancang oleh arsitek Fentress Denver, sering masuk dalam daftar bandara terbaik di dunia. Tidak hanya efisien dan ramah, bandara juga merupakan sebuah karya budaya Korea. Salah satu tempat yang wajib Anda kunjungi saat berada di Incheon adalah Pine Tree Garden di Millenium Hall dan Wildflower Garden di lantai dasar Pusat Perhubungan.
6. Chek Lap Kok Airport, Hong Kong.
Dibandingkan dengan bandara Beijing yang spektakuler, Chek Lap Kok rupanya lebih spektakuler. Berada di bandara ini, Anda seperti berada di dalam pesawat dalam film Star Trek. Karena keseluruhan gedung bandara ini, didominasi dengan warna silver. Tidak hanya struktur bangunannya saja, teknologi di dalam gedung juga sangat canggih.7. Malvinas Argentinas Airport, Ushuaia, Argentina
Terletak di Tierra del Fuego di ujung Amerika Selatan, bandara internasional kecil ini dibuka pada tahun 1995 menggantikan yang sudah lama. Bandara ini telah digunakan oleh berbagai maskapai penerbangan yang berbeda dari berbagai periode. Bandara internasional yang berada di belahan bumi selatan ini juga sering digunakan oleh penumpang sebagai pintu gerbang ke Antartika.Jika Anda berkesempatan mengunjungi salah satu negara ini, abadikanlah keindahan dan kemegahan bandara ini bersama Anda!
Dari Berbagai Sumber syaiful anwar 10:11 Admin Banjarmasin Indonesia
7 Bandara Termegah Di Dunia
Bandara (Airport) memang sering kali dijadikan sebagai landmark dari suatu negara. Alasannya karena memang keunikan dari bandara bukan hanya dijadikan...
Udah lama nich gak posting tentang wisata di daerah sendiri, kini saatnya ane tampilkan objek wisata di daerah ane...
Tujuan wisata untuk parawisatawan yang senang menyaksikan matahari terbit maupun matahari tenggelam. Salah satu nya yaitu Pantai Swarangan. Pantai ini memiliki gelombang air laut yang cukup besar sehingga sehingga sangat cocok untuk orang yang hobi berselancar.
Aktivitas olah raga yang bisa dilakukan di pantai ini, yakni berenang, memancing, dan berselancar. Atau aktivitas yang simpel yakni berjemur santai di bibir pantai sambil menikmati panorama alam pantai.
Selain panorama pantai, anda juga bisa menjernihkan mata kita dengan melihattumbuhan pohon bakau yang masih berwarnaatau melihatsarana panggung hiburan, dan publik toilet.
Kejernihan air laut merupakan daya tarik utama bagipara wisatawan yang berkunjung ke lokasi tersebut. Di mana tempat tersebut ramai dikunjungi oleh para wisatawan lokal maupun mancanegara di waktu hari liburan.
Pantai Swarangan terletak di Desa Swarangan, Kecamatan Jorong. Dapat ditempuh melalui transportasi darat dengan jarak tempuhkurang lebih52 km dari ibukota Kabupaten Tanah Laut, atau sekitar 117 km dari kota Banjarmasin ibukota Kalimantan Selatan.
Sayang keindahan pantai ini harus di nodai dengan pungutan liar orang yang tidak bertanggung jawab dengan mengenakan tarif masuk semuanya,ane sendiri juga pernah jadi korban disitu dengan membayar biaya masuk 2 kali, jadi hati-hati bagi anda yang ingin berkunjung kesana,harus memperhatikan yang mana yang petugas dan mana yang preman...hehehe, kalau gak ingin membayar masuk 2 kali. Kalau ane perhatikan memang tidak ada upaya pemerintah untuk mengelola objek wisata ini, hal ini masih terlihat dengan masih semrawutnya penataan sarana- sarana pendukung, apalagi pada saat libur banyak sekali warung-warung dadakan dan kamar mandi myang yang muncul tanpa memandang tata letaknya, sehingga dapat mangganggu pemandangan.., syaiful anwar 08:30 Admin Banjarmasin Indonesia
Pantai Swarangan Jorong Kal-sel
Udah lama nich gak posting tentang wisata di daerah sendiri, kini saatnya ane tampilkan objek wisata di daerah ane...Tujuan wisata untuk parawisatawan...
Membuat diri lebih kreatif memang menyenangkan, terutama mengenai design template dengan menciptakan sendiri.Setelah berhari-hari mengotak atik berbagai template, akhirnya jadi juga nich..,
sebenarnya ide ini muncul saat ane memikirkan gimana caranya membuat readmore yang hanya berupa gambar saja, tanpa ada deskripsi tulisan yang panjang git..,
singkat saja, template ini sebenarnya merupakan modivikasi dari blogger template yang di khususkan buat video, namun setelah di otak-atik dengan pengurangan dan penambahan scriptnya akhirnya bisa di gunakan...
Keunggulan :
BAGAIMANA CARA MEMBUAT RECENT POST NYA?
Mudah kok, tinggal menambahkan script berikut ini di sidebar anda jadi dech
Langsung aja dech di liat demonya dan di download
sebenarnya ide ini muncul saat ane memikirkan gimana caranya membuat readmore yang hanya berupa gambar saja, tanpa ada deskripsi tulisan yang panjang git..,
singkat saja, template ini sebenarnya merupakan modivikasi dari blogger template yang di khususkan buat video, namun setelah di otak-atik dengan pengurangan dan penambahan scriptnya akhirnya bisa di gunakan...
Keunggulan :
- Menggunakan auto readmore hanya gambar dan judul blog saja
- Sudah ada Menu Horizontal
- Menggunakan Image Slider, yang tentunya akan membuat tampilan blog lebih menarik
- Lengkap dengan Recent Post/bisa juga digunakan sebagai daftar isi yang di lengkapi dengan image thumbnail dengan efek marquee( bergerak kebawah)
- Populer Post sudah di modifikasi dengan tampilan yang menarik
- Membedakan antara halaman depan (HOME) dengan halaman Postingan
- Terdapat 2 header yang bisa anda gunakan untuk memasang gadget (seperti iklan misalnya)
- Dengan penambahan 3 kolom sidebar di bawah postingan
- Kotak komentar sudah di modifikasi (membedakan komentar admin dengan pengunjung)
- Yang terakhir SEO FRIENDLY tentunya karena hanya memiliki berat 98,5 KB
Preview nya disini
BAGAIMANA CARA MEMBUAT RECENT POST NYA?
Mudah kok, tinggal menambahkan script berikut ini di sidebar anda jadi dech
<style type="text/css"></style>
<script src="http://enkrenk.googlecode.com/files/daftarbaru.js" type="text/javascript">
</script>
<script type="text/javascript">
var speed = 1000;
var pause = 4500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img"><script>
var numposts = 20;
var numchars = 30;
</script> <script src="http://walibanjarbaru.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt">
</script> </ul>
<script src="http://enkrenk.googlecode.com/files/daftarbaru.js" type="text/javascript">
</script>
<script type="text/javascript">
var speed = 1000;
var pause = 4500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img"><script>
var numposts = 20;
var numchars = 30;
</script> <script src="http://walibanjarbaru.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt">
</script> </ul>
Langsung aja dech di liat demonya dan di download
Template Biru ku (free download)
Membuat diri lebih kreatif memang menyenangkan, terutama mengenai design template dengan menciptakan sendiri.Setelah berhari-hari mengotak atik berbagai...
