gubhug reyot

Tampilkan postingan dengan label Javascript. Tampilkan semua postingan

Create 404 error page in Blogger with simple flash game - Membuat halaman error 404

Posted by cah ndeso kluthuk

Menampilkan game flash sederhana di halaman Error 404 Blogger.

Banyak hal dapat kita lakukan "di halaman dengan alamat tak jelas" atau "halaman error 404" yang juga disebut sebagai "404 error page". Halaman yang akan dijumpai di blogger ketika sebuah alamat tak bisa ditemukan karena beberapa sebab, seperti misalnya:

1. Seseorang menuliskan alamat (URL) secara tak benar.
contoh:
- http://gubhugreyot.blogspot.com/2010/08/juery-lightbox.html harusnya:
- http://gubhugreyot.blogspot.com/2010/08/create-juery-lightbox.html
2. Judul posting yang telah di hapus. Alamat sebuah posting sekalipun telah di hapus akan tetap tersimpan dalam mesin pencari google, sehingga ketika posting dihapus alamat ini akan tetap ada sedangkan postingnya takkan pernah ditemukan lagi.
Contoh silahkan buka link berikut:
- http://gubhugreyot.blogspot.com/2012/04/best-solution-when-reply-comment-button_12.html

Membuat halaman error 404 (halaman tak ditemukan) menjadi sebuah bagian yang menarik dari sebuah blog bisa membuat seorang pengunjung menjadi semakin tertarik untuk membuka lebih banyak lagi posting. Anda sebaiknya menampilkan kata-kata yang bersahabat dan membuat pengunjung merasa nyaman sekalipun halaman yang di cari tak ditemukan. menampilkan sebuah file flash dalam halaman error 404 adalah sebuah improvisasi yang bisa lebih dikembangkan lagi. Dalam posting ini telah kita sediakan kode css berikut xHTML untuk membuat halaman error 404 yang didalamnya disertakan game sederhana dalam bentuk file flash. Anda dapat memilih menggunakan kode css dan xHTML-2 atau hanya menggunakan xHTML-1. Jika anda gunakan xHTML-1, maka anda tak perlu lagi menggunakan kode css. Semua sudah tersimpan dalam javascript yang didalamnya berisi file game flash serta kode css. D E M O

Cara membuat halaman error 404 dengan game flash-1:

Playing with Animated Flying Twitter Bird » with css3 effects & animated .gif

Posted by cah ndeso kluthuk

Dengan widget Animated Flying Twitter Bird yang telah mengalami modifikasi melalui penambahan kode css3 ini anda dapat sedikit bermain-main menangkap si burung twitter terbang. Si burung twitter terbang akan tetap seperti biasanya dengan terbang mengelilingi halaman blog, hanya anda dapat mencoba menangkapnya kemudian mempertahankan agar tetap bersama cursor hingga si burung manis berhenti. Atau cobalah tangkap tepat saat berhenti. Ketika burung twitter masih terbang dan tangkapan anda tepat maka burung twitter akan berhenti dan berusaha lepas disertai effek zoom serta munculnya burung twitter berbeda berbentuk animasi gif.

Javascriptnya silahkan anda copy melalui link di bawah ini dan segera simpan melalui add a gadget atau bisa juga diletakkan di bawah ]]></b:skin> atau di atas <head> atau di atas </body>

Widget Burung Twitter Terbang dg Effect css3

Silahkan juga buka Tutorial lain yang sangat menarik dan patut di ikuti sampeyan semua. Akses melalui link di bawah ini:

Posting » Setu PON, April, 14, 2012

» Happy Blogging - gubhugreyot «

Sumber:

- Autor : Florian Buenzli, 2010
- For blogger by : Harrys, http://www.way2blogging.org, 2011
- With css3 effects by : gubhugreyot, http://gubhugreyot.blogdetik.com, April 2012

Solusi jitu ketika button reply comment tak berfungsi - Blogger New Threaded Comments

Posted by cah ndeso kluthuk

Kasus tidak berfunginya button reply comment di New Blogger Threaded Comment ternyata tak hanya dialami oleh satu atau dua blogger saja. Sangat banyak yang mengeluhkan permasalahan ini, termasuk satu diantaranya 'gubhugreyot sendiri". Salah satu blog yang aku gunakan selama hampir dua bulan aku biarkan tanpa fungsi reply comment yang normal fungsinya. Button teks reply comment memang tetap "nyanggong" di tempatnya, tapi ketika di klik tak ada reaksi apapun yang muncul. Button reply comment Blogger New Threaded Comments tersebut tetap diam membisu "sekalipun di embat pakai martil". He ... benar-benar bikin jengkel dan putus asa! Dus ... akhirnya setelah dua bulan satu solusi akhirnya aku temukan juga. Javascript Threaded Commentlah yang menjadi masalah mengapa si button reply tak dapat bekerja dan diam membisu sekalipun "di klik beribu kali".

Buat Widget Related Posts: Pancing Pengunjung Buka Lebih Banyak Posting

Posted by cah ndeso kluthuk

Widget Related Post bekerja berdasarkan label yang dibuat blogger saat posting, sehingga ketika sebuah label digunakan pada banyak posting maka "related posts" akan memuat semakin banyak daftar posting terkait. Hal seperti ini membuat sebuah widget related posts menjadi terasa "sangat pantas dan layak" karena dapat "menjadi salah satu sumber dibukanya lebih banyak posting oleh pengunjung". Jika banyak posting anda mempunyai kwalitas yang baik, dapat dipastikan salah satu atau beberapa link yang terdapat di boks related posts akan "di klik". Menggunakan widget related posts juga memberi nilai lebh sepanjang posting terkait yang ditampilkan tidak terlalu banyak karena akan semakin memudahkan pengunjung memilih posting.

Membuat widget related posts sebenarnya tidaklah sulit. Yang terutama diperlukan adalah ketelatenan untuk memasang dan menyimpan kode yang digunakan, terutama xHTML yang harus disimpan di bagian body diantara tag pembuka dan penutup body (<body> dan </body>). Jika anda menginginkan lebih banyak lagi posting dibaca pengunjung, silahkan ikuti panduan cara menggunakannya di bawah ini:

O..., ya ..., sebelum dilanjut silahkan buka demonya terlebih dahulu. Lihat di kolom posting bagian terbawah (di atas box komentar!

D E M O - 1 D E M O - 2

Auto Post Thumbnail - Auto Readmore with CSS3 Effects

Posted by cah ndeso kluthuk

Auto read more pastinya akan sangan bermanfaat bagi semuanya. Dengan auto readmore yang berfungsi secara otomatis menciptakan read more berdasarkan jumlah karakter ini, maka tak perlu lagi ada kata, Aduh ...., read more-nya kelupaan!" Kata yang paling sering terdengar saat posting selesai dan diterbitkan.

Readmore otomatis ini juga tak sekedar read more biasa karena mengikut sertakan javascript yang berfungsi secara otomatis akan menampilkan thumbnail (image berukuran kecil) di setiap box posting dimana read more berada. Anda dapat mengatur ukuran thumbnail dengan merubah nilai width pada javascript. Jika anda menghendaki pengaturan ini sebaiknya lakukan pada desain yang pertama (standart). O,...ya,.. perlu diketahui bahwa kita akan buat 3 macam tampilan thumbnail yang berbeda.

Pilihan tampilan auto post thumbnail:

Cursor Circling Text Trail Teks Berputar

Posted by cah ndeso kluthuk

Cursor ini sebenarnya sangat menarik karena animasinya yang cantik serta mudahnya pengguna melakukan beberapa pengaturan ulang agar circling text trail dapat ditampilkan sesuai keinginan. Hanya satu hal yang terasa amat mengganggu, bahwa circling text trail yang berputar mengitari cursor terlalu sering jadi pengganggu ketika pengunjung mecoba melakukan aktivitas penting seperti copy atau membuka link.

Dalam posting ini kita telah lakukan sedikit perubahan pada javascript agar animasi yang tercipta tidak terlalu berlebihan sekaligus kita juga telah rubah posisi teks terhadap cursor agar sekalipun teks berputar ini selalu setia mengikuti cursor namun tidak lagi menjadi pengganggu yang merugikan. Anda bisa melihat dalam demo dimana terlihat animasi teks berputar sudah berpindah di bawah cursor.

D E M O

Jozz.. Buat Cursor Animasi ndul Gondal Gandul

Posted by cah ndeso kluthuk

He... masih blom puas dengan persediaan cursor yang sudah terposting? Cihu... Don't worry! Nih satu lagi cursor "antik-cantik" bisa kalian pakai di blogger ato yang lain. Ho.... kompatible lhoh buat semua browser. He... nggak percaya. Buih ... udah cakep, kompabilitasnya bagus, animasi, javascript nggak banyak n..... bisa gondal-gandul seperti "punya sampeyan". Ha .... ha .... ha ... clguk ... glegh .... glegh...

Jika image cursor nggak cocock atau sesuai selera, silahkan ganti imagenya dengan mengganti URL image yang ada di javascript (lihat javascript di bawah!). Beberapa variabel juga bisa diatur untuk memperoleh bentuk paling ideal. Ya,... selera orang khan macam-macam. Ada yang suka kurus kecil hitam, ada yang suka kurus tinggi rambut warna pink dan ada pula yang suka badan tinggi besar plus suka kasih pukulan! He ... he ... iya, nggak?!

Pengaturan dapat dilakukan pada ukuran cursor (image), jarak setiap image cursor, jumlah image cursor, efek pantul cursor serta beberapa yang lain. He ... lengkap banget, ya?!

DEMO : Cursor Animasi

Trick Pasang Jam Digital di Header Blogger Template Designer

Posted by cah ndeso kluthuk

Jika pada beberapa saat yang lalu telah dibahas "Cara buat dan pasang jam digital di header blog" pada "Template Tata Letak", namun karena pada saat ini hampir semua blogger menggunakan "Blogger Template Designer (Perancang Template Blogger)", oleh karena itu agar lebih mudah dan cepat dipahami serta dapat segera terpasang di blog sampeyan, kita membahasnya sekali lagi.

D E M O

Buka link demo di bawah ini agar anda dapat melihat bagaimana jam digital ini mampu memberikan sensasi yang cukup menarik untuk sebuah blog.

Demo Jam digital di header blog

Trick Buat & Ciptakan Page peel di Blogger

Posted by cah ndeso kluthuk

Mengapa aku katakan sebagai tips atau trik buat & ciptakan page peel? Mengapa tidak kita sebut saja "Tutorial Blogger cara membuat page peel di Blogger Template Designer?" atau mungkin "Panduan cara membuat dan memasang page peel?" He... he.. sampeyan tak perlu memikirkannya terlalu dalam. Ini hanyalah sekedar tips dan trick saja agar lebih banyak "teks" yang dapat dibaca mesin pencari. Bukankah lebih banyak diantara sampeyan semua yang menggunakan kata atau kalimat seperti "tutorial", "cara membuat" , "cara pasang" dan "panduan ....." saat melakukan pencarian (browsing)? Diluar itu ...? Ha... ha... tentu saja memang ada trick yang harus dipatuhi untuk membuat page peel.

Page peel yang pada dasarnya merupakan sebuah halaman berisi link dan biasa diletakkan pada pojok blog (atas, kanan, bawah, kiri) disertai animasi gerak melalui image dan file flash ini memang tak sekedar desain biasa. Desain page peel yang dibuat dalam bentuk iframe seperti yang akan kita buat ini memang membutuhkan penanganan khusus.

Harus menggunakan image dengan ukuran yang tepat.
Semua file flash (.swf) dan image harus diupload di file hosting. Anda bisa gunakan google sites (untuk file flash) dan di halaman posting blogger (file image).
Javascript yang digunakan harus dalam bentuk link sehingga sampeyan harus mengupload javascriptnya terlebih dahulu di file hosting (dapat dilakukan di google code atau google sites ).

D E M O

Agar lebih jelas bagaimana sebenarnya page peel yang akan kita buat, sampeyan bisa lihat demo-nya. Dalam demo telah disertakan juga javascript beserta link file flash dan image yang diperlukan untuk membangun page peel secara lengkap. Silahkan download file-file teersebut kemudian upload untuk digunakan di blog.

DEMO Page peel

Trick Ampuh Pastikan Ukuran Background Header Blogger Template Designer

Posted by cah ndeso kluthuk

Membuat background image di header blog "gampang-gampang susah", tetapi juga "susah-susah gampang". Memilih dan menentukan "image (gambar)" yang akan dijadikan background header jelas-jelas adalah awal "munculnya penyakit bingung" yang bikin kepala mot-mot-an. Banyak memang gambar yang dapat kita cari dan temukan. He.... bagus-bagus lagi! Tapi, begitu saatnya harus menentukan satu yang dirasa cocok dan pas...., uah.... bingun (he..he... bingung, broer!). Mo yang bentuk gambar pemandangan, bunga nyang bru mo mekar, lukisan abstrak, photo monyet menari, kerbau lagi berak atau ..... gambar ayam jago ma betina nyang lagi main-kejar-kejaran? He... kalian ... nggak usah terlalu njelimet mikirnya. Ambil satu gambar, buat ukurannya yang pas lalu upload di blogger dan ... segera lihat hasilnya! And .... klo bosan ... he ... buat lagi yang baru! Hiii... gampang, toh. Satu persoalan nyang bikin bingun (e...eh ... kok bingun lagi, sory ... sory ...!!) teratasi sudah. Kemudian masih ada lagi persoalan baru. Gimana, ya, cara pasangnya?! Hoo... ini mah gampang. Login aja ke blogger kemudian lakukan "Edit pada elemen header di Page Elements (Elemen Laman)". Habis ini baru satu lagi persoalan baru muncul dan benar-benar bikin kepala sedikit "mo pecah". Berapa sih sebenarnya ukuran width dan height yang diperlukan untuk "si background header blog?".

Bagi kalian yang sudah terbiasa pakai "Adobe Photoshop" memang bukan lagi jadi persoalan serius (meski mungkin tetap nggak bakalan sekali jadi membuatnya) namun bagi beberapa sobat blogger yang lain pasti ini akan jadi persoalan besar yang "akhirnya lebih sering jadi pembangkit keputusasaan". Satu yang terpenting ketika akan membuat background image di header Blogger Template Designer (Perancang Template Blogger) adalah "Jangan sekali-kali gunakan tool Susutkan agar sesuai atau dalam bahasa londo-nya Shrink to fit". Menggunakan tool ini hampir tak ada manfaatnya karena background header tak akan pernah sesuai dengan lebar dan tinggi header sesungguhnya. Jika sampeyan pernah mencobanya pasti akan tahu betapa justru blog jadi kacau balau nggak karuan.

Mengatasi persoalan menentukan width dan height background header "dengan tingkat akurasi 99,99% dapat kita lakukan dengan bantuan jQuery dan sedikit script. Sampeyan tak perlu menyimpan kodenya secara permanen karena hanya dibutuhkan untuk sekali penggunaan. Cukup copy seluruh kode kemudian simpan melalui widget HTML/Javascript (Elemen Laman | Add a Gadget | HTML/Javascript). Lanjukan dengan buka blog dan yang terakhir cari serta klik button pencari lebar dan tinggi header blog. Lha.... setelah ketemu tinggi dan lebar header-inner yang dibutuhkan untuk membuat background image, segera hapus kembali jQuery dan scriptnya.

Cara menggunakan kode

Agar lebih cepat dalam membuat background image di header blog, silahkan buka yang ini terlebih dahulu.

Tips & Trick membuat background image header blog

Adding CSS3 in Lightbox Slideshow: Membuat Lighbox Slideshow lebih Atraktif

Posted by cah ndeso kluthuk

Meninggalkan kode CSS3 saat membuat widget atau kelengkapan blog yang lain rasanya seperti memasak sayur tanpa garam. Kurang lengkap hingga sedikit hambar rasanya! Begitu pula dengan lightbox slideshow yang telah terpostingkan beberapa waktu berselang. Tanpa penambahan kode css3, lightbox slideshow ini memang sudah cukup menarik, namun jika kita berikan sentuhan box shadow, text shadow, border radius, dan sedikit animasi melalui css3 transition dan css3 transform tentunya akan jadi terlihat lebih fantastis. Kejelian menambahkan kode css3 dan memilih bagian yang harus di modifikasi menjadi bahian yang sebenarnya sangat bergantung kepada selera. Oleh karena itu pengembangan lighbox slideshow melalui css3 ini semoga bisa menjadi sumber referensi yang bermanfaat.

Tips & Trik Membuat & Menggunakan Lightbox di blogger

Posted by cah ndeso kluthuk

Membicarakan tentang lightbox yang berfungsi sebagai image viewer di blogger tentu tak akan lepas dari lightbox blogger plugins yang sudah terinstall di template. Perlu diketahui bahwa lightbox blogger plugins ini memang telah menjadi satu bagian terintegrasi dalam blog dan akan aktif bersamaan dengan saat kita mulai menggunakan template blogger dan memulai blogging.

Menilik penerapan plugins dengan metode seperti yang dikembangkan blogger (lightbox) sesungguhnya dalam beberapa hal dapat menimbulkan masalah baru apabila pengguna tidak menyadarinya. Pengintegrasian secara langsung menimbulkan masalah baru ketika seorang blogger mencoba menggunakan widget lightbox yang bersumber dari luar blogger dimana sumber kinerja preview image pada lightbox baru tersebut menggunakan kode rel="lightbox". Kode html ini ternyata identik dengan kode yang digunakan pada lightbox blogger plugins sehingga ketika fungsi lightbox dijalankan maka lightbox baru akan bekerja berbarengan dengan lightbox blogger plugins. Agar masalah seperti ini bisa dihindarkan, ada 2 ( dua) cara yang dapat digunakan.

Membuat Ticker Popular Posts Blogger Widget Plugins-2 dg Javascript

Posted by cah ndeso kluthuk

Pilihan lain untuk membuat Ticker Popular Posts Blogger Plugins Widget dapat dibuat juga dengan menggunakan javascript. Tak banyak berbeda dengan ketika kita menggunakan kode html marquee hanya jika kita menggunakan javascript tag marquee tak lagi digunakan. Javascript dalam bentuk link sudah tersedia hingga jika tak mau terlalu repot bisa langsung kalian pakai. Hanya sekedar saran, jika ingin lebih aman dan lancar javascript ini bisa kalian upload di file hosting sehingga tak ada orang lain yang menggunakan link-nya. Kode CSS dalam ticker ini sudah dilengkapi dengan kode CSS yang berkaitan dengan widget popular post hingga memungkinkan ticker popular posts blogger plugin ditampilkan lebih sempurna. Jika ingin penampilan berbeda silahkan tambah dengan css lain atau bisa juga modif dibeberapa kode css yang sudah disertakan.

D E M O

Cara membuat Ticker Widget Popular Posts Blogger Plugins

Membuat Animasi Background Berjalan (Bergerak)

Posted by cah ndeso kluthuk

Yang ini juga asli product dalam negeri. Dengan hanya secuil javascript sebuah background animasi yang selalu bergerak bisa menjadi bagian dari blog sampeyan. Menempatkannya sebagai background header menjadi sebuah pilihan tepat hingga terlihat sangat atraktif. Membuatnya juga sangat simple karena hanya perlu menyimpan script pertama di bagian header di bawah tag pembuka header (<head>) dan script kedua di atas tag penutup body (</body>). Perlukah kode css untuk animasi background bergerak ini? Yah, tentu saja jika dipandang perlu sampeyan bisa buat tambahan kode css agar bisa ditampilkan lebih cantik di blogger atau blogdetik sekaligus penyesuaian dengan kode html di template. O..., ya ... xHTML yang nantinya dipergunakan bisa sampeyan lihat di bawah ini.

Hidden Calendar-Clock Using CSS3-Javascript

Posted by cah ndeso kluthuk

Hidden Calendar-Clock adalah sebuah gabungan kerja antara kode CSS3 yang membentuk fungsi hide & show serta sebuah javascript sederhana pembangun Calendar-Clock. Posisi/letak Hidden Calendar-Clock dapat diatur di kanan-atas, kanan-bawah, kiri-atas atau di kiri-bawah blog. Calendar-Clock menampilkan secara lengkap hari, tanggal, bulan, tahun serta am/pm serta digital clock di ujung paling kanan. Pada demo akan diperlihatkan dimana calendar clock hanya akan terlihat ketika cursor berada di halaman blog. Hidden Calendar-Clock akan menghilang lagi saat anda berpindah ke halaman web/blog yang lain. Muncul dan menghilangnya Calendar-clock mempunyai jeda waktu 1 (satu) detik setelah cursor anda aktif ataupun meninggalkan halaman blog. Hmmm... seperti halnya kata pepatah, tong kosong nyaring bunyinya yang artinya banyak berkata-kata banyak pula muncrat air ludahnya, jadinya aku rasa lebih baik segera lihat saja demonya.
NB: Harap diperhatikan, karena keternatasan dhuwit dan tak mampu bayar hosting atau beli domain sndiri maka jika demo-1 tak bekerja sampeyan dipersilahkan buka demo yang ke-2! Oye?!

Simple No Right Click Image - Disable Right Click Image

Posted by cah ndeso kluthuk

Daripada harus dipostingkan dikemudian hari yang paling juga bisa lupa,juga agar sampeyan punya pilihan dalam menggunakan kode anti copy image, maka setelah pada posting sebelumnya kita coba membuat sebuah anti copy image "yang sedikit menipu pengunjung" melalui CSS3, untuk kali ini kita tak sekedar membuat anti copy saja, namun benar-benar sebuah fungsi "no right click atau disable right click" karena setelah script digunakan maka "klik kanan mouse" benar-benar tak akan bekerja sama sekali. Sangat sederhana dan teramat mudah digunakan serta compatible dibeberapa browser besar seperti Mozilla Firefox, Opera dan Google Crhome.

D E M O

Lightbox Slideshow dengan prototype.js dan scriptaculous.js

Posted by cah ndeso kluthuk

Sekalipun lightbox ini sama seperti yang telah terpostingkan sebelumnya, namun satu nilai lebih dari lightbox slideshow ini adalah telah dengan ditambahkannya sebuah fungsi slideshow di dalamnya. Ketika sebuah gallery diaktifkan dengan membuka (klik) salah satu thumbnail maka secara otomatis slideshow akan bekerja. Untuk menghentikan slideshow cukup dengan meng-klik button text yang bertuliskan stop slideshow. Untuk menggunakan lightbox slideshow sampeyan harus upload javascript dan css lightbox-slideshow ke file hosting. Agar lebih praktis dan mudah lakukan saja di Google Sites. Tentang bagaimana cara melakukannya, silahkan bula link di bawah ini:

Panduan cara menyimpan file di Google Sites

Lightbox for Blogger : Beautifull Blogger Image Viewer

Posted by cah ndeso kluthuk

Nggak perlu panjang lebar, semua pasti 'dah pada tahu apa tuh lightbox. Image Viewer yang akan kita buat kali ini nggak pakai jQuery namun menggunakan prototype.js dan scriptaculous.js. Semua javascript dan kode CSS-nya dah lengakap n tinggal pasang di bawah tag pembuka header (<head>). Hanya, ... ini sekedar saran tapi cukup penting : setelah di coba dan berhasil, javascript lightbox dan css lightbox-nya sebaiknya sampeyan upload secara pribadi di file hosting agar bisa digunakan secara pribadi pula. mengapa hal seperti ini penting dilakukan? Ya... tentu saja berkaitan dengan bandwidth. Jika sampeyan upload sendiri pastinya yang akan pakai juga hanya sampeyan sendiri juga, so ... dengan begitu loading bisa cepat dan blog sampeyan tetap car .... lancar ...nggak pakai lelet! He .... he ... You, know?!
Oooiiii.... yah... barangkali ada nyang blom tahu apa itu lightbox, silahkan sampeyan buka demonya di bawah ini. Jika demo mungkin lelet ya mohon dimaafkan karena hanya mampu pakai hosting gratisan, bat... sobat!!

D E M O: Blogger D E M O

Cara Membuat Lightbox

yourjavascript : Javascript hosting yang masih tersisa

Posted by cah ndeso kluthuk

Berbagai kendala yang dihadapi file hosting gratisan, terutama akibat minimnya sponsor, akhirnya memang benar-benar tak teratasi lagi. Hingga awal akhir tahun 2011 ini satu demi satu file hosting yang menyediakan hosting gratis kode css dan javascript mulai menghilang dari jagad maya. Ada yang lebih mempersempit aktifitasnya dengan hanya membuka hosting image, namun lebih banyak diantaranya memang benar-benar tak lagi mampu eksis karena beban dana operasional yang tak tertanggung lagi. Jika saat ini sampeyan ingin menyimpan javascript, maka selain google group hanya ada satu javascript hosting yang masih bisa dimanfaatkan jasanya, yaitu yourjavascript.com

Special Tab View Untuk Widget di Blogger Baru dan Blogger Lama

Posted by cah ndeso kluthuk

Ini adalah Tab View atau Tab Content yang memang didesain secara khusus untuk widget di blogger atau blogspot. Sampeyan dapat menyimpan semua jenis widget yang tersedia tanpa kecuali. Semua widget seperti labels, archive, profile, recent posts hingga widget follower dapat dimasukkan dalam tab hingga halaman blog sedikit lebih simple karena 3 widget langsung terwadahi dalam sebuah tab. Tentang penampilan tab kita tak perlu kuwatir karena tab untuk widget ini telah dipermak sedemikian rupa hingga tak akan terlihat mengecewakan ketika dipajang di blog. Desain tab telah dilengkapi dengan beberapa background image hingga membuat tampilannya terlihat cantik.

Karena ada perbedaan dalam penggunaan tab di blogger lama (template tata-letak) dan di blogger baru (new blogger templates), maka kita akan coba bahas 2 cara yang harus dipergunakan di ke-2 template tersebut.

Keterangan Penting

Cumulus swf - flash

Categories

Arsip...

Flag Counters

Pengikut

Recent Comments plus Kode CSS Box Gelap

Vertical Menu

Download Browser

Widget

CSS 3

Special Tutorials

Javascript-JQuery

Blog-Email-Modem

File Hosting

Promosi Blog

Adobe-Image-Animasi

Tutorial BlogDETIK

New BloGGER Templates

Panduan BloGGeR

Tutorial Blogger

Tips-Trik Blogger

Pengilon

Ge-eR

Sobat Ngeblogh

var ultimaFecha = 'Minggu, 15 April 2012'; remplaza_fecha('Minggu, 15 April 2012');

var ultimaFecha = 'Sabtu, 14 April 2012'; remplaza_fecha('Sabtu, 14 April 2012');

var ultimaFecha = 'Senin, 09 April 2012'; remplaza_fecha('Senin, 09 April 2012');

var ultimaFecha = 'Sabtu, 10 Maret 2012'; remplaza_fecha('Sabtu, 10 Maret 2012');

var ultimaFecha = 'Selasa, 06 Maret 2012'; remplaza_fecha('Selasa, 06 Maret 2012');

var ultimaFecha = 'Minggu, 04 Maret 2012'; remplaza_fecha('Minggu, 04 Maret 2012');

var ultimaFecha = 'Sabtu, 03 Maret 2012'; remplaza_fecha('Sabtu, 03 Maret 2012');

var ultimaFecha = 'Selasa, 28 Februari 2012'; remplaza_fecha('Selasa, 28 Februari 2012');

var ultimaFecha = 'Sabtu, 18 Februari 2012'; remplaza_fecha('Sabtu, 18 Februari 2012');

var ultimaFecha = 'Senin, 13 Februari 2012'; remplaza_fecha('Senin, 13 Februari 2012');

var ultimaFecha = 'Kamis, 26 Januari 2012'; remplaza_fecha('Kamis, 26 Januari 2012');

var ultimaFecha = 'Senin, 23 Januari 2012'; remplaza_fecha('Senin, 23 Januari 2012');

var ultimaFecha = 'Kamis, 12 Januari 2012'; remplaza_fecha('Kamis, 12 Januari 2012');

var ultimaFecha = 'Selasa, 10 Januari 2012'; remplaza_fecha('Selasa, 10 Januari 2012');

var ultimaFecha = 'Minggu, 08 Januari 2012'; remplaza_fecha('Minggu, 08 Januari 2012');

var ultimaFecha = 'Rabu, 04 Januari 2012'; remplaza_fecha('Rabu, 04 Januari 2012');

var ultimaFecha = 'Selasa, 27 Desember 2011'; remplaza_fecha('Selasa, 27 Desember 2011');

remplaza_fecha('');remplaza_fecha(ultimaFecha);

var ultimaFecha = 'Minggu, 25 Desember 2011'; remplaza_fecha('Minggu, 25 Desember 2011');

var ultimaFecha = 'Rabu, 15 Desember 2010'; remplaza_fecha('Rabu, 15 Desember 2010');