Alya Zahra

Inilah 5 Jam Tangan Pintar Terbaik di Tahun 2014

noreply@blogger.com (Anonymous) — Tue, 30 Dec 2014 14:01:00 +0800

Perkembangan teknologi, khususnya dalam perangkat wearable semakin berkembang dari tahun ke tahun. Setelah semakin berkembang dan bervariasinya jenis smartphone atau telepon pintar, saat ini smartwatch atau jam tangan pintar pun mulai ikut serta mewarnai dunia teknologi.

Menurut lembaga riset Juniper Research, pada tahun 2019 nanti diperkirakan pengguna jam tangan pintar mencapai 100 juta pengguna. Bagaimana dengan Anda? Apakah tertarik memiliki jam tangan pintar saat ini? Berbagai macam pilihan jam tangan pintar beredar saat ini, mulai dari produk besutan Samsung hingga Sony.

Bila Anda tertarik untuk memiliki jam tangan pintar, maka postinga kali ini bisa menjadi referensi Anda. Berikut 5 jam tangan pintar terbaik di tahun 2014 ini :

1. Samsung Gear S

Samsung merupakan pabrikan yang terus menerus merilis berbagai macam produk, baik berupa smartphone, televisi, sampai smartwatch. Samsung Gear S ini merupakan salah satu produk smartwatch besutan Samsung yang memiliki ukuran 39.8 x 58.3 x 12.5 mm. Samsung Gear S juga memiliki sertifikat IP67 yang membuatnya memiliki kemampuan tahan air dan debu.

Samsung Gear S juga di dukung dengan jaringan GSM, dan HSDPA, serta memiliki dukungan Wi-Fi 802.11 b/g/n yang akan mempermudah Anda dalam mengakses internet. Jam tangan pintar ini sendiri di bandrol dengan harga sekita Rp. 3,5 juta.

2. Sony Smartwatch 3

Tidak ingin kalah dengan pesaingnya seperti Samsung, Sony pun saat ini sudah merilis jam tangan pintar dengan nama Sony Smartwatch 3 dengan tipe SWR50. Jam tangan pintar ini memiliki desain minimalis dan dibekali dengan processor Quad ARM A7 1,2 GHz.

Sementara itu, jam tangan pintar ini dilengkapi dengan fitur GPS, serta pemutar musik khas Sony yaitu Walkman yang banyak terdapat di semua jenis produk yang di ciptakan oleh Sony. Untuk harga, produk ini dibanderol tak jauh dari Samsung Gear S yaitu sekitar Rp. 3,2 juta.

3. LG G Watch R

Ditengan keramaian pasar smartwatch, LG muncul dengan produk terbarunya LG G Watch R berbasis sistem operasi Android Wear. Smartwatch ini memiliki layar plastic organic light-emitting diode (POLED) 1,3 inci dengan desain melingkar dan resolusi 320 x 320 piksel. Disamping itu, baterai 410 mAh yang menunjangnya memiliki daya tahan hingga 2 hari dengan mengaktifkan fitur Always On. Untuk masalah harga, LG dilaporkan membandero produk smartwatchnya ini dengan harga sekitar Rp. 3,7 juta.

4. Motorola Moto 360

Produk Motorola yang satu ini dikabarkan mendapat perhatian tinggi dan sangat ditunggu-tunggu oleh para pecinta gadget setelah salah satu situs di Amerika mempublikasikan gambar dan spesifikasinya. Jam tangan pintar ini mengusung layar berukuran 1,5 inci dengan jenis layar LCD beresolusi 320 x 290 piksel dan sudah mempu menampilkan warna cukup tajam dengan kerapatan piksel mencapai 205 ppi

Selain itu, Moto 360 ini kabarnya juga sudah dibekai dengan Wi-fi untuk konektivitas dan didukung dengan sistem pengoperasian Android. Menurut situs resmi Best Buy, Motorola Moto 360 berada di kisaran harga Rp. 2,7 juta.

5. Smartwatch Pebble Steele

Berbeda dengan 4 perusahaan diatas yang sudah memiliki nama besar, Pebble adalah perusahaan startup asal Amerika yang berhasil mengumpulkan dana 10 juta dollar ketika menggalang dana di Kickstarter untuk menciptakan smartwatch.

Sebagai jam tangan, Pebble Steel berukuran standar, tidak terlalu besar tapi juga tidak kecil, dengan bahan steel dan bentuk curve disisinya. Walaupun layar Pebble masih monochrome, tampilan grafis dan teks masih jelas untuk dilihat. Dari sisi daya tahan, baterai Pebble mampu bertahan 4-5 hari. Pebble sendiri membanderol smartwatchnya ini dengan harga sekitar Rp. 3 juta.

5 Bandara Dengan Fasilitas Terunik Di Dunia

noreply@blogger.com (Anonymous) — Mon, 29 Dec 2014 03:28:00 +0800

Banyak orang berpikir bahwa bandara hanya bagian dari perjalanan menuju destinasi tertentu sehingga berada di bandara hanya sekedar menunggu pesawat dan lalu berangkat ke tempat tujuan. Padahal, bandara pun bisa dijadikan tempat untuk rekreasi, terlebih bandara yang menawarkan fasilitas-fasilitas yang unik dibandingkan kebanyakan bandara pada umumnya.

Menurut Huffington Post, 5 bandara dibawah ini memiliki fasilitas unik yang dapat memuaskan pengunjungnya :

1. Bandara Internasional Changi

Bandara yang terletak di Singapura ini memiliki beberapa fasilitas unik. Diantaranya adalah area taman kupu-kupu, kolam ikan koi, area bermain anak, taman anggrek, kolam renang, sampai taman bunga matahari. Selain itu, di bandara ini juga terdapat kinetic rain, yaitu sebuah karya seni yang didesain sebagai hujan buatan berwarna keemasan yang terbuat dari aluminium.

2. Bandara Internasional Incheon

Bandara miliki Korea Selatan ini menawarkan fasilitas "hutan es", yang merupakan ring skating indoor yang aman untuk anak-anak. Bagi Anda pengunjung (yang tentu saja) tidak membawa perlengkapan skate, bandara ini menyediakan penyewaan sepatu skate, sarung tangan dan helm.

3. Bandara Internasional Helsinki

Bila Anda pergi ke Finlandia dan melalui bandara ini, maka bersiaplah menikmati fasilitas wah yang ditawarkan. Disini Anda bisa menikmati Finnair premium lounge, yaitu kamar mandi pribadi dan sauna ala Finlandia sehingga Anda bisa bersantai dan relaksasi untuk menghilangkan stress.

4. Bandara Internasional Munich

Di bandara negara yang terkenal dengan tembok berlin ini, Anda bisa menikmati fasilitas microbrewery, yaitu sebuah tempat pembuatan bir. Tempat ini membuat bir sesuai dengan standar pembuatan bir tahun 1516 Purity Decree. Anda bisa menikmati meminum bir di area taman yang penuh pohon dan tiang berselimut bunga yang indah.

5. Bandara Internasional Hongkong

Bagi Anda pencinta golf, maka fasilitas di Hongkong International Airport ini sudah pasti akan membuat Anda menyukai bandara ini. Bandara ini memiliki sky city eagles golf course di dekat Terminal 2 dan berdekatan dengan Asia World Expo yang merupakan lapangan golf sembilan lubang pertama di Hong Kong yang dibuat dengan standar Asosiasi Golf Amerika serikat.

Guleek i8 Mini Box, Komputer Mini Dengan Windows 8.1

noreply@blogger.com (Anonymous) — Sun, 28 Dec 2014 03:36:00 +0800

Saat ini, keberadaan komputer berukuran besar cenderung ditinggalkan oleh kebanyakan orang. Semakin tingginya minat pada perangkat berukuran lebih kecil yang lebih mudah dibawa membuat banyak produk yang mengandalkan mobilitas diproduksi oleh para pengembang.

Guleek i8 Mini Box adalah komputer dengan ukuran mini yang hanya seukuran telapak tangan dibekali sistem operasi Windows 8.1. Guleek i8 Mini Box dibekali dengan sebuah baterai yang memungkinkannya beroperasi tanpa membutuhkan colokan daya, sehingga meningkatkan mobilitas dari i8 Mini Box.

Komputer mini ini dapat dihubungkan dengan monitor atau televisi, karena memiliki 2 port USB berukuran penuh, port micro USB (untuk pengisian), port HDMI mikro, dan jack headset. Selain itu perangkat ini bisa dihubungkan dengan periferal lain seperti printer.

Berikut spesifikasi Guleek i8 Mini Box :

> Sistem Operasi Windows 8.1
> Prosesor Intel Atom Z3735F quad-core 1,8GHz
> RAM sebesar 2GB
> Memori internal berkapasitas 16GB + Slot microSD
> 2 port USB & port microUSB
> WiFi 802.11b / g /n
> Bluetooth 4.0
> Ukuran 5,9 x 3,2 x 0,4 inci & berat sekitar 8,5 ons

Perangkat Guleek i8 Mini Box ini sendiri dibanderol dengan harga $104 atau kurang dari Rp. 1,3 juta.

BoA - Fly (Japanese) 2014 Single Download

noreply@blogger.com (Anonymous) — Sat, 27 Dec 2014 13:46:00 +0800

BoA - FLY

Release Date : 03 December 2014

Track List :

1. Fly
2. エアポート待ち合わせ

Password : http://aiizahh.blogspot.com

8 Produk Google Yang Jarang Diketahui

noreply@blogger.com (Anonymous) — Sat, 27 Dec 2014 06:12:00 +0800

Banyak orang yang mengetahui Google hanya sebatas mesin pencari saja, atau produk-produk populernya seperti Youtube, Android, Blogspot, Chrome, dan Gmail. Padahal, masih banyak produk-produk Google lainnya yang bagus dan bermanfaat namun masih belum banyak orang mengetahuinya.

Berikut 8 produk Google yang jarang diketahui :

1. Google Keep

Merupakan produk google yang dikemas untuk membantu Anda membuat catatan foto atau daftar yang dapat diakses melalui Web, Android, maupun Google Chrome.

2. Google Ngram

Google Ngram merupakan produk Google yang digunakan untuk mengukur frekuensi kata yang muncul di buku berdasarkan tahun terbitnya buku tersebut, sehingga kita bisa mengetahui topik apa yang populer pada tahun tersebut.

3. Google Sky

Merupakan produk Google yang bermanfaat bagi Anda untuk melihat-lihat koleksi gambar yang diperoleh dari satelit NASA, Sloan Digital Sky Survey dan Teleskop Luar Angkasa Hubble.

4. Google Input Tools

Merupakan produk yang memungkinkan Anda untuk mengetik lebih dari 80 bahasa yang berbeda tanpa harus mengunduh keyboard khusus.

5. Google Weddings

Merupakan produk Google yang dapat membantu Anda dalam hal perencanaan pernikahan. Dengan produk ini, Anda dapat mengumumkan pernikahan Anda kepada teman, membuat situs khusus, membuat lokasi resepsi pernikahan, dan lain-lain.

6. Google Scholar

Memungkinkan Anda mencari mater-materi referensi pelajaran dalam bentuk teks untuk seluruh bidang ilmu dan dalam berbagai format publikasi.

7. Google Art Project

Dengan produk Google yang satu ini, Anda dapat melihat berbagai koleksi gambar digital dari beberapa museum di dunia.

8. Google Fonts

Memungkinkan Anda untuk memilih dan menggunakan berbagai jenis font secara gratis. Sebagai contoh, Google Fonts ini juga dipakai oleh blogger untuk mengganti jenis font pada blognya.

Sony Cybershot DSC-KW11, Kamera Botol Parfum Bagi Pecinta Selfie

noreply@blogger.com (Anonymous) — Wed, 27 Aug 2014 08:11:00 +0800

Selfie saat ini menjadi tren dan sangat digandrungi banyak orang. Bahkan, pada tahun 2013 penggunaan kata selfie meningkat hingga 17.000 persen dan menjadi Word Of the Year versi Oxford Dictionaries. Tidak heran, dengan meningkatnya tren selfie mempengaruhi para produsen teknologi untuk berinovasi melahirkan banyak produk untuk mengakomodir para pecinta selfie atau OOTD (outfit of the day).

Salah satu produsen yang melahirkan produk inovatif adalah Sony. Perusahaan asal Jepang tersebut saat ini baru saja merilis sebuah kamera selfie berbentuk botol parfum dengan nama Sony Cybershot DSC-KW11. Kamera ini sendiri memiliki tampilan yang unik dan feminim, dengan berbagai varian warna yakni ungu, pink, putih, dan hijau.

Dari segi spesifikasi, Sony Cybershot DSC-KW11 dibekali dengan layar sentuh HD berteknologi OLED berukuran 3,3 inci. Selain itu, kamera ini mengandalkan sensor CMOS EXMOR RS yang mampu menghasilkan foto hingga 19,2 MP. Tak lupa, fitur wifi dan NFC diberikan agar para pengguna dapat dengan mudah saling berbagi foto.

Dengan bentuk, warna, dan spesifikasi yang sangat menarik tersebut, tidak heran Sony Cybershot DSC-KW11 ini akan sangat ditunggu-tunggu oleh para pecinta selfie. Namun, Sony baru akan meluncurkan kamera ini di Asia Pasifik pada bulan Oktober 2014 tanpa mengumumkan berapa harga yang akan dibanderol.

3 Lokasi Wisata Bunga di Jepang

noreply@blogger.com (Anonymous) — Wed, 20 Aug 2014 07:43:00 +0800

Jepang, selain terkenal dengan sebutan negeri matahari terbit, juga terkenal dengan sebutan negeri sakura. Ya, bunga sakura bisa dikatakan ikon dari negara Jepang. Namun, ternyata bukan hanya bunga sakura saja yang ada di Jepang. Kegemaran masyarakatnya terhadap bunga menjadikan Jepang memiliki begitu banyak lokasi taman-taman bunga yang bisa dinikmati sepanjang tahun. Paling tidak, ada 3 lokasi wisata bunga yang cantik nan indah di negara dengan luas total wilayah 377,944 km² ini.

1. Bokka no Sato

Bokka no Sato merupakan salah satu lokasi wisata taman bunga yang berada di Jepang. Berada di kota Gujo, prefektur Gifu, taman bunga ini menyajikan hamparan bunga tulip yang cantik, terutama di musim semi saat bunga-bunga tulip ini sedang bermekaran.

Selain sebagai taman bunga, Bokka no Sato juga memberikan pengunjung kesempatan dan pengalaman menyenangkan seperti memerah susu sapi, memanggang roti, dan menyajikan roti-roti panggang tersebut bersama dengan staf Bokka no Sato.

2. Kinchakuda Manjushage Park

Merupakan sebuah landscape dengan warna merah dan lebih dari 1 juta Lycoris Radiata atau biasa disebut Red Spider Lily. Berada di prefektur Saitama, taman ini terbentang sepanjang sungai Koma.

Pada pertengahan September hingga pertengahan November, pengunjung dapat menikmati keindahan taman ini dengan melihat bunga-bunga disana bermekaran.

3. Tomita Farm

Tomita Farm merupakan tempat terbaik untuk menikmati keindahan bunga Lavender dengan latar pegunungan Tokachi menjadikan taman bunga ini terlihat spektakuler. Mayoritas bunga yang awalnya dijadikan sebagai produk pertanian ini, akan mulai mekar pada akhir bulan Juni dan mencapai puncaknya pada pertengahan Juli hingga awal Agustus.

Selain itu, Tomita Farm juga menyediakan berbagai kafe dan toko-toko yang menjual produk yang dihasilkan dari bunga berwarna ungu ini, seperti parfum, aroma terapi, dll.

Melacak Pengiriman Cepat Dengan Pengirim.com

noreply@blogger.com (Anonymous) — Tue, 19 Aug 2014 09:55:00 +0800

Bisnis e-commerce di Indonesia saat ini mengalami perkembangan yang pesat. Berbagai macam bisnis e-commerce mulai bermunculan, mulai dari pakaian, aksesoris, sampai gadget. Pada tahun 2013, penjualan e-commerce secara global mengalami kenaikan sebesar 17%, dimana secara signifikan terjadi di Asia Pasifik. Dan Indonesia, dengan penjualan online sebesar $1,8 Milyar menjadi negara dengan pertumbuhan e-commerce terbesar.

Namun, dengan peningkatan tersebut, muncul sebuah masalah yakni pengiriman. Kebanyakan, penjual setelah melakukan transaksi akan memberikan nomor pengiriman, atau yang biasa dikenal dengan istilah nomor resi, kepada pembeli agar pembeli dapat melacak sendiri pengiriman barang tersebut. Tetapi, melakukan pengecekan nomor resi tersebut pada website jasa pengirim biasanya akan sedikit repot. Misalnya, pada website jasa pengiriman JNE, selain antar muka website yang kurang menarik, penggunaan captcha (kode verifikasi) saat melakukan pengecekan nomor resi juga sedikit banyak menghambat.

Dengan alasan tersebut, saat ini telah muncul sebuah platform yang dapat memudahkan kita dalam mengelola nomor pengiriman yaitu Pengirim.com. Sebagai sebuah platform pengiriman, Pengirim.com memberikan layanan untuk membantu mengelola nomor pengiriman, melacak status pengiriman, dan membagikannya kepada orang lain. Bisa dikatakan, platform ini dapat membantu menghubungkan antara penjual (pengirim barang), jasa pengiriman, dan pembeli (penerima barang).

Beberapa fitur Pengirim.com antara lain adalah :

1. Mengelola resi pengiriman dengan mudah.

2. Adanya notifikasi email yang memberikan informasi seputar perubahan status pengiriman.

3. Status resi pengiriman dapat dibagikan dan pengecekan dapat lebih cepat untuk dilakukan.

4. Adanya widget yang bisa digunakan di situs Pengirim.com maupun dipasang di toko online penjual.

5. Support hingga 9 jasa pengiriman.

Tinggal Di Bawah Laut Ala Poseidon Undersea Resorts

noreply@blogger.com (Anonymous) — Fri, 15 Aug 2014 07:25:00 +0800

Fiji merupakan sebuah negara kepulauan di selatan Samudera Pasifik, yang memiliki 320 pulau, dimana hanya sekitar 106 pulau yang berpenghuni. Dua pulau besar di Fiji adalah Viti Levu dan Vanu Levu yang penghuninya meliputi 82 % penduduk Fiji.

Di Fiji sendiri, pulau-pulau yang tak berpenghuni akan dibiarkan kosong atau dijadikan resort. Dan salah satu resort ternama plus unik disana adalah Poseidon Undersea Resort yang berada di sebuah pulau pribadi (private island). Resort ini berada di bawah laut dengan kedalaman 40 kaki dibawah permukaan laut, menjadikannya satu-satunya hunian yang menawarkan terumbu karang sebagai halaman tinggal.

Poseidon Undersea Resort menyediakan 24 suites dibawah laut. Sementara, diatas laut, disediakan 51 kamar hotel tambahan, serta sejumlah restoran, bar, spa, lapangan tenis, dan lapangan golf. Bagi pengunjung yang tertarik menikmati pemandangan bawah laut yang menakjubkan, Poseidon Undersea Resort membebankan biaya sebesar $15.000 per minggu untuk satu orang.

Stealth, Aplikasi Chatting Android Yang Aman

noreply@blogger.com (Anonymous) — Thu, 14 Aug 2014 07:50:00 +0800

Stealth messenger adalah sebuah aplikasi chatting yang baru dan menarik serta menjaga privasi dan keamanan pengguna. Tidak seperti aplikasi chatting lainnya, Stelath menempatkan privasi dan keamanan pengguna sebagai hal yang paling penting.

Pada dasarnya, Stelath mirip dengan aplikasi chatting lainnya yang ada saat ini yaitu WhatsApp. Karena sebagai sebuah aplikasi chatting, Stelath seperti halnya WhatsApp melakukan sinkronisasi ID pengguna dengan nomor handphone pengguna sehingga memungkinkan pengguna untuk menambahkan daftar teman berdasarkan kontak.

Untuk menjamin privasi dan keamanan pengguna dalam melakukan chatting, Stelath memberikan beberapa lapisan kemanan. Yang pertama, Stelath tidak menyimpan pesan ataupun foto pada server. Kedua, Stealth tidak menyimpan buku alamat maupun informasi personal lainnya pada server. Dan yang terakhir, Stealth memiliki fitur "Burn Timer" yang memungkinkan pengguna untuk mengatur pesan rahasia terhapus sesuai waktu yang diinginkan.

Stelath sendiri baru tersedia untuk perangkat Android dan bisa diunduh di Play Store dalam versi 1.0.3. Hingga pertengahan Agustus ini, Stelath telah diunduh oleh hampir 500 pengguna Android.

Cara Simple Meningkatkan Traffic Blog Dengan Benar

noreply@blogger.com (Anonymous) — Thu, 5 Jun 2014 16:07:00 +0800

Selamat pagi...

Kali ini saya mau share bagaimana caranya meningkatkan trafiic atau pengunjung blog dengan cara yang simple. Nah, untuk bagian akhir judulnya itu, adalah yang terpenting, karena saya menggunakan tambahan kalimat "dengan benar" karena cara yang dilakukan disini ~~bukanlah cara yang instan~~ tapi bila dilakukan dengan baik akan sangat efektif meningkatkan jumlah pengunjung blog Anda.

Ok, langsung saja :

1. Buat postingan atau artikel secara rutin

Menurut saya ini salah satu cara, tapi bukan cara yang "berdiri sendiri" dalam artian bahwa meski sebanyak apapun postingan atai artikel yang kita buat tentu butuh "bantuan" dan ini akan saya tuliskan selanjutnya. Jadi, ini adalah awal dari satu kesatuan cara yang dapat ditempuh untuk meningkatkan traffic blog kita.

2. Konten jangan asal copas dan usahakan berkualitas.
Ok, saya sangat setuju banyak master yang mengatakan bahwa konten kita harus orisinil dan berkualitas. Karena dengan konten yang orisinil dan berkualitas tentu akan membuat pengunjung menjadi senang dan lebih ada keinginan untuk membaca dan mungkin kalau yang berisi tutorial akan dengan senang hati menggunakan tutorialnya. Berbanding terbalik dengna konten yang isinya hanya copas (apalagi sama persis), pengunjung mungkin saja sudah pernah melihat konten tersebut dan tidak akan tertarik untuk membaca lebih jauh dan bahkan akan tidak tertarik untuk melihat halaman lain dari blog kita karena beranggapan "ah, paling isinya juga gitu-gitu aja, ga menarik.....".

Nah, lalu kenapa saya katakan usahakan berkualitas, karena membuat sebuah artikel yang berkualitas itu sulit bos. Mulai dari temanya dulu, lalu isinya, dan bagaimana kita membawa pembaca menikmati artikel kita, itu sangat sulit, kecuali bagi yang sangat mempelajari pelajaran Bahasa Indonesia dulu waktu sekolah,hehehe... dad So, membuat sesuatu yang orisinil dan cukup berkualitas pun sudah lebih dari cukup agar bisa diterima oleh pembaca.

3. Share postingan ke social network.

Ok, sampai disini kita anggap sudah membuat postingan secara rutin, orisinil, dan cukup berkualitas ya... Nah, kalau sudah selesai buat postingan dan lalu mempublishnya, jangan lupa untuk "share to the world". Ya, ibarat kita jualan kalau ga dipasarkan gimana ada yang mau beli, begitupun dengan postingan yang kita buat kalau tidak kita share bagaimana mau menarik pembaca? Usahakan share ke beberapa social network, ya paling tidak yang sering digunakan lah, kan zaman sekarang pasti hampir semua udah pada punya facebook, twitter, path, atau google+ kan. Nah, untuk yang point ini Anda bisa baca postingan saya yang disini.

4. Lakukan blogwalking.

Nah, ini dia yang menarik karena blogwalking ini sumber traffic yang sangat bagus untuk blog. Selain kita mendapatkan pengunjung, juga bisa mendapatkan komentar pada postingan yang kita buat, tentu dengan asumsi kita blogwalking tidak hanya asal mampir saja ya, tapi berusaha meninggalkan komentar yang baik dan saling mengenal, serta bersahabat dengan blogger lain.

Nah, itu dia beberapa tips dari saya berdasarkan pengalaman dalam ngeblog. Benar atau tidak menurut Anda, itulah yang saya pelajari. Mungkin ada beberapa point lagi yang bisa membantu meningkatkan traffic tapi keempat hal diatas adalah yang penting dan saling mendukung satu sama lain.

Terima kasih dan semoga bermanfaat. pleased

Optimalisasi Traffic Blog Dengan 2 Social Media Ini

noreply@blogger.com (Anonymous) — Wed, 4 Jun 2014 16:30:00 +0800

Selamat sore...

Nah, kali ini saya mau share mengenai dua social media yang sangat2 menguntungkan bila bisa kita optimalkan untuk mendatangkan pengunjung ke blog kita.

1. Facebook.

Tentu udah ga asing lagi dengan facebook kan? Menurut data dari We Are Social Singapura pada 8 Januari 2014, jumlah pengguna aktif Facebook tahun ini diperkirakan akan mencapai jumlah 1,184 Milyar pengguna. wat2 (Sumber : Merdeka)

Sedangkan menurut data dari Webershandwick, perusahaan public relations dan pemberi layanan jasa komunikasi, untuk wilayah Indonesia ada sekitar 65 juta pengguna Facebook aktif. (Sumber : Kemenkominfo)

Nah, dengan pengguna sebanyak itu, tentu social media ini bisa jadi lahan buat blogger untuk menambah traffic blognya. Bagaimana caranya? Yang perlu kita lakukan adalah sesering mungkin share link postingan ke Facebook. Dengan begitu, kita bisa menarik pengunjung melalui teman-teman facebook kita. Usahakan untuk memiliki Halaman Fans (Fanspage) Facebook sendiri, sehingga share yang kita lakukan akan lebih tertarget. Semakin banyak penggemar yang "like" fanspage kita, akan semakin optimal trafficnya.

2. Google+

Masih menurut data dari We Are Social Singapura pada 8 Januari 2014, jumlah pengguna aktif Google+ tercatat sebanyak 300 juta pengguna dan berada diatas pengguna twitter yang berjumlah sekitar 232 juta. (Sumber : Merdeka)

Meskipun tidak sebesar jumlah pengguna facebook, namun dengan bertambah pesatnya perkembangan dan pengguna Google+, maka social media yang satu ini tidak bisa dipandang sebelah mata. dad Dengan potensi yang ga kalah besar itu, cara yang bisa kita lakukan adalah dengan meningkatkan jumlah lingkaran atau circle akun Google+ karena semakin banyak jumlah di lingkaran kita maka akan semakin potensial traffic yang bisa kita dapatkan dari social media ini.

Terima kasih dan semoga bermanfaat... pleased

Baru, Cara Meletakkan Widget Alexa Ke Blog

noreply@blogger.com (Anonymous) — Tue, 3 Jun 2014 16:10:00 +0800

Selamat sore...

Kali ini saya mau share informasi yang cukup penting untuk para blogger sekalian, terutama yang masih baru kayak saya... happy

Kita cerita dulu deh yaa... Awal cerita, saya udah lama ga ngeblog, ya bisa diliat sendiri kapan posting terakhir saya sebelum postingan kemaren, dan bener-bener cukup waktu sampai Alexa Rank saya turun drastis, dari awalnya sempet < 100.000 sekarang udah 710.787. wat2 Ok, kembali ke cerita, perubahan domain blog ini sangat mempengaruhi sehingga widget Alexa yang sebelumnya sudah terpasang selalu menunjukkan informasi "No Data" terus pada saat saya kembali menjajaki dunia blogging ini. huhhh Saya coba untuk membuka website Alexa untuk klaim / verifikasi alamat blog saya setelah perubahan domain ternyata websitenya sudah berubah dan saya tidak bisa menemukan kode widget tersebut.

Akhirnya, saya coba untuk masukkan kode widget Alexa yang lama seperti ini :

<a href="http://www.alexa.com/siteinfo/aiizahh.blogspot.com"><script type='text/javascript' language='javascript'src='http://xslt.alexa.com/site_stats/js/s/a?url=aiizahh.blogspot.com'></script></a>

dan mengganti bagian yang berwarna pink, yaitu url nya menjadi seperti ini :

<a href="http://www.alexa.com/siteinfo/aiizahh.com"><script type='text/javascript' language='javascript'src='http://xslt.alexa.com/site_stats/js/s/a?url=aiizahh.com'></script></a>

Dan, hasilnya widget Alexa kembali muncul meskipun tanpa mendapatkan kode dari website Alexa nya...

Terima kasih dan semoga bermanfaat... pleased

Free Athan Prayer Times Download

noreply@blogger.com (Anonymous) — Tue, 3 Jun 2014 09:22:00 +0800

Selamat pagi...

Sudah lama ga posting nih jadinya kita mulai dari yg simple-simple aja ya. Ok, kali ini saya akan share sebuah software yang pastinya sangat, sangat, dan sangat bermanfaat bagi kita terutama kaum muslimin yang bisa membantu kita dalam melaksanakan ibadah shalat agar lebih baik lagi.

Software yang saya maksud disini adalah Athan, software buatan Islamic Finder ini adalah software yang membantu kita dalam mengetahui dan mendengarkan kumandang Adzan tiap-tiap waktu shalat. Beberapa kelebihannya buat saya adalah kita bisa memilih lokasi dengan cukup akurat dan juga bisa memilih jenis kumandang Adzan yang bervariasi, serta adanya doa sesudah Adzan selesai dikumandangkan.

DOWNLOAD (Windows 8/7/Vista/XP)

DOWNLOAD (Android)

Selain dapat digunakan pada Windows, Athan saat ini pun sudah support untuk OS lain, diantaranya Android dan iOS. Tapi salah satu kekurangan yang pernah saya alami adalah Athan tidak berjalan dengan baik saat digunakan pada Windows Phone, namun saat digunakan pada Android atau OS lainnya cukup baik.

Terima kasih, semoga bermanfaat... pleased

Bonus Hingga $500 Tanpa Deposit Di Akhir Tahun 2013

noreply@blogger.com (Anonymous) — Mon, 23 Dec 2013 11:09:00 +0800

Selamat pagi sob...

Pada postingan kali ini, saya akan mengangkat tema tentang bisnis forex. Kalau sebelumnya saya share mengenai teknik trading, maka kali ini mengenai broker yang memberikan bonus tanpa deposit, yang biasanya banyak sekali dicari oleh para trader, yang tersedia di akhir 2013 ini.

Nah, di broker ini bonus tanpa deposit yang diberikan adalah $100 atau $500. Berapa yang kalian dapatkan tergantung pada hoki happy tapi berapapun yang didapatkan menurut saya sangat bermanfaat khususnya untuk yang mau mencoba teknik trading baru, ataupun bagi pemula yang ingin belajar forex.

Bagaimana? Tertarik untuk mendaftar?

1. Masuk kesini sob.

2. Pilih "Register".

3. Masukkan identitas kalian pada kolom yang tersedia.

4. Selesai, maka kalian akan mendapatkan link aktivasi pada email yang didaftarkan.

5. Sampai pada tahap ini, kalian sudah terregistrasi, namun baru mendapatkan akun demo.

6. Nah, selanjutnya klik tombol "Activation" dibawah foto profil / avatar akun kalian untuk mendapatkan akun live.

7. Kemudian, kalian akan diarahkan pada halaman baru, dimana pada halaman ini kalian harus kembali mengisi identitas diri beserta informasi rekening bank dan upload identitas yang akan digunakan (KTP/SIM)

8. Klik "Submit" dan masukkan password.

9. Setelah akun live dibuat, klik banner "Lucky Wheel Open Everyday" pada home page kalian.

10. Kalian akan diarahkan pada halaman untuk mendapatkan bonus. Setelah bonus didapat maka klik "Receive" agar bonus dapat di kreditkan pada akun kalian.

11. Enjoy. happy

Setelah itu, maka secara otomatis bonus akan dikreditkan ke akun kalian, dan tinggal trading saja dengan unduh MT4 disini. Bonus dan profit dari trading sendiri bisa di withdrawal dengan aturan main tertentu.

Terima kasih, semoga bermanfaat...

Google Update Page Rank di Bulan Desember 2013

noreply@blogger.com (Anonymous) — Wed, 11 Dec 2013 10:27:00 +0800

Selamat pagi sob...

Alhamdulillah, itulah kata pertama yang terucap saat membuka blog Alya Zahra pagi ini. Gak nyangka nih kalo si google melakukan update page rank bulan ini. Awal nya ga tau kalo ada update, dan cukup kaget saat liat sidebar kok PR blog ini udah jadi 3, padahal sebelumnya hanya PR 1. Yang saya bingung, katanya update itu terjadi tanggal 6 Desember 2013, tp sampai tanggal 10 Desember kemarin PR saya masih 1 dan baru hari ini saya lihat sudah berubah.

Tapi ga masalah kok, yang penting kan ada kenaikan, artinya ada perbaikan, perubahan ke arah yang lebih baik, hehehe cheer. Kenaikan menjadi PR 3 kali ini jadi rekor buat blog Alya Zahra, karena sebelumnya blog ini hanya pernah mencicipi PR 2, dan saat terjadi update sebelumnya malah mengalami penurunan menjadi PR 1.

Saya mengucapkan terima kasih pada para visitor blog ini, karena tanpa kalian blog ini tidak bisa berkembang. Saya harap blog ini bisa menjadi lebih baik ke depannya. Sekali lagi terima kasih pada kalian semua... pleased

Membuat Kotak Berlangganan Dengan Jquery Dialogue Box

noreply@blogger.com (Anonymous) — Tue, 3 Dec 2013 16:09:00 +0800

Selamat siang sob...

Postingan pertama di bulan Desember nih... pleased

Pada postingan kali ini, saya ingin berbagi sebuah tutorial membuat kotak berlangganan di blog. Awal nya, saya tertarik saat melihat artikel dari blog Kang Ismet tentang simple dialog box dengan jquery, dialog box nya menarik sekali. Lalu, saya berpikir sepertinya tidak cukup bila hanya sekedar dialog box berisi sebuah atau lebih kalimat. Bagaimana bila dikreasikan dengan sesuatu yang digunakan dalam blog? Akhirnya, saya mencoba untuk memadukannya dengan kotak berlangganan, sehingga kotak berlangganan nya pun menjadi lebih menarik.

Setelah lebih dari 168 jam mencobanya wat2 saya buatlah tutorial ini dengan tujuan dapat membantu temen-temen dalam mempercantik blog nya... cheer

DEMO

Ok, mari kita mulai menerapkannya :

1. Jalan-jalan dulu ke Feedburner.

2. Login dengan akun Google nya.

3. Masukkan url RSS feed nya, yaitu http://aiizahh.blogspot.com/feeds/posts/default dimana temen-temen dapat mengganti yang berwarna ungu sesuai alamat blog nya masing-masing, lalu klik "Next".

4. Isi judul dan alamat feed nya dan klik "Next".

5. Akan muncul tampilan seperti dibawah, klik "Next" lagi.

6. Pada halaman berikutnya, silahkan klik "Publicize" dan pilih "Email Subscriptions".

7. Selanjutnya klik "Activate".

8. Silahkan simpan kode kotak berlangganannya dahulu.

Lanjut, kita buat dialog box nya :

1. Letakkan kode CSS berikut diatas ]]></b:skin> .

 #aiizahh-box {
    position:fixed;
    top:50px;
    left:50%;
    width:320px;
    margin-left:-160px; /*setengah dari lebar kotak dialog*/
    color:white;
    background-color:#C6E5E9;
    border:8px solid #5DC1D0;
    box-shadow: 0 0 2px 1px black,0 0 3px #C6E5E9;
    font:normal 11px Arial;
    line-height:1.6em;
    padding:15px;
    text-align:left;
    border-radius:3px;
    z-index:1000;
    display:none;
}
.close {
    background:#C7D578;
    color:#000;
    border-radius:3px;
    padding:4px;
    text-align:center;
    margin:25px auto 2px;
    cursor:pointer;
    width:30px;
}
.close:hover {
    background-color:#5DC1D0
}
#box-overlay {
    position:fixed !important;
    position:absolute; /*tambahkan posisi ini supaya fix di IE*/
    z-index:999; /*nilai ini harus dibawah nila z-index pada kotak dialog*/
    top:0px;
    right:0px;
    bottom:0px;
    left:0px;
    background : url(http://aiizahh-reader.googlecode.com/svn/trunk/patterns/Brightness.png);
    display:none;
}

2. Lalu, tambahkan kode berikut diatas </body>.

<script type='text/javascript'>
//<![CDATA[
$(function() {
     //Tampilkan kotak dialog saat .popup diklik
     $('.popup').click(function() {
          $('#aiizahh-box').fadeIn();
          $('#box-overlay').fadeTo("normal", 0.6);
     });
     //Tutup kotak dialog saat .close diklik
     $('.close').click(function() {
          $('#aiizahh-box').fadeOut();
          $('#box-overlay').hide();
     });
});
//]]>
</script>

3. Terakhir, tambahkan kode HTML berikut.*

<button class='popup'>Subscribe</button>
<div id='box-overlay'></div>
<div id='aiizahh-box'>  
>>>KODE FORM SUBSCRIPTION DISINI <<<   
<div class='close'>OK</div></div>

4. Simpan.

*Keterangan : Silahkan ganti yang berwarna merah dengan kode form subscription temen-temen dari feedburner.

Terima kasih, semoga bermanfaat dan jangan lupa tinggalkan komentar di kotak komentar dibawah...

Dan, jangan lupa subscribe Alya Zahra pada kotak admin dibawah... happy

Konsep Dropdown Menu Berbeda Agar Blog Lebih Cantik

noreply@blogger.com (Anonymous) — Tue, 26 Nov 2013 10:55:00 +0800

Selamat pagi sob...

Setelah cukup lama rehat dari dunia blogging, kali ini saya akan coba share mengenai konsep dropdown menu yang unik dan berbeda sehingga dapat membuat tampilan blog juga menjadi lebih cantik.

Seperti biasa, dropdown menu ini saya buat dengan komponen warna yang girly, namun bisa diubah sesuai dengan keinginan, yaitu dengan melihat beberapa kode html warna yang sudah saya berikan sebelumnya.

Dropdown menu ini sendiri menggunakan CSS dan kode HTML agar dapat diletakkan pada blog.

.aii:before,
.aii:after {
    content: " ";
    display: table;
}

.aii:after {
    clear: both;
}

.aii {
    *zoom: 1;
}
/* Main level */
.menu {            
    margin: 50px auto;
    width: 800px;
    width: fit-content;    
}

.menu > li {
    background: #FE80DF;
    float: left;
    position: relative;
    transform: skewX(25deg);
}

.menu a {
    display: block;
    color: #000;
    text-transform: uppercase;
    text-decoration: none;
    font-family: Arial;
    font-size: 13px;
}        

.menu li:hover {
    background: #FE80DF;
}        

.menu > li > a {
    transform: skewX(-25deg);
    padding: 1em 2em;
}

/* Dropdown level*/
.submenu {
    position: absolute;
    width: 200px;
    left: 50%; margin-left: -100px;
    transform: skewX(-25deg);
    transform-origin: left top;
}

.submenu li {
    background-color: #FEBFEF;
    position: relative;
    overflow: hidden;        
}                        

.submenu > li > a {
    padding: 1em 2em;            
}

.submenu > li::after {
    content: '';
    position: absolute;
    top: -125%;
    height: 100%;
    width: 100%;            
    box-shadow: 0 0 50px rgba(0, 0, 0, .9);            
}        

/* Odd stuff */
.submenu > li:nth-child(odd){
    transform: skewX(-25deg) translateX(0);
}

.submenu > li:nth-child(odd) > a {
    transform: skewX(25deg);
}

.submenu > li:nth-child(odd)::after {
    right: -50%;
    transform: skewX(-25deg) rotate(3deg);
}                

/* Even stuff */
.submenu > li:nth-child(even){
    transform: skewX(25deg) translateX(0);
}

.submenu > li:nth-child(even) > a {
    transform: skewX(-25deg);
}

.submenu > li:nth-child(even)::after {
    left: -50%;
    transform: skewX(25deg) rotate(3deg);
}

/* Show dropdown */
.submenu,
.submenu li {
    opacity: 0;
    visibility: hidden;            
}

.submenu li {
    transition: .2s ease-out transform;
}

.menu > li:hover .submenu,
.menu > li:hover .submenu li {
    opacity: 1;
    visibility: visible;
}        

.menu > li:hover .submenu li:nth-child(even){
    transform: skewX(25deg) translateX(15px);            
}

.menu > li:hover .submenu li:nth-child(odd){
    transform: skewX(-25deg) translateX(-15px);            
}

Lalu, terakhir tambahkan kode HTML nya :

<ul class="menu aii">
    <li><a href="">Menu 1</a></li>
    <li>
        <a href="">Menu 2</a>
        <ul class="submenu">
            <li><a href="">Submenu 1</a></li>
            <li><a href="">Submenu 2</a></li>
            <li><a href="">Submenu 3</a></li>
        </ul>            
    </li>
    <li>
        <a href="">Menu 3</a>
        <ul class="submenu">
            <li><a href="">Submenu 1</a></li>
            <li><a href="">Submenu 2</a></li>
            <li><a href="">Submenu 3</a></li>
            <li><a href="">Submenu 4</a></li>
        </ul>            
    </li>
    <li><a href="">Menu 4</a></li>
    <li><a href="">Menu 5</a></li>
</ul>

DEMO :

Bagaimana, menarik bukan?

Silahkan dicoba dan jangan lupa tinggalkan komentar di kolom komentar...

Terima kasih....

Link Nudging Dengan CSS3

noreply@blogger.com (Anonymous) — Thu, 25 Jul 2013 08:58:00 +0800

Pernah melihat efek link seperti gambar diatas???

Tertarik untuk menggunakannya???

Ok, kalo tertarik silahkan ikuti langkah-langkah nya sob :

1. Login ke blogger.

2. Pilih Template - Edit HTML.

4. Letakkan kode berikut diatas ]]></b:skin> atau </style> :

 ul.nudging {
  margin:10px 10px;
  padding:0px 0px;
  font:normal 14px Comic Sans;
}

ul.nudging li {
  list-style:none;
  margin:0px 0px;
  padding:0px 0px;
}

ul.nudging li a {
  text-decoration:none;
  display:block;
  overflow:hidden;
  padding:5px 10px;
  color:black;
  background-image:-webkit-linear-gradient(left,transparent,transparent 30%,rgba(179,189,245,0.4));
  background-image:-moz-linear-gradient(left,transparent,transparent 30%,rgba(179,189,245,0.4));
  background-image:-ms-linear-gradient(left,transparent,transparent 30%,rgba(179,189,245,0.4));
  background-image:-o-linear-gradient(left,transparent,transparent 30%,rgba(179,189,245,0.4));
  background-image:linear-gradient(left,transparent,transparent 30%,rgba(179,189,245,0.4));
  -webkit-background-size:200% 100%;
  -moz-background-size:200% 100%;
  background-size:200% 100%;
  -webkit-transition:all 0.29s ease-out;
  -moz-transition:all 0.29s ease-out;
  -ms-transition:all 0.29s ease-out;
  -o-transition:all 0.29s ease-out;
  transition:all 0.29s ease-out;
}

.nudging li a:hover {
  background-position:100% 100%;
  padding-left:15px;
}

5. Simpan Template.

6. Letakkan link-link yang ingin diberi efek seperti contoh dibawah :

 <ul class="nudging">
    <li><a href="#">Apel</a></li>
    <li><a href="#">Belimbing</a></li>
    <li><a href="#">Cherry</a></li>
    <li><a href="#">Durian</a></li>
    <li><a href="#">Elai</a></li>
</ul>

7. Enjoy.

DEMO :

Terima Kasih...
Semoga bermanfaat...

Cara Mencegah Link Aktif Dengan Menampilkan Salinan Komentar Pada Blog

noreply@blogger.com (Anonymous) — Fri, 28 Jun 2013 11:09:00 +0800

Selamat siang...

Kali ini saya ingin berbagi tutorial yang rasanya cukup penting, meskipun sebelumnya saya sudah share tutorial yang mirip. Selain untuk tujuan berbagi tutorial, postingan ini juga saya buat untuk mengakomodir permintaan sahabat Dhestar Wirawan.

Jika sebelumnya kita hanya dapat menghapus link aktif yang disertakan dalam sebuah komentar seperti tutorial yang lalu, maka kali ini kita dapat menampilkan salinan dari komentar asli nya.

DEMO

Kalau tertarik silahkan ikuti :

1. Login ke blogger.

2. Pilih Template - Edit HTML.

3. Cari kode </body> dan letakkan kode berikut ini diatas nya :

<script type='text/javascript'>
//<![CDATA[
function blockLinks(parentID, children) {
    var parent = document.getElementById(parentID),
        content = parent.getElementsByTagName(children);
    for (var i = 0; i < content.length; i++) {
        if (content[i].innerHTML.indexOf('</a>') !== -1) {
            var salinan = content[i].innerHTML;
          content[i].innerHTML = "<div>Maaf, komentar Anda telah disembunyikan kemungkinan karena Anda menyisipkan link aktif yang tidak diperlukan oleh para pembaca. Berikut ini merupakan salinan dari komentar yang Anda berikan :</div><div><textarea>" + salinan + "</textarea> <div>Terima kasih atas perhatian Anda <div align='right'><img alt='no spam' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTg_TPShWwcjszvmlFS-hrT27UkkkKG7SR-TTh-1D2yHChn0_s_R9AKC-ctWhTy6-VqKRBGZ5utlqDwYje6uG2lBo3kioihCkOTv3jvXvrOe4mGxpoMU_YHgm1zyaOMEm7wgdNcUTMJfIS/s50/order.gif' style='border:0;'/></div></div>";
            content[i].className = "spammers";
        }
    }
}
// Jalankan fungsi!
blockLinks('comments', 'p');
//]]> 
</script>

4. Selanjutnya, cari kode ]]></b:skin> dan letakkan kode berikut diatas nya :

p .spammers {background-color:#A29A9A;color:white}
textarea {
 background-color:#F8D9B5;
 width:98%;
 height:80px;
 overflow:auto;
 display:block;
 margin:10px auto}

5. Simpan Template.

6. Enjoy. smoke

Bagaimana sob? Kode-kode diatas dapat di edit sesuai dengan keinginan masing-masing termasuk warna dan kalimat mutiara nya.

Terima kasih dan semoga bermanfaat. :)

Alternatif Dari Google Drive Untuk Hosting Javascript

noreply@blogger.com (Anonymous) — Tue, 25 Jun 2013 12:28:00 +0800

Halo, selamat siang sob...

Bagaimana kabarnya hari ini? Ga kerasa udah beberapa hari ga posting dan ga online bikin tangan jadi gatal untuk melakukan kegiatan ketik-mengetik... winds

Pada postingan kali ini saya ingin berbagi, sesuai judul, yaitu tempat hosting file javascript selain di google drive. Mungkin banyak dari kalian yang sudah tahu bahwa layanan google code, yang kebanyakan orang menggunakannya untuk hosting file-file javascript sudah mulai dikurangi omg dan para "javascript's uploader" (kita sebut saja begitu yah... :D ) disarankan untuk bermigrasi, transmigrasi, atau apalah istilahnya peace2 ke google drive.

Nah, selain google drive yang saya yakin tutorialnya sudah banyak di luar sana, saya ingin membuat tutorial upload file javascript di YourJavascript. Saya pikir upload file-file javascript disana lebih sederhana dan kita bisa membuatnya menjadi file private, yang hanya domain-domain "terpilih" saja yang bisa menggunakannya.

Ok, langsung saja :

1. Jalan-jalan dulu ke YourJavascript.

2. Cari file javascript yang ingin di upload, lalu centang pada opsi private jika ingin membuat file tersebut hanya digunakan pada domain yang ingin dipilih.

3. Masukkan email, ini berfungsi bagi yourjavascript untuk mengirimkan link file javascript yang sudah berhasil di upload.

4. Masukkan kode verifikasi captcha yang ada lalu klik "Upload".

5. Tunggu sebentar, jika berhasil silahkan buka email yang telah dimasukkan sebelumnya.

6. Enjoy. smoke

Terima kasih dan semoga bermanfaat... :)

Membuat Efek Animasi Dan Warna Pada Sebuah Elemen

noreply@blogger.com (Anonymous) — Fri, 21 Jun 2013 09:54:00 +0800

Selamat siang...

Pada postingan ini saya hanya ingin share cara membuat efek animasi dan warna pada sebuah elemen. Untuk demo nya bisa dilihat berikut ini :

Pertama, tambahkan javascript berikut ini :

<script>

$(function() {

var state = true;

$( "#button" ).click(function() {

if ( state ) {

$( "#effect" ).animate({

backgroundColor: "#D580FE",

color: "#fff",

width: 600

}, 1000 );

} else {

$( "#effect" ).animate({

backgroundColor: "#fff",

color: "#000",

width: 240

}, 1000 );

}

state = !state;

});

});

</script>

Lalu, tambahkan kode CSS agar tampilan dari elemen yang dimaksud menjadi lebih cantik. Disini saya coba menambahkan fungsi scroll agar tampilan default dari elemen nya tidak terlalu jatuh kebawah meskipun diisi dengan kalimat yang panjang, sehingga kode nya menjadi seperti ini :

.toggler { width: 500px; height: 200px; position: relative; }

#button { padding: .5em 1em; text-decoration: none;background:#FEBFBF }

#effect { width: 240px; height: 135px; padding: 0.4em; position: relative; background: #fff; overflow:auto; }

#effect h3 { margin: 0; padding: 0.4em; text-align: center; background:#FEBFBF; }

Terakhir, eksekusi dengan kode HTML seperti dibawah ini :

<div class="toggler">

<div id="effect" class="ui-widget-content ui-corner-all">

<h3 class="ui-widget-header ui-corner-all">Lorem Ipsum</h3>

<p>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

</p>

</div>

</div>

<a href="#" id="button" class="ui-state-default ui-corner-all">Click Here</a>

Untuk aplikasi pada blog, tinggal tambahkan javascript dan CSS tersebut dalam template dan letakkan kode HTML dimana temen-temen ingin efek seperti ini muncul, misalnya pada sebuah halaman statis atau pada halaman postingan.

Terima kasih dan semoga bermanfaat. :)

Design : Aiizahh Cheer Templates

noreply@blogger.com (Anonymous) — Mon, 17 Jun 2013 17:00:00 +0800

Selamat sore...

Postingan kali ini saya mau berbagi template blog yang saya bikin sendiri, meskipun jelek, tapi ya ga papa lah namanya juga kreasi tangan newbie... :D

DEMO

Template kali ini tidak jauh berbeda dengan template terakhir yang saya buat, meskipun ada beberapa perubahan kecil yang saya lakukan termasuk warna dasar template nya.

DOWNLOAD

Terima kasih dan semoga bermanfaat.... smoke

Membuat Guest Book Berbeda Pada Blog

noreply@blogger.com (Anonymous) — Fri, 14 Jun 2013 15:53:00 +0800

Selamat siang...

Postingan kali ini berhubungan dengan hal-hal yang klasik dari kegiatan ngeblog, yaitu blogwalking. Nah, tentu banyak dari blogger yang biasanya memasang buku tamu atau guest book pada blog nya agar para blogwalker bisa meninggalkan jejak dan kemudian saling ganti mengunjungi.

Kebanyakan dari blogger (termasuk saya dulu... :D ) lebih cenderung memasang guest book melayang, biasanya di sisi kanan halaman blog, meskipun tidak sedikit pula yang memasangnya seperti widget-widget statis lainnya di bagian sidebar.

Pada tutorial ini, saya ingin berbagi cara memasang guest book pada blog namun dengan tampilan yang sedikit berbeda, dan untuk guest book nya sendiri saya gunakan dari cbox jadi bila temen-temen menerapkan tutorial ini, saya anggap kode cbox nya sudah temen-temen miliki.

DEMO

1. Login ke blogger.

2. Buka menu Template - Edit HTML.

3. Cari kode ]]></b:skin> dan letakkan kode berikut diatasnya :

.aii-guest-boox {

  font:normal normal 12px/1.4 Awesome;
  color:#333;
  width:auto;
  border:1px solid #D580FE;
  border-bottom:none;
  background-color:#FEBFBF;
  position:fixed;
  left:10px;
  bottom:0;
  z-index:9999;
  -webkit-box-shadow:1px 1px 5px rgba(0,0,0,.2);
  -moz-box-shadow:1px 1px 5px rgba(0,0,0,.2);
  box-shadow:1px 1px 5px rgba(0,0,0,.2);
}
.aii-guest-boox > input[type="checkbox"] {
  display:block;
  margin:0 0;
  padding:0 0;
  position:absolute;
  top:0;
  right:0;
  left:0;
  width:100%;
  height:auto;
  z-index:4;
  cursor:pointer;
  opacity:0;
  filter:alpha(opacity=0);
}
.aii-guest-boox > navibox {
  display:block;
  height:24px;
  line-height:24px;
  background-color:#D580FE;
  text-align:justify;
  color:#fff;
  font-weight:bold;
  padding:0 1em 1px;
}
.aii-guest-boox > navibox:before {content:attr(data-collapsed)}
.aii-guest-boox .aii-guest-boox-content {
  /* padding-bottom:10px; */
  display:none;
}
.aii-guest-boox > input[type="checkbox"]:hover + navibox {background-color:#FEBFBF}
.aii-guest-boox > input[type="checkbox"]:checked + navibox {background-color:#D580FE}
.aii-guest-boox > input[type="checkbox"]:checked + navibox:before {content:attr(data-expanded)}
.aii-guest-boox > input[type="checkbox"]:checked ~ .aii-guest-boox-content {display:block}

4. Simpan Template.

5. Lanjut, buka menu Tata Letak - Tambahkan Gadget - HTML/Javascript.

6. Letakkan kode berikut di dalam nya :

<div class="aii-guest-boox">
    <input type="checkbox" />
    <navibox data-expanded="Close Guest Book" data-collapsed="Open Guest Book"></navibox>
    <div class="aii-guest-boox-content">

<-- KODE GUEST BOOK -->

.........................................................................

.........................................................................

.........................................................................

    </div>
</div>

7. Simpan.

8. Enjoy. smoke

Terima kasih dan jangan lupa tinggalkan komentar pada kotak komentar dibawah... :)

Cara Mengubah Widget Arsip Blog Menjadi Kalender

noreply@blogger.com (Anonymous) — Mon, 10 Jun 2013 14:40:00 +0800

Selamat siang...

Postingan kali ini saya ingin membagi tutorial mengenai bagaimana mengubah widget arsip blog menjadi tampilan kalender.

Sebenarnya, secara default ada tiga opsi gaya yang diberikan blogger untuk mengkonfigurasikan arsip blog, yaitu hierarki, daftar flat, dan menu dropdown. Namun, seperti nya ketiga tampilan tersebut terlihat "biasa saja" dan lebih menarik kalau kita sedikit memodifikasi nya.

Bila tertarik memodifikasi nya, coba ikuti cara dibawah ini :

1. Login ke blogger.

2. Masuk menu Tata Letak - Tambahkan Gadget dan pilih "Arsip Blog" / "Blog Archieve".

3. Ganti opsi-opsi yang ada saat mengkonfigurasikan widget Arsip Blog tersebut dan Simpan.

4. Selanjutnya, masuk menu Template - Edit HTML.

5. Cari kode yang kurang lebih seperti ini :

<b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'>

...................................

...................................

................................... 

</b:widget>

6. Lalu ganti kode tersebut diatas dengan kode berikut ini :

<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>
            <b:includable id='main'> 
  <b:if cond='data:title'> 
    <h2><data:title/></h2> 
  </b:if> 
  <div class='widget-content'> 
  <div id='ArchiveList'> 
  <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'> 
    <b:if cond='data:style == &quot;HIERARCHY&quot;'> 
     <b:include data='data' name='interval'/> 
    </b:if> 
    <b:if cond='data:style == &quot;FLAT&quot;'> 
      <b:include data='data' name='flat'/> 
    </b:if> 
    <b:if cond='data:style == &quot;MENU&quot;'> 
      <b:include data='data' name='menu'/> 
    </b:if> 
  </div> 
  </div> 
  <b:include name='quickedit'/> 
  </div> 
</b:includable>
            <b:includable id='flat' var='data'> 
<div id='bloggerCalendarList'> 
  <ul> 
    <b:loop values='data:data' var='i'> 
      <li class='archivedate'> 
        <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>) 
      </li> 
    </b:loop> 
  </ul> 
</div> 
<div id='blogger_calendar' style='display:none'> 
<table id='bcalendar'><caption id='bcaption'> 
</caption> 
<!-- Table Header --> 
<thead id='bcHead'/> 
<!-- Table Footer --> 
<!-- Table Body --> 
<tbody><tr><td id='cell1'> </td><td id='cell2'> </td><td id='cell3'> </td><td id='cell4'> </td><td id='cell5'> </td><td id='cell6'> </td><td id='cell7'> </td></tr> 
<tr><td id='cell8'> </td><td id='cell9'> </td><td id='cell10'> </td><td id='cell11'> </td><td id='cell12'> </td><td id='cell13'> </td><td id='cell14'> </td></tr> 
<tr><td id='cell15'> </td><td id='cell16'> </td><td id='cell17'> </td><td id='cell18'> </td><td id='cell19'> </td><td id='cell20'> </td><td id='cell21'> </td></tr> 
<tr><td id='cell22'> </td><td id='cell23'> </td><td id='cell24'> </td><td id='cell25'> </td><td id='cell26'> </td><td id='cell27'> </td><td id='cell28'> </td></tr> 
<tr><td id='cell29'> </td><td id='cell30'> </td><td id='cell31'> </td><td id='cell32'> </td><td id='cell33'> </td><td id='cell34'> </td><td id='cell35'> </td></tr> 
<tr id='lastRow'><td id='cell36'> </td><td id='cell37'> </td></tr> 
</tbody> 
</table> 
<table id='bcNavigation'><tr> 
<td id='bcFootPrev'/> 
<td id='bcFootAll'/> 
<td id='bcFootNext'/> 
</tr></table> 
<div id='judul' style='underline; text-align:center;'>Baca Artikel :</div>  
<div id='calLoadingStatus' style='display:none; text-align:center;'> 
<script type='text/javascript'>bcLoadStatus();</script> 
</div> 
  <div id='calendarDisplay'/>
</div> 
<script type='text/javascript'> initCal();</script> 
</b:includable>
            <b:includable id='interval' var='intervalData'> 
  Configure your calendar archive widget - Edit archive widget - Flat List - Newest first - Choose any Month/Year Format 
</b:includable>
            <b:includable id='menu' var='data'> 
  Configure your calendar archive widget - Edit archive widget - Flat List - Newest first - Choose any Month/Year Format 
</b:includable>
            <b:includable id='posts' var='posts'> 
<!-- posts not needed for Calendar --> 
</b:includable>
            <b:includable id='toggle' var='interval'> 
  <!-- Toggle not needed for Calendar --> 
</b:includable>
          </b:widget>

7. Selanjutnya letakkan kode berikut ini diatas kode </head> :

<script type='text/javascript'> 
//<![CDATA[ 
var bcLoadingImage = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTFn3qfyCAzF6FtebIGm3nXSEaAEwDNZqqeNOkBLHTRFgPhg2mrM-bks3dQR-jruSQfALB8NOlsXIgmHieCxalO9FnWr0L2wNDCp4fIgF5Kfi5MbmC5_h6AdjKPV29HMTQqPbB-PLF3M3R/s1600/ajax-loader(2).gif"; 
var bcArchiveNavText = "Lihat Arsip Blog"; 
var bcArchiveNavPrev = '◄'; 
var bcArchiveNavNext = '►'; 
var headDays = ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"];
var headInitial = ["Su","Mo","Tu","We","Th","Fr","Sa"]; 
// Nothing to configure past this point ---------------------------------- 
var timeOffset; 
var bcBlogID; 
var calMonth; 
var calDay = 1; 
var calYear; 
var startIndex; 
var callmth; 
var bcNav = new Array (); 
var bcList = new Array (); 
//Initialize Fill Array 
var fill = ["","31","28","31","30","31","30","31","31","30","31","30","31"]; 
function openStatus(){ 
   document.getElementById('calLoadingStatus').style.display = 'block'; 
   document.getElementById('calendarDisplay').innerHTML = ''; 
  } 
function closeStatus(){ 
   document.getElementById('calLoadingStatus').style.display = 'none'; 
  } 
function bcLoadStatus(){ 
   cls = document.getElementById('calLoadingStatus'); 
   img = document.createElement('img'); 
   img.src = bcLoadingImage; 
   img.style.verticalAlign = 'middle'; 
   cls.appendChild(img); 
   txt = document.createTextNode(bcLoadingMessage); 
   cls.appendChild(txt); 
  } 
function callArchive(mth,yr,nav){ 
// Check for Leap Years 
  if (((yr % 4 == 0) && (yr % 100 != 0)) || (yr % 400 == 0)) { 
      fill[2] = '29'; 
   } 
  else { 
      fill[2] = '28'; 
   } 
   calMonth = mth; 
   calYear = yr; 
   if(mth.charAt(0) == 0){ 
      calMonth = mth.substring(1); 
      } 
   callmth = mth; 
   bcNavAll = document.getElementById('bcFootAll'); 
   bcNavPrev = document.getElementById('bcFootPrev'); 
   bcNavNext = document.getElementById('bcFootNext'); 
   bcSelect = document.getElementById('bcSelection'); 
   a = document.createElement('a'); 
   at = document.createTextNode(bcArchiveNavText); 
   a.href = bcNav[nav]; 
   a.appendChild(at); 
   bcNavAll.innerHTML = ''; 
   bcNavAll.appendChild(a); 
   bcNavPrev.innerHTML = ''; 
   bcNavNext.innerHTML = ''; 
   if(nav <  bcNav.length -1){ 
      a = document.createElement('a'); 
      a.innerHTML = bcArchiveNavPrev; 
      bcp = parseInt(nav,10) + 1; 
      a.href = bcNav[bcp]; 
      a.title = 'Previous Archive'; 
      prevSplit = bcList[bcp].split(','); 
      a.onclick = function(){bcSelect.options[bcp].selected = true;openStatus();callArchive(prevSplit[0],prevSplit[1],prevSplit[2]);return false;}; 
      bcNavPrev.appendChild(a); 
      } 
   if(nav > 0){ 
      a = document.createElement('a'); 
      a.innerHTML = bcArchiveNavNext; 
      bcn = parseInt(nav,10) - 1; 
      a.href = bcNav[bcn]; 
      a.title = 'Next Archive'; 
      nextSplit = bcList[bcn].split(','); 
      a.onclick = function(){bcSelect.options[bcn].selected = true;openStatus();callArchive(nextSplit[0],nextSplit[1],nextSplit[2]);return false;}; 
      bcNavNext.appendChild(a); 
     } 
   script = document.createElement('script'); 
   script.src = 'http://www.blogger.com/feeds/'+bcBlogId+'/posts/summary?published-max='+calYear+'-'+callmth+'-'+fill[calMonth]+'T23%3A59%3A59'+timeOffset+'&published-min='+calYear+'-'+callmth+'-01T00%3A00%3A00'+timeOffset+'&max-results=100&orderby=published&alt=json-in-script&callback=cReadArchive'; 
   document.getElementsByTagName('head')[0].appendChild(script); 
} 
function cReadArchive(root){ 
// Check for Leap Years 
  if (((calYear % 4 == 0) && (calYear % 100 != 0)) || (calYear % 400 == 0)) { 
      fill[2] = '29'; 
   } 
  else { 
      fill[2] = '28'; 
   } 
    closeStatus(); 
    document.getElementById('lastRow').style.display = 'none'; 
    calDis = document.getElementById('calendarDisplay'); 
    var feed = root.feed; 
    var total = feed.openSearch$totalResults.$t; 
    var entries = feed.entry || []; 
    var fillDate = new Array(); 
    var fillTitles = new Array(); 
    fillTitles.length = 32; 
    var ul = document.createElement('ul'); 
    ul.id = 'calendarUl'; 
    for (var i = 0; i < feed.entry.length; ++i) { 
      var entry = feed.entry[i]; 
      for (var j = 0; j < entry.link.length; ++j) { 
       if (entry.link[j].rel == "alternate") { 
       var link = entry.link[j].href; 
       } 
      } 
      var title = entry.title.$t; 
      var author = entry.author[0].name.$t; 
      var date = entry.published.$t; 
      var summary = entry.summary.$t; 
      isPublished = date.split('T')[0].split('-')[2]; 
      if(isPublished.charAt(0) == '0'){ 
         isPublished = isPublished.substring(1); 
         } 
      fillDate.push(isPublished); 
      if (fillTitles[isPublished]){ 
          fillTitles[isPublished] = fillTitles[isPublished] + ' | ' + title; 
          } 
      else { 
          fillTitles[isPublished] = title; 
          } 
      li = document.createElement('li'); 
      li.style.listType = 'none'; 
      li.innerHTML = '<a href="'+link+'">'+title+'</a>'; 
      ul.appendChild(li); 
      } 
   calDis.appendChild(ul); 
   var val1 = parseInt(calDay, 10) 
   var valxx = parseInt(calMonth, 10); 
   var val2 = valxx - 1; 
   var val3 = parseInt(calYear, 10); 
   var firstCalDay = new Date(val3,val2,1); 
   var val0 = firstCalDay.getDay(); 
   startIndex = val0 + 1; 
  var dayCount = 1; 
  for (x =1; x < 38; x++){ 
      var cell = document.getElementById('cell'+x); 
      if( x < startIndex){ 
          cell.innerHTML = ' '; 
          cell.className = 'firstCell'; 
         } 
      if( x >= startIndex){ 
          cell.innerHTML = dayCount; 
          cell.className = 'filledCell'; 
          for(p = 0; p < fillDate.length; p++){ 
              if(dayCount == fillDate[p]){ 
                  if(fillDate[p].length == 1){ 
                     fillURL = '0'+fillDate[p]; 
                     } 
                  else { 
                     fillURL = fillDate[p]; 
                     } 
                  cell.className = 'highlightCell'; 
                  cell.innerHTML = '<a href="/search?updated-max='+calYear+'-'+callmth+'-'+fillURL+'T23%3A59%3A59'+timeOffset+'&updated-min='+calYear+'-'+callmth+'-'+fillURL+'T00%3A00%3A00'+timeOffset+'" title="'+fillTitles[fillDate[p]].replace(/"/g,'\'')+'">'+dayCount+'</a>'; 
                 } 
              } 
          if( dayCount > fill[valxx]){ 
             cell.innerHTML = ' '; 
             cell.className = 'emptyCell'; 
             } 
          dayCount++; 
         } 
      } 
    visTotal = parseInt(startIndex) + parseInt(fill[valxx]) -1; 
    if(visTotal >35){ 
        document.getElementById('lastRow').style.display = ''; 
       } 
  } 
function initCal(){ 
   document.getElementById('blogger_calendar').style.display = 'block'; 
   var bcInit = document.getElementById('bloggerCalendarList').getElementsByTagName('a');
   var bcCount = document.getElementById('bloggerCalendarList').getElementsByTagName('li');
   document.getElementById('bloggerCalendarList').style.display = 'none'; 
   calHead = document.getElementById('bcHead'); 
   tr = document.createElement('tr'); 
   for(t = 0; t < 7; t++){ 
       th = document.createElement('th'); 
       th.abbr = headDays[t]; 
       scope = 'col'; 
       th.title = headDays[t]; 
       th.innerHTML = headInitial[t]; 
       tr.appendChild(th); 
      } 
   calHead.appendChild(tr); 
  for (x = 0; x <bcInit.length;x++){ 
     var stripYear= bcInit[x].href.split('_')[0].split('/')[3]; 
     var stripMonth = bcInit[x].href.split('_')[1]; 
     bcList.push(stripMonth + ','+ stripYear + ',' + x); 
     bcNav.push(bcInit[x].href); 
     } 
  var sel = document.createElement('select'); 
  sel.id = 'bcSelection'; 
  sel.onchange = function(){var cSend = this.options[this.selectedIndex].value.split(',');openStatus();callArchive(cSend[0],cSend[1],cSend[2]);};
  q = 0; 
  for (r = 0; r <bcList.length; r++){ 
       var selText = bcInit[r].innerHTML; 
       var selCount = bcCount[r].innerHTML.split('> (')[1]; 
       var selValue = bcList[r]; 
       sel.options[q] = new Option(selText + ' ('+selCount,selValue); 
       q++ 
       }                   
   document.getElementById('bcaption').appendChild(sel); 
   var m = bcList[0].split(',')[0]; 
   var y = bcList[0].split(',')[1]; 
   callArchive(m,y,'0'); 
} 
function timezoneSet(root){ 
   var feed = root.feed; 
   var updated = feed.updated.$t; 
   var id = feed.id.$t; 
   bcBlogId = id.split('blog-')[1]; 
   upLength = updated.length; 
   if(updated.charAt(upLength-1) == "Z"){timeOffset = "+00:00";} 
   else {timeOffset = updated.substring(upLength-6,upLength);} 
   timeOffset = encodeURIComponent(timeOffset); 
} 
//]]> 
</script> 
<script src='/feeds/posts/summary?max-results=0&amp;amp;alt=json-in-script&amp;callback=timezoneSet'/>

8. Kemudian, letakkan kode CSS* berikut ini diatas kode ]]></b:skin> :

/* Start of Post Navigator (Black n White Theme) ------ */

#calendarDisplay{display:block;}
/* div that holds calendar */

#blogger_calendar{margin:0 auto 0 0;width:100%}
/* Table Caption - Holds the Archive Select Menu */

#bcaption{border:1px solid #FFFFFF;padding:2px;margin:10px 0 0;background:#000000;font:bold 100% Tahoma,Arial,Sans-serif}
/* The Archive Select Menu */

#bcaption select{background:#ffff;border:0 solid #FFFFFF;color:#000000;font-weight:bold;text-align:center;width:75%}
/* The Heading Section */

table#bcalendar thead{}
/* Head Entries */

table#bcalendar thead tr th{width:70px;text-align:center;padding:3px;border:1px solid #FFFFFF;font:bold 100% Tahoma,Arial,Sans-serif;background:#000000;color:#fff}
/* The calendar Table */

table#bcalendar{border:1px solid #000000;border-top:0;margin:0 0 0;width:100%;background:#fff;text-align:center}
/* Links in Calendar */

table#bcalendar tbody tr td a:link,table#bcalendar tbody tr td a:visited,table#bcalendar tbody tr td a:active{font-weight:bold;color:#ffffff;text-decoration:none}
table#bcalendar tbody tr td a:hover{color:#ffffff;text-decoration:none}
/* First Row Empty Cells */

td.firstCell{visibility:visible}
/* Cells that have a day in them */

td.filledCell{background:#fff}
td.filledCell:hover{background:#FFFFFF}
/* Cells that are empty,after the first row */

td.emptyCell{visibility:hidden}
/* Cells with a Link Entry in them */

td.highlightCell{background:#000000;border:2px solid #FFFFFF}
td.highlightCell:hover{background:#FFFFFF;border:1px solid #000000}
/* Table Footer Navigation */

table#bcNavigation{width:100%;background:#000000;border:1px solid #FFFFFF;border-top:0;color:#fff;font:bold 100% Tahoma,Arial,Sans-serif}
table#bcNavigation a:link{text-decoration:none;color:#fff}
table#bcNavigation a:hover{text-decoration:none;color:#FFFFFF}
td#bcFootPrev{width:10px}
td#bcFootAll{text-align:center}
td#bcFootNext{width:10px}
ul#calendarUl{margin:5px auto 0!important}
ul#calendarUl li a:link{}
#judul{text-decoration:none;color:#fff;font:bold 100% Tahoma,Arial,Sans-serif;background:#000000;border:2px solid #FFFFFF;width:auto;margin-top:5px}
#calLoadingStatus img{display:block;width:auto;height:auto;margin:10px auto}
/* End of of Post Navigator (Black n White Theme) ------ */

9. Simpan Template.

10. Enjoy. smoke

*)Tema lain yang dapat digunakan :

/* Start of Post Navigator (Chocolate Theme) ------ */

#calendarDisplay{display:block;}
/* div that holds calendar */

#blogger_calendar{margin:0 auto 0 0;width:100%}
/* Table Caption - Holds the Archive Select Menu */

#bcaption{border:1px solid #ffffff;padding:2px;margin:10px 0 0;background:#D38F37;font:bold 100% Tahoma,Arial,Sans-serif}
/* The Archive Select Menu */

#bcaption select{background:#ffff;border:0 solid #ffffff;color:#D38F37;font-weight:bold;text-align:center;width:75%}
/* The Heading Section */

table#bcalendar thead{}
/* Head Entries */

table#bcalendar thead tr th{width:70px;text-align:center;padding:3px;border:1px solid #ffffff;font:bold 100% Tahoma,Arial,Sans-serif;background:#D38F37;color:#fff}
/* The calendar Table */

table#bcalendar{border:1px solid #D38F37;border-top:0;margin:0 0 0;width:100%;background:#fff;text-align:center}
/* Links in Calendar */

table#bcalendar tbody tr td a:link,table#bcalendar tbody tr td a:visited,table#bcalendar tbody tr td a:active{font-weight:bold;color:#ffffff;text-decoration:none}
table#bcalendar tbody tr td a:hover{color:#ffffff;text-decoration:none}
/* First Row Empty Cells */

td.firstCell{visibility:visible}
/* Cells that have a day in them */

td.filledCell{background:#fff}
td.filledCell:hover{color:#ffffff;text-decoration:none;background:#D38F37}
/* Cells that are empty,after the first row */

td.emptyCell{visibility:hidden}
/* Cells with a Link Entry in them */

td.highlightCell{background:#D38F37;border:2px solid #ffffff}
td.highlightCell:hover{background:#ffffff;border:1px solid #D38F37}
/* Table Footer Navigation */

table#bcNavigation{width:100%;background:#D38F37;border:1px solid #ffffff;border-top:0;color:#fff;font:bold 100% Tahoma,Arial,Sans-serif}
table#bcNavigation a:link{text-decoration:none;color:#fff}
table#bcNavigation a:hover{text-decoration:none;color:#ffffff}
td#bcFootPrev{width:10px}
td#bcFootAll{text-align:center}
td#bcFootNext{width:10px}
ul#calendarUl{margin:5px auto 0!important}
ul#calendarUl li a:link{}
#judul{text-decoration:none;color:#fff;font:bold 100% Tahoma,Arial,Sans-serif;background:#D38F37;border:2px solid #ffffff;width:auto;margin-top:5px}
#calLoadingStatus img{display:block;width:auto;height:auto;margin:10px auto}
/* End of of Post Navigator (Chocolate Theme) ------ */

Tips : Coba lihat URL berwarna hijau, Anda dapat menggantinya dengan URL loader lain seperti dibawah ini.

Klik kanan lalu "Copy Image Location"

Bagaimana hasil modifikasi widget arsip blog nya???
Terima kasih, semoga bermanfaat dan jangan lupa tinggalkan komentar ya... :)