Friday, October 31, 2008

Daftar posting atau sering di sebut recent post pada blogger sangat terbatas, kita hanya bisa menampilkan recent pos sebanyak 5. Hal ini karena menggunakan feed dari blogger yang hanya memberikan daftar posting sebanyak 5. Supaya recent post atau daftar posting yang akan kita tampilkan lebih dari 5 maka kita menggunakan core Json dalam membantu menampilkan daftar posting (recent post) lebih dari 5 bahkan tanpa batas sesuai keinginan kita. Bagaimana membuat hal tersebut di blogger? Ikuti langkah dibawah ini :

Langkah 1
Login ke blogger (yang satu ini super wajib. Hehehe...)
Langkah 2
Tambahkan Gadget - HTML/JavaScript baru dan atur penempatannya supaya mudah dalam hal navigasi blog
Langkah 3
Masukan (copy/paste) kode dibawah ini pada bagian "Konten"
<script src="http://hendriono.googlepages.com/recent-post.js"></script>
<script>var numposts = 20; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://NAMA-BLOG.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp">
</script>
Langkah 4
Jangan lupa disimpan

Keterangan :
  • Ubahlah angka 20 untuk menentukan seberapa banyak Daftar Posting (Recent Post) yang akan ditampilkan
  • Ubahlah NAMA-BLOG sesuai dengan alamat blog anda
  • Happy blogging :)

Blogger Ads Converter (HTML Encoder)

Posted by dav On 6:47 AM
Ads Converter (HTML Encoder) berfungsi untuk mengkonversi karakter khusus HTML menjadi karakter asli HTML. Hal ini membantu mencegah terjadinya kesalahan tampilan tag HTML pada browser. Selain itu Ads Converter (HTML Encoder) berguna secara otomatis mengkonversi kode javascript iklan kedalam format yang benar sehingga Anda dapat menambahkan langsung kode tersebut ke dalam xml template Blogger anda. Ini sangat sempurna dan berhasil untuk mengkonversi AdSense, AdBrite, Chitika atau kode iklan javascript lainnya yang mungkin anda miliki. Bingung? Baca lebih dulu Blogger Ads Converter (HTML Encoder).

Blogger Tune-Up akan membantu anda dengan memberikan secara gratis Ads Converter (HTML Encoder) sampai batas waktu yang tidak ditentukan hal ini untuk membantu anda mempermudah pernulisan karakter khusus HTML. Silahkan anda gunakan dengan gratis perlengkapan kami, Ads Converter (HTML Encoder) dibawah ini.
Blogger Tune-Up tidak meminta apapun kepada para pengguna Ads Converter (HTML Encoder) dibawah ini. Kami hanya berharap dan sangat berterima kasih kepada para pengguna Ads Converter (HTML Encoder) untuk memberikan link dari situs anda ke Blogger Tune-Up.
Apa saja yang Ads Converter (HTML Encoder) ubah :
'<' menjadi '&lt;'
'>' menjadi '&gt;'
'"' (double quote) menjadi '&quot;'
''' (single quote) menjadi '&#039;'
'&' menjadi '&amp;'
Link is Down...!

Friday, October 17, 2008

Membuat Pesan Loading Page

Posted by dav On 9:14 PM
Mungkin diantara teman blogger ada yang pernah menemukan pesan halaman muka (loading page message) yaitu pesan yang keluar disaat kita mengunjungi sebuah situs. Pesan yang muncul bisa bermacam-macam sesuai keinginan pemilik situs. Ternyata semua itu dibuat dengan kode JavaScript sehingga bagi para pemilik blog di blogspot sangat bisa membuat hal ini. Pesan halaman muka menggunakan 2 (dua) tombol yaitu tombol "OK" dan tombol "Cancel", jika pengunjung menekan tombol "OK" maka halaman muka situs akan ditampilkan pada situs yang dituju tetapi jika pengunjung menekan tombol "Cancel" maka halaman yang dituju akan dibatalkan dan akan diarahkan ke alamat situs lain yang pemilik blog tersebut inginkan (biasanya diarahkan ke alamat situs lain dengan pengelola sama). Dibawah adalah screenshot dari Loading Page Message dan cara pembuatannya.

loading_page_message


Berikut urutan cara pembuatan kode Loading Page Message :
Langkah 1 :
Buat sebuah Element Halaman HTMl/JavaScript, caranya silahkan baca disini.
Langkah 2 :
Copy Paste kode dibawah ini pada kotak konten.


<script type="text/javascript">
confirm('Selamat datang di Blogger Tune-Up. Yakin untuk melanjutkan?');
if (
confirm('Selamat datang di Blogger Tune-Up. Yakin untuk melanjutkan?')
)
{
window.location = "http://modification-blog.blogspot.com/";
}
else {
window.location = "http://dedehendriono.blogspot.com/";
}
</script>

Keterangan :

  • Jika pengunjung menekan tombol "OK" maka halaman http://modification-blog.blogspot.com/ akan ditampilkan.
  • Jika pengunjung menekan tombol "Batal" maka halaman http://dedehendriono.blogspot.com/ akan ditampilkan.
  • Ubahlah pesan (tulisan warna merah) dengan pesan sesuai keinginan anda.
  • Penempatan Elemen Halaman dimana saja asalkan tidak diberi judul.

Meta Tag Generator

Posted by dav On 8:18 PM
Meta Tag adalah hal yang sangat penting didalam ilmu SEO (Search Engine Optimization). Deskripsi Judul dan Meta (Titles and Meta descriptions) sesuatu yang sangat istimewa dalam dunia internet. Blogger Tune-Up akan membantu anda dengan memberikan secara gratis Meta Tag generator sampai batas waktu yang tidak ditentukan hal ini untuk membantu anda menciptakan Meta yang sesuai dengan keinginan SEO. Silahkan anda gunakan dengan gratis perlengkapan kami, Meta Tag generator dibawah ini. Jika anda ingin mengetahui lebih jauh tentang Meta Tag dan pemasangannya silahkan baca artikel kami "Memahami dan Memasang Meta Tag di Blogger".

Blogger Tune-Up tidak meminta apapun kepada para pengguna Meta Tag generator dibawah ini. Kami hanya berharap dan sangat berterima kasih kepada para pengguna Meta Tag generator untuk memberikan link dari situs anda ke Blogger Tune-Up.


Mendapat kesulitan dalam menggunakan tool ini? Jangan bingung, Blogger Tune-Up akan dengan senang hati membantu anda, silahkan baca disini.

Sunday, October 12, 2008

Cara Menambah Gadget - HTML/JavaScript

Posted by dav On 3:12 AM
Blogger dari paman Google ini memberikan keleluasaan kepada penggunanya untuk menambah fasilitas (script) tambahan lain dari pihak ketiga atau buatan sendiri, dan inilah yang menjadi kekuatan blogspot untuk mampu bersaing dengan blog dengan dasar lain, memberikan keleluasaan kepada para penggunanya untuk menciptakan fasilitas sesuai keinginannya sendiri. Walaupun sebenarnya pihak developer blogger dari waktu ke waktu terus menambah dan melengkapi dengan fasilitas-fasilitas baru kepada para penggunanya. Tetapi terkadang para penggunanya lebih menyukai hal-hal yang diciptakan sendiri walaupun hasilnya belum tentu lebih baik dari fasilitas yang sudah disediakan, hal ini justru menjadi nilai tambah bagi para blogger yang senang berkreasi.
Beberapa tahun kebelakang developer blogger menamai gadget itu dengan nama widget, entah kenapa nama itu sekarang menjadi gadget. Gadget yang disediakan sebenarnya banyak, tetapi bagi para blogger yang ingin membuat fasilitas (script) baru sangat diperbolehkan walaupun terbatas hanya diperbolehkan menggunakan bahasa HTML dan bahasa JavaScript namun hal ini sudah cukup untuk membuat blog kita menjadi lebih optimal dan kreatif baik dari sisi layout, kemudahan, dan fasilitas. Bagi anda yang ingin menambah fasilitas (script) tambahan berikut gambaran umum cara menambahkannya:

Blogger Tampilan Baru

Langkah 1
Login ke Blogger
Langkah 2
Masuk ke Dasbor - Tata Letak
Langkah 3
Klik "Tambah Gadget" pada lokasi yang inginkan
Menambahkan Gadget
Langkah 4
Pilih jenis Gadget yang ingin ditambahkan (contoh; HTML/JavaScript)
Menambahkan Gadget
Langkah 5
Konfigurasi Gadget (lihat keterangan)
Konfigurasi Gadget

Blogger Tampilan Lama

Langkah 1
Login ke Blogger
Langkah 2
Halaman Dasbor akan terbuka dan akan ditampilkan urutan blog yang telah kita buat seperti gambar dibawah ini ;
subdasbor
Langkah 3
Untuk menambah Gadget baru klik "Tata Letak", maka halaman Tata Letak akan terbuka, seperti gambar dibawah ini ;
tataletak-elemenhalaman
Langkah 4
Secara Default tab "Elemen Halaman" akan terpilih, tetapi jika tidak terpilih anda tinggal klik tab Elemen Halaman. Perhatikan bagian elemen halaman, tersedia link "Tambah Gadget", seperti gambar dibawah ini ;
tambahgadget
Langkah 5
Klik "Tambah Gadget" maka jendela pilihan Gadget akan terbuka, scroll (geser) slidebar jika Gadget tidak terlihat semuanya dan carilah "HTML/JavaScript" seperti gambar dibawah ini ;
gadget
Langkah 6
Klik "HTML/JavaScript" maka jendela Elemen Halaman HTML/JavaScript akan terbuka, seperti gambar dibawah ;
gadget-konten

Keterangan

  • Judul : Masukan Judul Gadget dikotak "Judul"
  • Konten : Masukan fasilitas (script) HTML/JavaScript yang telah dibuat/disiapkan sebelumnya pada kotak "Konten"
  • Kembali : Kembali ke halaman pilihan Gadget
  • Batal : Membatalkan penambahan Elemen Halaman Gadget
  • Simpan : Menyimpan fasilitas (script) yang telah kita masukan pada kotak konten

Perhatian !
  • Kotak "Konten" tidak boleh kosong (wajib diisi)
  • Kotak "Judul" boleh dikosongkan
  • Selalu klik "SIMPAN" jika kita telah melakukan perubahan
  • Setelah Gadget ditambahkan pada elemen halaman, kita bisa mengatur/memindahkan Gadget dengan "klik drag" ke posisi lain di elemen halaman sesuai keinginan kita
  • Klik Drag adalah meng-klik tombol kiri mouse, menahan dan menggesernya

Friday, October 10, 2008

Membuat Menu Dropdown

Posted by dav On 9:40 PM

Menu dropdown digunakan untuk meletakan sekumpulan menu atau sekumpulan link dan mengharuskan pengguna memilih salah satu menu/link tersebut dengan mengklik panah untuk menampilkan menu/link yang tersembunyi/terlipat. Menu dropdown sangat cocok bagi para blogger yang menggunakan template minimal dan telah dipenuhi oleh hal-hal lain, atau bagi mereka yang ingin memperluas bagian pinggir (sidebar) untuk keperluan lain. Bagi para blogger yang sudah dikenal biasanya bagian pinggiran dipenuhi dengan ads (iklan) tetapi tidak ingin menghilangkan list (daftar) link menuju ke blogger lain biasanya menggunakan menu dropdown, tampilan lebih rapi, sederhana dan tidak menghilangkan tujuan.

Seandainya kita menggunakan list (daftar) link dengan teknik biasa (berjajar) maka keindahan blog kita sedikit berkurang dan tampak kurang rapi. Kekurangannya menu dropdown kita harus memasukan link-link tersebut manual dan agak ribet jika kita ingin menyusun (sort) sesuai abjad. Tetapi semua tergantung para blogger itu sendiri, mau menggunakan menu dropdown atau tidak terserah blogger. Lihat contoh menu dropdown dan cara pemasangannga dibawah ini :



Langkah 1
Login ke blogger
Langkah 2
Masuk ke Dasbor (Panel Kontrol) - Tata Letak - Elemen Halaman - Tambah Widget - HTML/JavaScript (atur posisi sesuai keinginan anda)
Langkah 3
Letakan (Copy Paste) kode dibawah ini pada bagian konten (tanpa judul)

<select onchange="javascript:window.open(this.options[this.selectedIndex].value);">
<option selected value="0"/>Add Your Link Here.....
<option value="http://www.alat_blog_1.com/"/>Alamat Blog 1
<option value="http://www.alat_blog_2.com/"/>Alamat Blog 2
<option value="http://www.alat_blog_3.com/"/>Alamat Blog 3
</select>
Langkah 4
Simpan Elemen Halaman

Keterangan :

  • selected : adalah nilai (value) yang secara default terpilih (ditampilkan)
  • value : adalah nilai (isi) dari menu/link yang akan mengarahkan pengguna (user) jika dipilih/diklik
  • Jika value diisi 0 maka ia tidak bernilai (pengguna tidak akan diarahkan kemanapun walaupun dipilih/diklik), misal : value="0", anda bisa mengganti nilai 0 dengan alamat link lainnya
  • Masukan alamat link yang akan dimasukan dalam daftar (list) menu dropdown pada value
  • Alamat Blog 1, Alamat Blog 2 dan seterusnya adalah nama yang mewakili link yang ada pada value, anda dapat merubah sesuai dengan keinginan anda. Inilah yang akan ditampilkan dalam daftar (list) menu dropdown
  • Jika kita ingin menambahkan daftar menu/link didalam menu dropdown, kita tinggal menambahkan kode :
    <option value="http://link_berikutnya/"/>Link Berikutnya diatas </select>
  • Lebar menu dropdown tergantung panjangnya nama alamat blog

Tuesday, October 7, 2008

Memasang Status YM di Blogger

Posted by dav On 2:16 AM

Punya YM ngga...? Itulah pertanyaan pertama kali aku mencoba untuk jalan-jalan ke warnet yang dipenuhi oleh anak-anak seusia SMP-SMA. Sempat melamun dan memikirkan apa itu YM? Maklum saya lahir dan dibesar dikampung yang super sepi, kadang bermimpi punya internet. Tanya kiri kanan akhirya tahu juga apa itu YM. YM adalah Yahoo Messenger yang digunakan untuk chatting. Begitulah penjelasan mereka tentang YM, dari penjelasan itu muncul lagi pertanyaan tentang apa itu Chatting. Wah jadi merembet dan akhirnya terjadilah percakapan ringan diselingi tawa dari mereka begitu mengetahui saya tidak tahu menaung tentang YM. Lucu bagi mereka tapi jadi bahan pemikiran buat saya. Satu pertanyaan kecil "Mengapa generasi sekarang sangat suka dengan Chatting?" Menurut beberapa informasi di internet bahwa bandwidth Indonesia habis dan dipadati oleh chatting bahkan hampir 80% bandwidth Indonesia digunakan untuk chatting, "TANYA KENAPA?"

Walaupun secara pribadi aku tidak suka dengan Chatting tapi sebagai bahan artikel kali ini tidak ada salahnya saya membeberkan cara pemasangan Yahoo Messenger Status didalam blogger. Untuk memasang Status Yahoo Messenger didalam blogger ikuti langkah berikut ini :

Langkah 1 :
Login ke Blogger
Langkah 2 :
Dari Panel Kontrol - Tata Letak - Tambah Elemen Halaman - HTML/JavaScript
Langkah 3 :
Copy - Paste kode dibawah ini didalam konten

<a href="http://messenger.yahoo.com/edit/send/?.target=YM_ID" rel="nofollow">
<img border="0" src="http://opi.yahoo.com/yahooonline/u=YM_ID/m=g/t=14/l=us/opi.gif">

Langkah 4 :
Simpanlah Elemen Halaman tadi

Keterangan :

  • Ubahlah YM_ID dengan Yahoo ID anda, misal; hendriono
  • t=14 adalah kode untuk menentukan image (gambar) yang akan digunakan, tersedia t=0 sampai dengan t=16, gantilah kode t=14 untuk mengubah gambar sesuai yang anda inginkan

Berikut keterangan dari kode gambar yang bisa kita gunakan :

t=0 t0

t=1 t1

t=2 t2

t=3 t3

t=4 t4

t=5 t5

t=6 t6

t=7 t7

t=8 t8

t=9 t9

t=10 t10

t=11 t11

t=12 t12

t=13 t13

t=14 t14

t=15 t15

t=16 t16