Showing posts with label blogging. Show all posts
Showing posts with label blogging. Show all posts

Saturday, February 13, 2010

Blogger Luncurkan Fitur Image Caption

Blogger in Draft logo
Blogger, sebuah platform gratisan untuk ngeblog kepunyaan Google, semakin lama semakin terlihat powerful. Belakangan ini Blogger sering meluncurkan fitur-fitur baru, yang mungkin banyak ditunggu oleh penggunanya.

Baru saja beberapa waktu lalu Blogger mengeluarkan fitur pembuatan Pages/halaman, kali ini disediakan juga sebuah fitur untuk menampilkan image caption atau keterangan gambar pada Text Editor, dan beberapa fitur lain. Dengan demikian, mungkin kita tidak perlu mengoprek template dan kode HTML hanya untuk menampilkan image caption, seperti yang saya sampaikan di artikel sebelumnya :p.

Bila ditinjau dari pertimbangan SEO (search engine optimization), sebuah caption atau keterangan gambar merupakan hal yang sangat baik, karena bisa membantu meningkatkan jumlah pengunjung terutama pengunjung yang mencari file gambar.


Menggunakan Fitur Image Caption

Untuk menggunakannya, silahkan anda masuk ke dashboard Blogger in Draft. Saat memasukkan sebuah gambar di Text Editor, kita bisa menambahkan sebuah caption, cukup dengan cara klik image tersebut, kemudian klik caption.
Menambahkan caption pada sebuah gambar, klik Add caption

Keterangan yang ditampilkan di bawah gambar

Menambahkan Border dan Background Pada Image Caption

Untuk menampilkan border dan warna background pada gambar dan image caption (seperti yang terlihat di blog ini), silahkan tambahkan kode berikut ini pada Template anda.
- Login ke Blogger, masuk ke Layout, lanjutkan dengan Edit HTML.
- Cari kode ]]></b:skin> lalu di atasnya masukkan kode ini:
.tr-caption-container {
 border: 1px solid #cccccc;
 background-color: #f6f6f6;
 -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
}



Selain fitur image caption, Blogger juga menambahkan fitur lain pada Text Editor, yaitu bisa mengubah bidang/area Text Editor sehingga kita bisa memperbesar atau memperkecilnya, dengan cara drag pojok kanan bawah jendela Text Editor.
Memperbesar bidang jendela Text Editor dengan menarik bagian pojok


Blogger makin ngeblog :D.

.

Thursday, February 11, 2010

Periksa Script Mati di Blog

Javascript illustration
Javascript
Kecepatan dalam membuka sebuah halaman web/blog (page loading) adalah idaman para peselancar internet. Suata hal yang menjengkelkan apabila waktu yang diperlukan membuka sebuah situs menjadi lama. Kalau pengunjung tidak sabar dia akan meninggalkan halaman tersebut, dan mungkin kapok untuk balik lagi.

Salah satu hal yang mempengaruhi waktu loading page adalah adanya kode-kode script seperti misalnya Javascript. Dibandingkan dengan kode HTML biasa, kode javascript diload oleh browser dengan cara yang berbeda. Kalau kode HTML, kodenya diload secara bersamaan dengan kode-kode HTML lainnya atau paralel. Sedangkan kode javascript tidak seperti itu, dia diload sampai selesai terlebih dulu, baru dilanjutkan dengan loading kode-kode lain setelahnya.

Apa artinya? Artinya, bila ada kode script yang memakan waktu loading yang lama, maka tampilan sebuah halaman pun jadi tersendat, sehingga tampilannya menjadi seperti tidak selesai, menunggu script tersebut sampai sepenuhnya selesai dieksekusi. Akibatnya, ya bikin bete... :) 

Penyebab loading time yang lama antara lain kondisi server penyedia script yang sedang down, koneksi ke server tersebut yang lambat, atau malah mungkin situsnya sudah mati.

Ini saya alami contohnya pada layanan statistik yang disediakan oleh Indostats. Saya tidak tahu apakah Indostats ini servernya sedang down, sedang dalam maintenance, atau situsnya yang memang sudah berhenti, atau apa. Sangat disayangkan, padahal saya cukup menyukai layanan ini karena memberikan data statistik kunjungan yang cukup lengkap dengan user interface yang cukup baik.

Akhirnya saya putuskan untuk menonaktifkan script yang disediakan oleh Indostats ini. Saya tidak langsung membuang script ini, dengan harapan mungkin servernya bisa kembali normal.

Buat yang belum tahu, cara menonaktifkan kode javascript cukup mudah, yaitu dengan menambahkan kode <!-- di awal script, dan kode --> di akhir script.

Tips lainnya, script-script yang tidak terlalu penting terutama buat pengunjung seperti misalnya script statistik, sebaiknya ditempatkan di pojok kanan paling bawah, maksudnya supaya proses loading script ini diset paling akhir, sehingga kalau pun terjadi error atau page loading yang lama akibat script tersebut, pengunjung tidak terlalu terganggu untuk membaca artikel dan mendapatkan informasi yang ada di blog.


Inspeksi mendadak :D.

.

Friday, January 29, 2010

Optimasi File Gambar Animasi GIF dengan GIF Optimizer

GIF Optimizer icon
GIF Optimizer
Gambar animasi berektensi .GIF yang banyak digunakan untuk berbagai keperluan online, seperti gambar emoticon/smilies yang lucu-lucu di IM, email, shoutbox, atau juga di blog, dan banyak juga digunakan sebagai gambar avatar di forum.

Permasalahannya, terutama buat pemilik sebuah blog atau situs, gambar animasi .gif ini biasanya berukuran lebih besar dibandingkan gambar biasa/statis, karena pada satu gambar animasi sebenarnya terdapat beberapa frame gambar yang digabungkan jadi satu sehingga ukuran filenya jadi cukup besar. Akibatnya bisa ditebak, bisa memperlambat loading page. Buat pengunjung, hal tersebut terkadang juga cukup mengganggu, apalagi buat yang menggunakan koneksi internet yang relatif lambat.

Oleh karena itu, bila ingin tetap ingin menampilkan gambar animasi gif, sebaiknya gambar animasi tersebut dioptimasikan sebelum dipasang di blog, email, atau di mana saja.



Program simpel untuk OS Windows ini mudah digunakan, kita tinggal membuka sebuah file animasi, kemudian kita bisa langsung melakukan optimasi dengan klik tombol Optimize. Bisa juga kita menyetel setting yang ada terutama pengaturan jumlah warna karena hal ini yang banyak berpengaruh terhadap optimasi gambar. Setelah selesai optimasi tersebut, kita bisa langsung save hasilnya.

Dari pemakaian yang saya lakukan terhadap software gratis ini, lumayan mengurangi ukuran file, apalagi kalau kita tidak terlalu mementingkan kualitas warna sehingga bisa kita setting gambar animasi tersebut menggunakan jumlah warna yang lebih sedikit.


Download GIF Optimizer 1.0

Download (file: gifoptimizer.exe - 2.29 MB - installer)



(biz)    (siffle)

.

Thursday, January 28, 2010

Blog WordPress.com Bisa Pasang Iklan AdSense

Wordpress.com logo
Wordpress.com logo
Wordpress.com merupakan salah satu blogging platform gratis yang banyak digunakan selain Blogger. Kedua situs layanan blog hosting paling ngetop ini sepertinya memang semakin hangat saja persaingannya. Seperti misalnya, baru-baru ini Blogger meluncurkan sebuah fitur menarik yaitu static pages di blogpsot, sebuah fitur yang sudah lama ada di Wordpress.

Sebagian besar pengguna Wordpress.com (saya singkat WP.com) tentunya sudah tahu bahwa selama ini WP.com melarang penggunanya untuk pasang iklan, baik PPC, afiliasi dan lain-lain kecuali bagi pengguna VIP. Jangan coba-coba untuk curi-curi pasang iklan, banner, atau apa pun bentuknya, di blog WP.com kalau tidak mau dibanned a.k.a di blokir.

Tapi, baru-baru ini Wordpress.com memunculkan sebuah penawaran yang sudah lama ada di Blogger, yaitu bisa pasang iklan AdSense di blog wordpress.com. Yup, betul sekali... :)

Pada halaman T.O.S WordPress.com tentang advertising terdapat tambahan poin yaitu bahwa bagi pemilik blog di WP.com punya kesempatan untuk memasang iklan AdSense di blognya, asalkan blognya punya statistik pengunjung di atas 50.000 pengunjung per bulan (kira-kira 1700 pengunjung per hari). Berat banget? Hmmm... Nggak terlalu berat juga sebenarnya pengunjung sebanyak itu, saya lihat banyak juga blog di WP.com yang sudah sebanyak itu jumlah pengunjungnya, bahkan lebih.

Tapi untuk memasang iklan, tidak bisa langsung pasang sendiri, melainkan harus kontak pihak WP.com dulu. Isi T.O.S tentang advertising tersebut lengkapnya seperti ini:



Persaingan makin panas makin bagus :) Semoga nantinya pasang iklan nggak perlu pake syarat :p

.

Monday, January 25, 2010

Masagana Free Blogger Template / Wordpress Theme


Blogger & Wordpress
Satu lagi sebuah template/themes yang cukup bagus dan cocok untuk blog berisi berita (news), majalah (magazine) online, atau blog lainnya yang ingin tampil dengan tema bergaya portal berita, yang dilengkapi dengan adanya fitur Featured Post.

Pada tema ini sudah disediakan space atau slot/widget untuk iklan aka advertising sehingga cocok juga buat yang ingin menampilkan blog bisnis online. Tema blog ini juga sudah dilengkapi dengan beberapa icon cantik seperti icon RSS, Twitter,

Tema ini bertajuk Masagana Blogger Template/Wordpress Theme yang tersedia gratis aka free ini bisa dipasang pada blog berplatform Blogger atau juga Wordpress (self-hosted tentunya).


Masagana template/themes screenshot


Fitur Masagana Blogger Template/Wordpress Theme

Masagana Blogger Template more info
Blogger demo
Blogger demo
  • Auto Popular topic based on most comments
  • Magazine Style
  • Adsense ready
  • Auto Readmore and thumbnail
  • Twitter Account Integration
  • Featured post using smoothgallery

Masagana Wordpress Theme more info
Wordpress demo
Wordpress demo
  • Compatible with Wordpress version 2.7
  • Twitter Account Integration
  • Built-in Page Navigation
  • Featured Post Gallery
  • Option Page for Easy Customization
  • Feedburner Email Subscriber
  • Popular Posts
  • Automatic Thumbnail Resizer
  • Adsense Ready
  • Advertisement Blocks Ready
  • Gravatar Enabled
  • Threaded Comments


Download Masagana Blogger Template/Wordpress Theme


Blogger template download
Blogger template download

Wordpress theme download
Wordpress theme download


Dandan biar cakep... :p

.

Friday, January 22, 2010

Blogger Luncurkan Fitur Static Pages


Blogger in Draft logo
Seperti kita semua tahu, Blogger merupakan sebuah blogging platform yang populer selain Wordpress. Keduanya, Blogger dan Wordpress, memang merupakan rajanya blogging platform. Orang pun sering membandingkan keduanya, dengan segala kekurangan dan kelebihannya, fitur-fiturnya, kemudahan kustomasi, gratis tidaknya, dan lain sebagainya.

Salah satu keunggulan Wordpress adalah tersedianya fitur untuk membuat sebuah static pages, yaitu sebuah halaman statis di blog yang bukan merupakan artikel blog, melainkan berupa halaman khusus tersendiri, seperti misalnya halaman About, Contact, Product, dan lain sebagainya.

Tapi sekarang Blogger pun telah menyediakan fitur ini yang memang sudah dinanti-nantikan oleh banyak penggunanya. Dengan begitu, kita bisa langsung membuat sebuah halaman statis tanpa perlu mengakali sebuah artikel untuk dijadikan seperti sebuah halaman statis, seperti yang banyak dibahas dalam berbagai tutorial blog.


Membuat Halaman Statis (Static Pages) di Blogger

Fitur ini memang belum tersedia secara default di Dashboard Blogger, melainkan tersedia sebagai fitur di Blogger in Draft (Blogger dengan fitur uji coba). Tapi tak jadi soal, karena fitur ini sudah bisa digunakan secara penuh.

Untuk cara membuat static pages (halaman statis) di Blogger, silahkan masuk ke Blogger in Draft, atau bisa juga masuk melalui Blogger Dashboard default kemudian arahkan ke bagian bawah, lihat pada bagian Other Stuff, lalu klik link bertuliskan "Blogger in Draft".


Selanjutnya silahkan klik Posting, kemudian masuk ke tab edit Pages. Selanjutnya silahkan buat halaman statis. Jumlah total halaman statis yang diperbolehkan maksimal sebanyak 10 halaman.


Halaman-halaman statis yang sudah kita publish nantinya bisa ditampilkan sebagai widget. Silahkan tambahakan widget Page List untuk menampilkan daftar link halaman statis yang kita buat.



Mangstab tho :).

.

Sunday, January 10, 2010

Posting Twitter Lebih dari 140 Karakter dengan Twiglr

Twiglr logo
Twiglr logo
Twitter merupakan salah satu layanan online social networking paling populer, dengan kemudahan penggunaannya. Cukup dengan mengetikkan beberapa kata, lalu posting aka submit, maka pesan kita langsung tersebar ke seluruh pengikut setia aka followers.

Sayangnya, Twitter membatasi jumlah karakter yang kita submit maksimal 140 karakter.

Kalo ada yang pingin ngetweet tapi maunya lebih dari 140 karakter, mungkin bisa menggunakan layanan Twiglr, yang bisa terintegrasi dengan Twitter.

Jadinya seperti ngeblog, tapi dengan interface yang simpel dan instan seperti Twitter. Di Twiglr kita bisa edit posting, bisa pasang image, pasang video YouTube juga. Untuk menggunakannya, kita cukup login dengan akun Twitter, dan selanjutnya layanan ini akan terintegrasi dengan akun Twitter kita. Tampilan akun kita di Twiglr ini juga akan mengikuti tampilan Twitter yang kita punya.


Seperti Twitter, di Twiglr ini kita cukup mengetikkan beberapa teks kalimat dengan jumlah bisa lebih dari 140 karakter, pasang link image, video Youtube, lalu submit. Hasilnya link video tersebut akan menjadi tampilan video penuh, bukan lagi berupa link. Posting yang kita buat juga akan secara otomatis muncul di akun Twitter.

Ini contoh jadinya:


Mau coba? Berangkatlah ke situs Twiglr ini.


Twit twit :D.

.

Tuesday, January 5, 2010

Kumpulan Situs Online untuk Resize Image


Sebelumnya pernah dibahas mengenai sebuah layanan online di situs Reshade untuk memperbesar image/gambar tanpa terlalu banyak mengurangi kualitasnya, dan juga situs Aviary untuk edit dan membuat image/gambar secara online (online image/vektor manipulation and editing).

Kali adalah kumpulan berbagai situs online untuk resize dan crop image/foto terutama memperkecil ukuran file gambar agar optimal untuk dipasang pada situs/blog.


Berikut ini daftar beberapa situsnya:

1. CutMyPic:
Sebuah tool image resizer gratis berbasis web untuk memotong/cut, crop, drop shadow dan juga membuat sudut membulat pada gambar sehingga terlihat lebih cantik. Tool ini memberikan data ukuran hasil perubahan image dibandingkan dengan gambar aslinya untuk anda review. Hasil gambarnya dikirim melalui email atau bisa langsung save ke PC.


2. Pic Resize:
Situs yang juga free aka gratis ini selain bisa resize dan crop gambar, ada juga efek efek khusus untuk mempercantik dan menyempurnakan gambar seperti efek gray scale, blur, oil paint, dan beberapa efek lainnya.


3. Dr Pic:
Sebuah free web based image editor dengan menyediakan opsi untuk melakukan crop, resize, adjust brightness dan menambahkan special effect pada image/gambar. Untuk crop sebuah image, upload saja ke situs tersebut, pilih Crop, lakukan cropping, dan save hasilnya.


4. Resizr:
Menyediakan tool online gratis untuk crop gambar dengan pilihan yang nyaman untuk digunakan yaitu pilihan dengan bentuk standar seperti bentuk kotak, bentuk bebas, bentuk seukuran 4x6 dan sebagainya. Tool ini juga menyediakan slider untuk lebih memudahkan menentukan ukuran gambar yang ingin dihasilkan. Selain bantuan tool tersebut, kita juga bisa menentukan secara manual ukuran gambar yang kita inginkan.


5. Resize it:
Penggunaannya sederhana saja: upload image dari komputer ke situs ini, lalu pilih bagian mana dari image tersebut yang akan kita crop, kemudian klik Crop it, dan simpan (save) hasilnya ke komputer kita.


6. Web Resizer:
Situs layanan gratis ini menyediakan tool untuk resize photo/image dengan beberapa pilihan seperti crop, rotate, dan juga tersedia tool untuk mengatur ketajaman dan kecerahan (sharp dan brightness) image. Selain itu juga hasilnya bisa dioptimasi agar lebih optimal untuk ditampilkan di halaman web atau email.


Mungkin ada lagi situs lainnya? (heu)

.

Thursday, December 31, 2009

Tampilkan Jumlah Artikel dan Komentar Blog di Blogger


Artikel dan komentar
Setelah beberapa lamanya ngeblog, mungkin anda ingin tahu sudah berapa banyak jumlah artikel aka posting dan komentar yang ada di blog anda. Angka ini berguna untuk sekedar mengetahui sudah sesuaikah target jumlah artikel yang ingin anda buat atau seberapa banyak orang yang sudah cuap-cuap di blog anda. Atau sekedar ingin pamer, terserah deh, hehehe... :d

Berikut ini adalah kode script untuk menampilkan jumlah total artikel dan komentar blog, khususnya Blogger/Blogspot. Kalau untuk blog berplatform Wordpress (self hosted) sudah banyak plug-in yang tersedia untuk itu.

Contohnya bisa dilihat di sini. Bagaimana cara buatnya? Berangkaaat... :)


Menampilkan Jumlah Post dan Komentar Blog di Blogger

Mudah sekali, nggak perlu tutorial, langsung saja kopi tubruk, eh salah :p, copy-paste kode berikut ini pada Gadget anda, dan ganti tulisan zonsdigital dengan alamat blog anda tentunya:

<script src="http://zonsdigital.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"></script>
<script style="text/javascript">
function numberOfPosts(json) {
document.write('Jumlah total artikel: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}
</script>
<script src="http://zonsdigital.blogspot.com/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script>

<script src="http://zonsdigital.blogspot.com/feeds/comments/default?orderby=published&alt=json-in-script&callback=rp"></script>
<script style="text/javascript">
function numberOfComments(json) {
document.write('Jumlah Total Komentar: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}
</script>
<script src="http://zonsdigital.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script>

Kalau ada yang belum tahu cara copy-paste script itu, masuk ke Dashboard Blogger, klik Layout, klik Add a Gadget, lalu pilih Javascipt/HTML. Paste kode tersebut di atas, lalu klik Save.


Berhitung mulai :d

.

Wednesday, December 30, 2009

Yahoo! Pertimbangkan Tutup MyBlogLog


MyBlogLog logo
Saat ini sedang beredar sebuah kabar yang sedikit mengejutkan terutama buat para blogger yaitu bahwa MyBlogLog, sebuah situs online yang menyediakan beberapa tools/widget buat para blogger, akan ditutup oleh Yahoo! sebagai pemiliknya. Weleh... o_o

Sekedar informasi, awalnya MyBlogLog cukup terkenal sebagai salah satu penyedia tools buat blogger seperti widgetnya yang menampilkan profil dan foto pengunjung sebuah situs, update konten situs, serta menyediakan sarana komunitas bagi para pengunjung sebuah situs/blog. Sampai akhirnya di tahun 2007 Yahoo! mengakuisisi layanan social-networking ini seharga $10 juta. Wew...


Entah kenapa, mungkin karena belakangan ini MyBlogLog mulai kalah bersaing dengan layanan sejenisnya, sampai akhirnya muncul lah isu penutupan layanan ini. Menanggapi isu tersebut, Chris Yeh, seorang kepala Yahoo! Developer Network (YDN) memberikan pernyataannya melalui blog YDN:


Ternyata memang Yahoo! sedang mempertimbangkan mau diapakan layanan yang satu ini selanjutnya. Bisa jadi akan dimatikan aka di-shutdown, atau juga opsi lainnya.

Kalau rencana penutupan yang nantinya akan dilakukan, maka sudah sekian kalinya Yahoo! menutup satu-persatu layanan onlinenye, setelah sebelumnya menutup Geocities dan Yahoo! 360. Kelihatannya Yahoo! berat banget bebannya, seperti orang kebingungan apa yang mesti dilakukan untuk menghadapi persaingan dunia online. Hmmm...

Jujur saja, buat saya MyBlogLog memang kurang menarik, kecuali hanya fitur yang menampilkan foto pengunjung. Widget MyBlogLog yang saya pasang di blog ini pun (di bagian bawah) sudah saya hack supaya hanya menampilkan foto pengunjungnya saja, tanpa embel-embel yang lain, hehehe.... Selain fitur itu, rasanya banyak layanan lainnya yang lebih baik dan menarik :D


Tutup aja deh... :p

.
Subscribe to zonsDigital via RSS reader
Enter your email address:

Mini Browser

Followers


Follow zonspot on Twitter

Statistics





Add to Technorati Favorites Join My Community at MyBloglog! Computer Blogs - Blog Catalog Blog Directory

© 2009 zonsDigital | Gadget Blog is Designed by Ipietoon Sponsored by Online Business Journal ----- zonsDigital HomeEdit PostDashboardJump to top