Kamis, 23 September 2010

Cara Membuat Animasi Status Loading

Image Untuk mengubah dan menambahi variasi pada blog banyak sekali option yang bisa dipilih, salah satunya adalah dengan memberikan efek animasi status loading pada blog. Cara ini dijamin akan mendongkrak tampilan blog agar terlihat lebih indah dan modern he3 ... Dengan memasangnya nanti pada waktu blog anda dibuka, sebelum halaman blog anda terbuka keseluruhan akan ditampilkan semacam image loading yang atraktif. Banyak sekali pilihan animasi loding yang bisa ditampilkan, tinggal pilih sesuai selera sobat, contohnya di bawah ini :

Image

Image

dan masih banyak lagi model yang lainya.

Langsung aja langkah membuatnya :

1. Membuat file js, lalu menyimpan ke hosting script, kemudian memasukkan script pada template editor. Silakan masuk ke Ajax Load dan buat image loading pilihan anda dahulu dan silakan simpan di hosting file langganan anda.
2. Menyimpan file script ke hosting. Silakan buka notepad anda kemudian copy code dibawah ini, lalu simpan dengan nama misalnya : preloader.js, codenya dibawah ini :


var ld=(document.all);var ns4=document.layers;
var ns6=document.getElementById&&!document.all;
var ie4=document.all;
if (ns4)
ld=document.loading;
else if (ns6)
ld=document.getElementById("loading").style;
else if (ie4)
ld=document.all.loading.style;
function init()
{
if(ns4){ld.visibility="hidden";}
else if (ns6||ie4) ld.display="none";
}

NB :
+ Jangan sampai salah simpan dengan ekstensi js.

3. Memasukkan script pada template editor :
  • Login ke account blogger anda.
  • Klik Layout --> Edit HTML.
  • Cari kode di dalam template anda dan ganti dengan kode di bawah ini :

Cara Mudah Membuat Tampilan REad More Pada Postingan

R ekan2 Blogger ... Kali ini saya akan menulis dan belajar ( khususnya saya sendiri ) untuk membuat fungsi Read more / Baca selanjuynya adalah fungsi pemenggalan pada suatu paragraf yang sering kita lihat di kebanyakan blog yang sangat berguna untuk mengurangi tampilan awal pada suatu blog, sehingga tidak terlalu memakan tempat.

Trik untuk membuatnya sangatlah mudah, langsung saja y saya akan menuliskan caranya dan ikuti langkah2 berikut :

Setting kode HTML :

1. Masuk ke Account blogger sobat.
2. Pilih Tata Letak => Edit HTML.
3. Silahkan save dulu template tersebut, ini untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula.
4. Klik / Beri tanda centang Tulisan "expand widget template" yang ada diatas kanan kolom edit HTML. ( Tunggu beberapa saat ketika proses sedang berlangsung )
5. Lalu Cari Kode :




Atau kode dibawah ini ( Sama saja )





6. Hapus kode diatas lalu ganti dengan kode dibawah ini.









Baca Selengkapnya...



7. Klik tombol simpan dan selesai

Setting Format :

1. Klik Pengaturan.
2. Klik Format.
3. Pada layar paling bawah, ada text area kosong disamping tulisan Template Posting, isi tesxt area kosong tersebut dengan kode di bawah ini :






4. Klik tombol Simpan Pengaturan

Pemasangan kode ini di maksudkan agar pada saat posting artikel, kode tersebut langsung muncul tanpa harus menuliskan terlebih dahulu, jadi membantu kita agar tidak harus selalu mengingat kode tersebut.

Cara posting artikel :

1. Klik menu Posting.
2. Klik menu Edit HTML, maka secara otomatis tampak kode yang telah kita setting tadi, yakni :






3. Tuliskan artikel yang ingin tampak didepan / tidak disembunyikan pada blog sebelum kode dibawah ini :




4. Tulis keseluruhan sisa artikel sesudah kode di atas tadi dan sebelum kode ( Tulis kode dibawah ini pada bagian paling bawah postingan ) :




5. Klik tombol bertuliskan MEMPUBLIKASIKAN POSTING.
6. Klik tulisan Lihat Blog (di jendela baru) untuk melihat hasil dari postingan kita, kemudian lihat apakah hasilnya sukses atau tidak. Jika tidak, mungkin ada bagian yang terlewatkan. Coba lihat kembali langkah diatas.

Mudah2an dapat membantu, kususnya bagi para rekan2 blogger yang masih pemula seperti saya. Jika rekan2 yang gagal mempraktekkan cara ini, anda jangan khawatir untuk mengembalikanya seperti semula sangat mudah asal anda punya backup data yang di simpan. Anda tinggal copas aja kode yang anda backup tadi dan pastekan di kolom edit HTML. Selesai ...

Cara Mudah Menulis Kode HTML di Postingan

U ntuk melengkapi sekaligus memperbanyak postingan tentang tutorial blog ini, aku kali ini akan menuliskan tentang bagaimana cara untuk menulis kode HTML di postingan ... Bagi yang masih awam "termasuk saya", pasti Anda bingung pada waktu posting Code HTML di blog Anda, pasti yang muncul bukan codenya melainkan hasil dari code HTML-nya, nah untuk yang ingin menulis tentang tutorial blog pasti code HTML banyak diposting, Nah untuk para penulis yang belum tau caranya posting code HTML nih saya kasih caranya.

Caranya cukup mudah, Encode saja code HTML di situs dibawah ini
Nah caranya cukup mudah tinggal taruh code HTML yang ingin di posting lalu klik tombol "Encode", Nah hasil dari Encode itu yang Anda posting di Blog Anda.

Sekian tulisan postingan yang cukup pendek ini semoga dapat membantu Anda, kususnya bagi yang masih awam, bukan untuk yang profesional He3 ... !

Cara Membuat dan Memahami isi Blog di Blogspot

D isini saya akan mengulas sedikit tentang cara membuat blog di blogspot ... Berbeda dengan Website, Blog adalah Situs yang sifatnya pribadi yang dibuat secara personal tergantung pribadi masing-masing.

Bagi Para pemula Yang masih awam dalam membuat blog, hal yang pertama adalah anda harus mempunyai/membuat account terlebih dahulu ...Silakan daftar di Free Blog Provider dahulu.

Free Blog Provider yang paling banyak penggunanya adalah
  1. http://www.wordpress.com
  2. http://www.blogger.com
Nah, Untuk Tutorial ini saya akan sedikit membahas cara membuat blog yang menggunakan "Mesin" Blogger ...
  • Silahkan Anda menuju http://www.blogger.com, setelah masuk, klik tulisan anak panah yang bertuliskan"Ciptakan Blog Anda"
  • Isilah Alamat Email dengan alamat email anda (tentunya yang valid)
  • Isikan kembali alamat email anda tadi pada form Ketik ulang alamat email
  • Tuliskan password yang anda inginkan pada form Masukkan sebuah password
  • Isikan kembali password anda tadi pada form Ketik ulang sandi (password)
  • Isi Nama Tampilan dengan nama yang ingin anda tampilkan
  • Tulis tulisan yang tertera pada form Verifikasi Kata. Beri tanda cek pada kotak di pinggir tulisan Saya menerima Persyaratan dan Layanan.
  • Klik gambar anak panah yang bertuliskan "LANJUTKAN"
  • Tuliskan judul blog yang anda inginkan (nanti bisa di rubah lagi) pada form Judul Blog
  • Tulis nama situs anda pada form Alamat Blog (URL)
  • Tulislah tulisan verifikasi yang ditampilkan pada form Verifikasi kata, jika sudah selesai klik gambar panah yang bertuliskan "LANJUTKAN".
  • Pilihlah gambar (template) yang anda inginkan (nanti bisa di rubah lagi), kemudian klik gambar anak panah yang bertuliskan "LANJUTKAN"
  • Setelah keluar tulisan "Blog Anda telah di ciptakan". Klik gambar panah bertuliskan "MULAI POSTING". Silahkan anda tuliskan semau anda, jika sudah selesai klik tombol "MEMPUBLISKAN POSTING".Klik pada Layout, perhatikan layout susunan antara Header, Bagian Posting, sidebar dan footer.
Bagi para pemula, biasanya mereka bingung setelah daftar membuat blog apa yang harus di isi( diposting ) dalam sebuah blog. Isi ( content ) dari sebuah blog tentu saja terserah kepada pemilik blog itu sendiri, apakah mau di isi puisi, perjalan hidup, teknik, ataupun apa saja.

Sekarang kita lanjut sedikit memahami isi dari HTML di Blogspot ...

  • Klik pada Layout kemudian klik Edit HTML .Jangan klik pada "Expand Widget Templates". Lihat pada kode-kode HTML tersebut
Nah, Semoga bagi rekan-rekan yang masih pemula dapat memberikan sedikit kemudahan dan pemahaman mengenai isi dari blog, khususnya Blogspot ... Nantikan postingan saya lagi "Narsis BGT neeh" He3 ... saya juga akan menuliskan tutorial blog yang lainya.

Cara Daftar FeedBurner.com


FeedBurner adalah suatu situs yang memberikan layanan dalam hal syndikasi atau feed. Sekarang feedburner telah di akuisisi oleh google sehingga kita dapat mengalihkan feed blog kita ke feed yang dari feedburner. Situs ini yang mengenalkan blog kita melalui feed, jika tidak melalui feed burner blog kita akan sulit terdeteksi oleh google, karena itu feed burner sangat penting untuk mengenalkan blog kita ke khalayak ramai.
Selain mengenalkan situs blog kita ke khalayak ramai feedburner juga terdapat bermacam macam fungsi yang sangat berguna diantaranya email subscribtion, ping shoots, headline animated dll. Bagi anda yang ingin blognya lebih cepat terkenal saya sarankan untuk bergabung dengan feedburner, layanannya ditanggung gratis. Untuk anda yang ingin tau tata cara mendaftarnya dibawah ini secara detailnya :

1. Silahkan kunjungi http://www.feedburner.com.
2. Klik tulisan Register pada halaman bagian atas
3. Isi seluruh form yang yang ada


  • Username --> isi dengan username yang diinginkan. contoh : ayo
  • password --> isi dengan password yang diinginkan. contoh : ayo
  • Password (again) --> isikan kembali password yang tadi di tulis
  • Email address --> isi dengan alamat email yang sobat miliki
  • Secret Question --> isi dengan pertanyaan rahasia yang jawabannya nanti cuma sobat yang tau. Contoh : siapa nama ibumu?
  • Secret Answer --> isi dengan jawaban yang sesuai dengan pertanyaan di atas.
  • Klik tombol Sing in
4. Jika berhasil, muncul ucapan selamat datang (welcome) dari feedburner
5. Isi kotak di bawah tulisan Burn a feed right this instant dengan alamat blog anda.
6. Beri tanda pada radio button yang tersedia, terserah mau pilih yang mana, kemudian klik tombol Next
7. Ubah Feed Title dengan Feed Address jika mau di ubah, kalo sudah tinggal klik tombol Active Feed
8. Ada ucapan Conrats, klik saja langsung tombol Next
9. Beri tanda centang pada kotak di samping tulisan Clickthroughs serta I want more ! have FeedBurner stats PRO also track (karena sekarang layanan yang PRO pun sudah gratis karena sudah di akuisisi oleh google)
10. Klik tombol Next
11. Klik tab Optimize
12. Silahkan setting yang anda inginkan, tapi yang paling penting adalah anda harus mengaftifkan fitur SmartFeed, karena fitur ini berfungsi agar supaya fungsi dari feed kita kompatibel atau klop dengan berbagai feed reader yang ada
13. silahkan klik SmartFeed lalu klik tombol Active
14. Klik tab Publicize, silahkan pilih fitur yang anda inginkan, tapi yang sering di gunakan adalah fitur feedCount coba klik FeedCount
15. Pilih bentuk style dari feedcount, yang biasa atau yang animasi, beri tanda pada radio button di sampingnya
16. Klik tombol Active
17. Copy kode HTML yang di berikan pada text area, paste pada notepad untuk nanti di pasang di blog anda
18. Klik Chicklet Chooser untuk memilih berbagai banner atau chicklet.

19. Beri tanda pada radio button yang terletak di samping chicklet masing-masing, kemudian copy kode HTML yang di berikan yang ada pada text area, kemudian paste pada notepad. catatan : setiap sobat memberi tanda pada radio button masing-masing chicklet, maka secara otomatis kode HTML yang ada di bagian bawahpun akan berubah, jadi kesimpulannya beri tanda radio button lalu copy kode HTML nya beri tanda lagi lalu copy kodenya lagi
20. Klik Pingshot, beri tanda pada kotak di samping Ping-O-matic serta Newsgator, klik menu dropdown yang ada, lalu pilih yang sobat inginkan, klik tombol Add, klik lagi menu dropdownnya bila ingin di tambahkan lagi, klik Add kembali
21. Klik tombol Active
22. Klik Headline Animator untuk mendapatkan banner animasi
23. Klik menu dropdown di bawah tulisan Theme, pilih yang sesuai keinginan (yang paling banyak di minati adalah type classic) 24. Klik tombol Active
25. Klik menu dropdown di samping tulisan Add to, pilih Blogger blog
26. Klik tombol Next
27. Setelah muncul window baru, klik tombol Add to Blogger
28. silahkan Singn in dulu di blogger
29. Pilih blog yang mau di pasang banner animasi nya, lalu klik tombol Menambah Widget maka secara otomatis banner animasi akan di tambahkan. catatan : cara ini hanya berlaku bagi yang memakai template baru
30. Silahkan sign out dari situs tersebut

Untuk fitur-fitur yang lain lainnya, silahkan anda coba-coba saja sendiri.

Satu yang paling terakhir. Seperti yang saya katakan diatas tadi bahwa sekarang feedburner sudah di akuisisi sama google, maka untuk feed blogger bisa di alihkan ke feedburner. Caranya seperti ini :

1. Sing in di blogger
2. Klik menu Pengaturan
3. Klik Feed Situs
4. Di sebelah tulisan Ijinkan Feed Blog, pilih yang Penuh
5. Simpan alamat feed dari feedburner pada kotak di samping tulisan posting URL Pengubahan Arah Feed.
6. Apabila anda mempunyai account google adsense, anda bisa menyimpan kode iklan google adsense anda pada kotak di samping tulisan Feed Item Footer
7. Klik tombol Simpan Pengaturan

Semoga dengan bergabungnya anda ke feedburner, blog sobat menjadi cepat terkenal dan ramai di kunjungi ... Semoga bermanfaat.

Cara Back Up dan Upload File Java Script Ke Free Hosting

U  ntuk mengatasi over banwitch pada file java script yang biasanya disertakan oleh para master2 blogger di script HTML pada penggunaan script tertentu, maka kita perlu mengupload sendiri ke file hosting kesayangan Anda, misalnya Ripway.com, Fileave.com, Hotlinkfiles.com dll. Sebelum meng-uploadnya tentu saja kita perlu mendownload file nya terlebih dahulu, caranya mudah hanya dengan meng-kopi alamat URL file java script tersebut dan taruh di alamat browser klik open, setelah terbuka Copas file yang terbuka tersebut dan simpan di komputer sobat.

Contohnya :




Keterangan :
+ yang berwarna merah adalah alamat file java script-nya Copas dan buka di Browser.

Cara menyimpan script JS di Ripway.com, Fileave.com, Hotlinkfiles.com dll :

1. Kunjungi link Ripway.com, Fileave.com, Hotlinkfiles.com dll.
2. Kemudian klik Sign Up dan isi semua data data anda sesuai perintah.
3. Jika anda berhasil mendaftar akan muncul halaman " Thank You For Joining ".
4. Selanjutnya Klik Log In dan isikan User Name dan Paswords yang anda gunakan sewaktu mendaftar, terus click Enter.
5. Untuk menyimpan file JS klik MY FILE di halaman ini anda cari CREATE TEXT FILE, nah setelah anda klik CREATE TEXT FILE akan muncul halaman berupa sebuah kolom untuk membuat Script JS.
6. Perhatikan Tulisan Enter a File Name!! di kolom kecil inilah anda membuat judul untuk script js anda. silahkan buat nama scriptnya sesuai keinginan anda dengan catatan jangan menggunakan SPASI dan di akhiri dengan dot js contohnya tabmenu.js dan jgn menggunakan huruf kapital/besar.
7. Setelah anda beri nama Pastekan kode script yang anda dapatkan dengan mengklick Direct Link file js yang sudah saya sebutkan diatas kedalam kolom kosong pada halaman CREATE TEXT FILE, jika sudah di pastekan scriptnya click CREATE.
8. Setelah anda click CREATE maka anda akan mendapatkan Direct Link file js anda.
9. Cara untuk memanggil script js nya perhatikan kode di bawah ini :




Keterangan :
+ Ganti Direct Link yang berwarna merah dengan Direct Link yang anda dapatkan setelah anda Create Text File tadi dengan Direct Link anda.
+ Sebagai catatan jika anda menggunakan hosting gratisan seperti saya, sebaiknya anda gunakan sendiri agar tidak terjadi over load. Jika anda ingin mempublikasikannya kepada publik anda bisa menyarankan agar script JS tersebut di Up-Load sendiri, jangan mengunakan Direct Link Anda, agar tidak terjadi Over Load penggunaan bandwith.

Selamat mencobanya ...