Cara Pasang Recent Post di Blogger (Javascript)
Sabtu, 19 Februari 2011

Sekali lagi saya akan memberikan tips mengenai navigasi untuk blog pada teman - teman semua, jika sebelumnya saya sudah memberikan tips cara pasang navigasi breadcrumb dan juga related post maka kali ini giliran Recent Post atau biasa disebut postingan terbaru. Dengan adanya navigasi recent post pada blog maka akan lebih memudahkan pengunjung untuk mengetahui postingan atau artikel terbaru dari blog kita.

Tutorial cara pasang recent post kali ini akan menggunakan javascript sebagai source codenya dan untuk mempersingkat waktu maka kita langsung saja dengan tutorialnya karena berhubung pada saat menulis artikel ini jam dikamar saya sudah menunjukan pukul 4 subuh hehehe :D
Cara Pasang Widget Recent Post
Untuk memasang widget ini seperti biasa kita harus login ke account blogger dan masuk pada tab Rancangan --> Elemen Laman, kemudian tambahkan gadget HTML/Javascript baru dan CoPas kode dibawah ini ke gadget baru tersebut :






Tips :

1. Ganti kode yang berwarna merah dengan alamat blog anda
2. var numposts -> Jumlah judul postingan terbaru yang ditampilkan.
3. var showpostdate -> Ganti false menjadi true jika ingin menampilkan tanggal postingan.
4. var showpostsummary -> Bisa diganti menjadi true jika mau menampilkan ringkasan posting dari tiap judul.
5. var numchars -> Jumlah karakter pada ringkasan. Jika showpostsummary disetting false maka option ini tidak akan berpengaruh.

Jika sudah selesai diutak-atik kodenya, coba simpan template anda kemudian lihat hasilnya. Dan semoga artikel ini bisa bermanfaat bagi anda.

Selamat Mencoba !

Read More

PART II TUTORIAL BLOGGER

Cara Upload Javascript menggunakan Google Code
27
in Trik blog

Cara upload Javascript memang tidak mudah, tetapi dengan menggunakan Google Code semuanya itu sekarang sudah berubah. Dahulu, saya tahunya hanya ripway, di mana bisa upload file gratis (Termasuk javascript). Nah, tetapi bilamana tidak log in selama 3 bulan (Kalau tidak salah), maka file dan account akan terhapus. Tetapi sekarang semuanya sudah terpecahkan. Penasaran?...

Mungkin anda bingung, untuk apa upload file javascript? Sebenarnya, javascript yang biasa berakhiran huruf dot js itu bisa digunakan untuk bermacam-macam, salah satunya untuk edit blog. Yang laennya saya kurang tahu, bukan anak informatika sih..hehe.

|| Iklan yang Lewat...Bisnis online oke 2010 ||
Click 1x aja jangan 2x
Perhatikan sebelum membeli

Oke, sekarang langsung aja yuk ke caranya..Ikuti step by step cara upload Javascript menggunakan Google Code berikut :

Cara mengaktifkan Google Code :

Click di sini >> Google Code untuk membuka halaman Google Page
(Pastikan anda sudah log in di Google account anda, jika belum mempunyai Google account buatlah satu, gratis kok.)

Click create a new project

Cara Upload Javascript menggunakan Google Code
Isikan data yang diminta.
Berikut keterangannya :

Project name :
Nama projek yang anda kehendaki, nantinya akan menjadi bagian dari URL. Tidak bisa diganti lagi, jadi pikirkanlah yang paling sesuai dengan selera hati anda.

Project summary :
Isikan rangkuman atau keterangan singkat. Misalkan anda ingin upload file javascript untuk edit blog beri saja judul "Js untuk edit blog" atau apapun sesuka anda.

Project description :
Beri keterangan sama dengan project summary, hanya yang ini versi ngebacotnya alias versi panjang lebarnya.

Version control system :
Pilih "Mercurial".

Source code license :
Pilih "GNU General Public License v3".

Centang "Use a separate content license" dan terserah pilih yang mana dari dua pilihan di dalam drop down.

Click create project.


Viola! Sekarang anda telah mempunyai account di google codes. Berikutnya yaitu mengenai...


Cara upload file :

Click tab Downloads >> New download . Lebih jelasnya perhatikan screenshot di bawah.

Cara Upload Javascript menggunakan Google Code
Berikutnya :

Summary
: Isikan nama file yang anda inginkan.

File
: Click browse >> Cari file yang hendak anda upload.

Label
: Sama aja dengan kategori/pengelompokkan, bisa anda isi atau tidak juga gapapa.

Click submit file.

Cara Upload Javascript menggunakan Google Code

Viola! Sekarang anda sudah berhasil memasukkan atau mengupload file, berikutnya apa? Sisanya tinggal bagaimana caranya mengambil url yang telah diupload.

Cara mengambil atau melihat URL upload code :

Click kanan di file yang sudah diupload >> Properties

Kemudian pada element properties ada dapat melihat link properties kan? Nah itu dia URLnya. Perhatikan screenshot di bawah ini.

Cara Upload Javascript menggunakan Google Code
Oke. Sekarang anda sudah mendapatkan tambahan ilmu baru lagi kan? Jadi, nanti bilamana membutuhkan trik blogging yang mengharuskan anda upload file dot js atau Javascript, anda bisa menggunakan sarana ini. Jika ada pertanyaan, silakan tinggalkan komentar.

Bila anda sudah lelah pengen refreshing, ini ada sarana refreshing.

Read More

TUTORIAL BLOG

Cara penambahan GADGET dengan menggunakan HTML/Java Script

Penambahan GADGET dengan menggunakan HTML/Java script sangatlah tidak sulit. Namun untuk menggunakan script anda, anda harus benar-benar memperhatikan kebenaran kode script anda seperti penggunaan script marquee ataupun script-script yang lainnya. dan untuk penambahan GADGET dengan menggunakan HTML/Java script dapat dilakukan dengan memperhatikan gamabar di bawah ini. :-V


Untuk penambahan, anda hanya perlu klick add gadget (tambah gadget). kemudian akan muncul:



Setelah itu pilih HTML/Java Script, Pastikan sebelum itu anda harus menyiapkan Script untuk kategori gadget yang anda inginkan. Letakkan kode scropt anda pada "konten" stelah loading membuka HTML/Java Script selesai :





Anda dapat mempaste script anda seperti pada gambar di atas, Kemuadian Simpan. stelah itu anda bisa lihat perubahan pada blog anda.

Pada dasarnya penambahan GADGET dengan menggunakan HTML/Java Script dapat anda lakukan sebanyak mungkin sesuai keinginan anda. Namun sebaiknya anda tidak memberi terlalu banyak GADGET karena itu akan memperlambat Loading ketika masuk situs blog anda.

Selamat mencoba Berkreasi.



DIBUAT BERDASAKAN PENGALAMAN MEMBUAT BLOG KURSI GOYANG

Read More