Digital Life

Membuat tulisan Readmore rata kanan

2009-10-11T10:25:00.003+03:00

Bagi anda yang menggunakan sistem Readmore pada postingan anda, mungkin anda pernah mengalami masalah pada tulisan Readmore atau selengkapnya yaitu tidak bisa ditempatkan di sebelah kanan bawah pada posting. Hal ini biasanya terjadi jika anda mengatur perataan tulisan menjadi rata tengah atau justify. Memang itu bukan suatu masalah besar, tapi akan lebih terlihat bagus jika tulisan Readmore atau selengkapnya berada di bagian bawah kanan posting.

Bagi anda yang kesulitan menemukan caranya, maka tips berikut ini mungkin akan membantu anda. Namun trik ini mungkin hanya berfungsi pada sistem Readmore lama (Sekarang sudah ada readmore otomatis bawaan blogger).

Triknya sangat mudah yaitu dengan membuat suatu class pada bagian CSS dari template yang anda gunakan. Langkah pertama login ke Dashboard Blogger anda lalu klik Layout-Edit HTML dan centang pada Expand template widget. Selanjutnya cari kode ]]></b:skin> dan sisipkan kode berikut tepat diatasnya :

/* Read more Kanan
----------------------------------- */
.morekanan {
bottom:5px;
font-family:verdana;
font-size:80%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
padding-right:10px;
text-align:right;
white-space:nowrap;
}

Selanjutnya carilah kode berikut pada template anda :

Tulisan yang berwarna merah diatas bisa berbeda tergantung dari pengaturan awal anda. Anda cukup mengganti tulisan diatas menjadi seperti berikut:

Simpan template anda dan lihat hasilnya. Tulisan Readmore atau Selengkapnya akan selalu berada di bagian bawah kanan dari postingan anda.

Tips aman membackup template sekaligus widget blog

2009-10-01T12:47:00.002+03:00

Tips blogging kali ini yaitu seputar perlunya membackup template blog sekaligus dengan widget-widgetnya. Hal ini sangat penting terutama bagi anda yang sering mengutak-atik template atau senang berganti-ganti template.

Blogger sendiri menyediakan fasilitas untuk melakukan backup template ini yaitu dengan cara mendownload full template pada menu Layout-Edit HTML. Tapi cara ini sebetulnya masih kurang aman karena hanya dapat membackup struktur dari template tanpa membackup widget-widgetnya.

Lalu adakah cara aman untuk membackup template blog ini? Tentu saja ada, dan saya akan memberikan tipsnya. Sebetulnya saya menulis hal ini berdasarkan kejadian-kejadian yang saya maupun blogger-blogger lain alami yaitu adakalanya tiba-tiba tampilan blog kita hancur atau widget-widget hilang entah kemana. Biasanya ini terjadi setelah kita memodifikasi kode-kode HTML blog ataupun setelah melakukan penggantian template blog.

Ada dua cara yang menurut saya ampuh dan paling aman untuk membackup template blog yaitu dengan membuat duplikat blog asli kita atau secara manual membackup kode-kode widget dan template.

Membuat duplikat blog
Caranya buatlah sebuah blog baru dengan template dan widget sama persis dengan blog asli kita, jadi seolah-olah kita memiliki blog cadangan. Anda tentu saja tidak perlu mempublikasikan blog duplikat ini karena hanya untuk membackup saja. Anda juga tidak perlu membuat artikel, karena yang anda butuhkan hanyalah template dan widgetnya. Jadi jika sewaktu-waktu blog anda rusak anda masih punya salinan aslinya.

Menyimpan kode HTML template dan widget secara manual
Caranya anda cukup membuat salinan dari kode-kode widget dan template anda cukup dengan Notepad lalu simpan pada satu folder khusus. Lakukan backup ini secara berkala sesuai dengan perubahan-perubahan yang anda lakukan pada blog anda. Untuk membackup kode HTML blog caranya pada Dashboard klik Layout-Edit HTML lalu centang pada Expand template widget dan copy seluruh kode lalu simpan dengan notepad. Sedangkan untuk membackup widget, caranya pada Dashboard klik Layout-Page Elements dan klik Edit pada widget yang akan anda backup dan copy seluruh kodenya lalu simpan dengan menggunakan notepad. Lakukan pada semua widget atau gadget anda kecuali widget bawaan Blogger yang tidak memiliki kode-kode HTML.

Membuat menu sidebar unik dengan jquery

2009-09-25T19:33:00.009+03:00

Bicara masalah modifikasi blog memang tidak akan ada habisnya. Selalu saja ada hal-hal baru yang layak untuk di coba. Seperti pada posting kali ini, saya akan memberikan trik bagi anda yang suka memodifikasi tampilan blognya agar terlihat unik dan professional. Modifikasi kali ini yaitu menambahkan menu unik pada sidebar blog seperti yang bisa anda lihat di blog ini (silahkan hover mouse pada menu Kategori). Anda akan melihat animasi pada saat link di sorot mouse. Untuk melakukan animasi seperti itu memang tidak cukup hanya dengan kode CSS saja, untuk itu maka dibutuhkan Java script dan jquery.

Menu seperti ini biasanya ditemukan pada halaman website professional, dan setelah saya melakukan uji coba pada template blogger ternyata bisa berfungsi dengan baik. Berikut ini adalah langkah-langkah pembuatan menu tersebut.

Silahkan login ke Dashboard Blogger anda, dan buka jendela Edit HTML. Untuk berjaga-jaga, lakukan backup terlebih dahulu template anda. Selanjutnya carilah kode </head> dan sisipkan kode berikut ini tepat diatas kode </head>.

Langkah berikutnya carilah kode ]]></b:skin> lalu sisipkan kode berikut di atasnya.

/* Sidebar jQuery Menu
-----------------------------------------*/
#navigation{
width: 215px; /* Lebar menu */
}
#navigation ul{
list-style: none;
}
#navigation ul li{
height: 24px;
border-bottom: 1px solid #ccc;
}
#navigation ul li a{
text-indent: 20px;
padding: 5px 0;
display: block;
height: 14px;
text-decoration: none;
color: #434343; /* warna huruf */
background-image: url(http://h1.ripway.com/err13z/jquerymenu/bull.png);
background-repeat: no-repeat;
background-position: 2px 6px ;
}
#navigation ul li a:hover{
background-color: #4E5E00; /* warna background hover */
background-image: url(http://h1.ripway.com/err13z/jquerymenu/bull.png);
background-repeat: no-repeat;
background-position: 10px 6px ;
color: white; /* warna huruf hover */
}
/* Akhir sidebar Menu */

Sesuaikan parameter yang saya beri keterangan pada kode di atas dengan template anda lalu simpan. Langkah selanjutnya klik tab Page elements dan tambahkan sebuah gadget lalu pilih HTML/Java script. Beri judul atau title lalu masukkan kode dibawah ini pada kotak script dan simpan.

<div id="navigation">
<ul>
<li><a href="http://eris-agustian.blogspot.com/">Home</a></li>
<li><a href="http://eris-agustian.blogspot.com/">Profil</a></li>
<li><a href="http://eris-agustian.blogspot.com/">Contact</a></li>

<li><a href="http://link seterusnya..">Title..</a></li>

</ul>
</div>

Ganti url dan title sesuai kebutuhan anda. Anda bisa menambahkan daftar menu sesuai keinginan anda cukup dengan menambahkan link dan title seperti contoh di atas. Anda dapat menempatkan widget menu ini sesuai keinginan anda. Simpan dan lihat hasilnya..selamat bereksperimen..

Tips mudik: Membuka Shoutmix dengan ponsel

2009-09-20T09:01:00.001+03:00

Lebaran telah tiba, sebagian dari anda pasti melaksanakan mudik dan harus meninggalkan kegiatan rutin sebagai seorang blogger yaitu mengupdate blog dan blogwalking mengunjungi teman-teman blogger yang lain. Kalau mengupdate blog mungkin dapat dilakukan dengan cara menjadwal posting secara otomatis, namun untuk melakukan blogwalking mungkin akan sedikit sulit. Tapi tahukah anda bahwa ada cara mudah membuka Shoutmix pada blog kita atau pun pada blog orang lain hanya dengan ponsel tanpa perlu membuka blognya. Lumayan untuk sekedar mengecek pesan yang masuk atau untuk menuliskan pesan pada blog teman kita.

Hal yang paling anda perlukan untuk melakukan trik ini tentu anda harus memiliki ponsel yang memiliki fitur gprs sebagai sarana koneksi ke internet. Tapi saat ini hampir semua tipe ponsel sudah mendukung gprs tersebut. Untuk hasil terbaik saya sarankan anda menggunakan Opera mini sebagai browser pada ponsel anda. Yang kedua anda harus mengetahui user ID dari Shoutmix yang akan anda buka. Untuk mengetahui user ID dari Shoutmix sangatlah mudah, bukalah blog yang ingin anda ketahui ID-nya pada PC, lalu sorotkan kursor mouse pada tombol Refresh pada widget Shoutmix yang ingin anda ketahui User ID-nya. Kemudian lihat pada status bar dibawah browser dan catat link yang muncul.

Link yang muncul akan seperti ini www1.shoutmix.com/?userID, nah anda hanya perlu mencatat user ID-nya saja. Untuk menggunakannya, buka browser ponsel dan pilih go to url lalu masukkan alamat www.shoutmix.com/?userID. User ID akan berbeda-beda pada tiap blog, jadi anda perlu mencatat ID shoutmix yang sering anda kunjungi. Sebetulnya trik ini juga berlaku pada browser di PC anda. Bagaimana ada yang tertarik untuk mencoba? Saya tunggu komentar anda...

Daftar blog direktori lokal dan non-lokal

2009-09-17T02:43:00.000+03:00

Pada tulisan sebelumnya yaitu Tips promosi blog untuk meningkatkan trafik terdapat satu poin yang menyarankan anda agar mendaftarkan blog anda ke beberapa blog direktori baik lokal maupun non-lokal. Nah pada tulisan kali ini saya ingin berbagi daftar blog direktori tersebut baik lokal maupun non-lokal yang sebaiknya anda mendaftarkan blog anda.

Dengan mendaftarkan blog anda ke blog direktori, maka mesin pencari seperti Google akan lebih mudah menemukan blog anda sehingga akan meningkatkan trafik blog anda. Memang anda harus meluangkan sedikit waktu anda untuk mendaftar, tapi sekali anda terdaftar maka manfaatnya akan sangat terasa bagi kemajuan blog anda.

Inilah daftar beberapa blog direktori tersebut:

http://indonesia-blogger.com/
http://yuk.ngeblog.web.id/
http://www.topseratus.com/
http://www.blogtoplist.com/
http://www.blogcatalog.com/
http://www.bloghub.com/
http://www.dignow.net/
http://blogs.top.org/
http://www.blogdigger.com/
http://www.blogtopsites.com/
http://topofblogs.com/
http://blog-indonesia.com/
http://feedcat.net/
http://www.bloghints.com/
http://www.bloghub.com/
http://www.dmegs.com/
http://www.bloggingfusion.com/
http://www.totalblogdirectory.com/
http://dir.blogflux.com/
http://www.wilsdomain.com/
http://www.bloggapedia.com/
http://www.bestblogs.org/
http://www.spillbean.com/
http://www.submitblognow.info/
http://blogannounce.info/
http://www.blogarama.com/
http://www.blog-directory.org/
http://portal.eatonweb.com/
http://www.bloglisting.net/
http://www.topblogarea.com/
http://blogs.botw.org/
http://www.blogadr.com/
http://www.bloggernity.com/
http://friend.webkios.info/
http://www.google.com/press/blogs/directory.html
http://www.quickblogdirectory.com/
http://www.domaining.in/Computers/Weblogs/
http://blogville.us/
http://www.search4blogs.com/bloggers/index.php
http://www.blogpoint.com/
http://www.superblogdirectory.com/
http://www.blogrankings.com/
http://www.herblogdirectory.com/
http://www.masternewmedia.org/rss/top55/
http://www.blogdirs.com/
http://www.weblogalot.com/
http://www.blogzoop.com/
http://www.blogged.com/
http://www.bloguniverse.com/
http://www.bloggeries.com/
http://www.blogdirectory.org.uk/
http://www.article99.com/blogs/
http://www.irishblogdirectory.com/
http://www.blogs-collection.com/
http://www.bloglisting.org/
http://www.addurlblog.com/
http://ontoplist.com/
http://topofblogs.com/
http://blogskinny.com/
http://www.blogtoplist.com/
http://blogroll.net/
http://www.blogratedirectory.com/
http://www.blogrankers.com/
http://www.blogupdate.org/
http://www.2-review.com/
http://www.myblog2u.com/
http://www.mynewblog.net/
http://www.blogengage.com/
http://www.lsblogs.com/
http://www.photarium.com/
http://www.britblog.com/
http://dir.yahoo.com/news_and_media/blogs/
http://www.dofollowblogs.com/
http://www.blogscanada.ca/
http://www.gayblogdirectory.com/
http://wikiblogdirectory.com/
http://www.blogsweet.com/
http://www.myblogdirectory.net/
http://www.topbloglists.com/
http://www.blogio.net/
http://www.myblog2u.com/
http://www.blogtagstic.com/
http://www.ablogin.com/
http://www.blogwebdirectory.com/
http://www.conseillemoi.net/
http://www.geoblogdirectory.com/
http://www.delightfulblogs.com/
http://www.blogsbycountry.com/
http://www.photoblogdirectory.net/
http://www.top100bloggers.com/
http://www.expat-blog.com/

Semoga bermanfaat...

Membuat judul posting artikel berjalan

2009-09-13T05:14:00.000+03:00

Kemarin pada saat saya nongkrong di blognya KR, ada salah seorang pengunjung blog yang bertanya bagaimana cara membuat judul posting berjalan. Pada awalnya saya berpikir mustahil bisa dilakukan hanya dengan menggunakan kode marquee, saya pikir mungkin itu hanya dapat dilakukan dengan menggunakan Java script. Tetapi setelah berusaha keras mengutak-atik kode HTML blog saya, akhirnya saya menemukan cara sederhana untuk membuat judul pada posting atau artikel blog berjalan. Hasil yang di dapat seperti anda membuat teks berjalan dengan kode marquee atau seperti judul blog berjalan yang menggunakan Java script.

Baiklah tanpa perlu panjang lebar saya akan memberikan triknya. Seperti biasa pertama login ke Dashboard Blogger anda kemudian klik Layout - Edit HTML. Untuk berjaga-jaga sebaiknya backup dulu template anda, lalu klik pada Expand widget templates dan carilah kode dibawah ini:

<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

Kemudian pasang kode marquee sehingga kode lengkap hasil perubahan akan seperti dibawah ini:

<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<marquee direction='left'><h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3> </marquee>
</b:if>

Teks yang berwarna merah adalah kode yang harus anda tambahkan. Anda dapat merubah arah dengan mengganti kode left menjadi right. Klik tombol Preview untuk melihat hasilnya, jika anda sudah cukup puas silahkan di simpan pekerjaan anda.
Contoh hasil seperti ini :

JUDUL POSTING BLOG ANDA

Bagaimana, mudah bukan? Selamat mencoba..

Membuat widget Headlines dengan slide

2009-09-11T19:40:00.000+03:00

Jika anda perhatikan pada sidebar kanan atas di blog ini terdapat sebuah widget yang saya beri judul Headlines. Sebuah widget sederhana untuk menampilkan artikel-artikel terbaru menggunakan teknologi Ajax yaitu sebuah teknologi yang disediakan oleh Google. Tutorial ini saya dapat dari sebuah blog luar yaitu Blog doctor, namun telah saya modifikasi agar sesuai dengan desain template saya.

Seperti biasa kalau ada hal-hal baru yang saya dapatkan selalu ingin saya share kepada pembaca. Mungkin diantara anda ada yang ingin mencoba untuk memasangnya pada blog kesayangan anda, silahkan teruskan membaca tutorial ini. Berikut langkah pembuatannya:

Langkah awal tentu anda harus Login ke Dashboard Blogger anda, kemudian pilih Layout - Page elements. Tambahkan sebuah gadget baru dan pilih HTML/Java script, lalu masukan kode di bawah ini:

Yang harus anda perhatikan pada kode diatas yaitu adanya AJAX_KEY. AJAX Key adalah kode khusus untuk blog anda, anda dapat mendapatkan kode tersebut disini. Buka link tersebut dan masukan url blog anda lalu klik tombol Generate dan copy AJAX Key yang dihasilkan dan masukkan pada kode diatas. Ganti blog-anda.blogspot.com dengan nama blog anda. Aturlah lebar dari widget agar sesuai dengan lebar sidebar template anda dengan mengganti nilai pada kode width:464px; . Simpan widget anda dan lihat hasilnya..

Catatan : Anda dapat menampilkan semua posting pada widget ini dengan mengubah nilai feed pada kode diatas.

UPDATE : Jika kode diatas tidak bekerja silahkan anda download script asli yang saya pakai, dan ubah beberapa parameter seperti diatas. Silahkan download scriptnya DISINI

Modifikasi tampilan widget Mybloglog

2009-09-07T11:04:00.000+03:00

Masalah modifikasi pada blog memang tidak pernah ada habis-habisnya, selalu ada saja hal-hal unik dan menarik untuk dicoba. Salah satu modifikasi kali ini yaitu pada widget Mybloglog. Standarnya widget Mybloglog ini berwarna hijau, hitam, atau biru dengan bentuk kotak dan rounded pada sudut-sudutnya. Namun sebetulnya masih dapat di modifikasi seperti yang anda bisa lihat pada sidebar kanan bawah blog ini.

Tanpa basa-basi lagi mari kita menuju ke trik modifikasinya. Yang perlu anda perhatikan disini adalah Mybloglog ID. Anda harus menyimpan Mybloglog ID lama anda sebelum mulai modifikasi, karena ID ini akan tetap digunakan pada widget yang baru. Lalu bagaimana cara mengetahui Mybloglog ID anda, perhatikan kode asli dari Mybloglog seperti berikut ini:

Kode yang berwarna merah diatas adalah Mybloglog ID anda, simpan baik-baik atau lebih mudahnya copy seluruh kode Mybloglog anda dan simpan dengan notepad. Sekarang kita mulai modifikasi, ganti kode lama anda dengan kode dibawah ini:

Pastikan Mybloglog ID yang berwarna merah pada kode yang baru sama dengan kode lama anda, anda dapat menyesuaikan lebar widget dengan mengubah nilai c_width=210 dan jumlah kolom dengan mengubah nilai c_rows=3. Sekarang tinggal simpan dan lihat hasilnya, selamat mencoba..

ColorPic, Software kode warna HTML gratis

2009-09-02T10:59:00.000+03:00

Dunia blogging tidak akan pernah lepas dari kode-kode warna, baik itu untuk mengatur warna huruf, warna background, dan semua elemen warna pada halaman blog atau website pasti akan membutuhkan kode warna HTML untuk menampilkannya. Banyak situs yang menyediakan kode warna HTML secara online, namun akan repot jika setiap kita membutuhkan kode warna harus membuka sebuah situs. Terkadang juga ada kelemahan dari kode warna online yaitu hasil dari kode yang diterapkan tidak sesuai dengan yang diinginkan.

Di posting terdahulu saya pernah menulis tentang membuat background widget warna-warni, dan juga cara baru membuat link hover cantik yang membutuhkan kode warna HTML dalam penerapannya. Untuk kebutuhan tersebut saya akan memberikan tool atau software gratis yang berfungsi untuk menemukan kode HTML dari warna yang kita inginkan. Software tersebut yaitu ColorPic yang dapat di download secara gratis disini

Kelebihan utama tool ini yaitu berfungsi untuk mengetahui kode warna apapun yang tampil pada layar monitor, baik pada halaman web maupun halaman desktop komputer itu sendiri. Jadi jika suatu saat anda melihat warna yang menarik dan ingin mengetahui kode warna HTMLnya, maka gunakan saja tool ini untuk menampilkan kode warnanya. Berikut screenshoot dari ColorPic:

Cara menggunakan software ini pun sangat mudah, setelah di download silahkan di ekstrak terlebih dahulu menggunakan Winrar dan lakukan installasi pada komputer, jalankan tool ini lalu klik pada kotak warna di bagian atas dan gerakan kursor mouse pada warna yang ingin diketahui kodenya. Kode warna akan tampil pada kotak kode di bawahnya, anda dapat menyimpannya dengan cara menekan tombol Ctrl + G pada keyboard sehingga anda dapat menggunakannya kapan saja. Demikian semoga bermanfaat…

Membuat pesan pembuka dan penutup pada blog

2009-08-30T22:03:00.000+03:00

Anda tentu sering menemukan saat membuka sebuah blog kemudian tampil sebuah pesan pada layar baik itu ucapan selamat datang ataupun hanya sekedar pesan dari pemilik blog. Mungkin sebagian dari anda akan mengatakan bahwa trik ini sudah cukup basi, tapi tidak ada salahnya kalau saya tulis kembali sekedar untuk catatan pribadi dan mungkin akan bermanfaat bagi anda yang belum tahu cara membuatnya.

Lalu bagaimana triknya, ikuti saja langkah-langkah berikut:
Login ke akun Blogger anda, klik Layout-Edit HTML lalu pada bagian atas cari kode <head> dan masukan script berikut ini dibawahnya.

Ada ucapan selamat datang pasti ada ucapan selamat tinggal, lalu bagaimana menampilkan pesan jika halaman blog ditutup untuk meninggalkan pesan bagi pengunjung, berikut triknya:

Masih dalam mode Edit HTML dan dengan cara yang sama seperti diatas hanya scriptnya yang berbeda, masukan script berikut dibawah kode <head> atau dibawah script pesan pembuka tadi.

Text yang berwarna merah bisa anda ganti sesuai keinginan anda, lik pratinjau atau preview sebelum menyimpannya. Kalau anda sudah berhasil, silahkan di simpan pekerjaan anda. Bagaimana, mudah bukan? Anda cukup menambahkan sedikit kode Java script pada halaman blog anda dan anda sudah tampil beda. Selamat mencoba..

Solusi template blog berantakan pada Internet Explorer

2009-08-29T21:42:00.000+03:00

Beberapa waktu yang lalu saya pernah memposting tentang alasan perlunya browser IE dan Firefox, saat itu saya dipusingkan dengan tampilan blog saya yang berbeda pada browser IE. Hal ini juga mungkin sering dialami oleh para blogger yang senang mengutak-atik desain templatenya. Terkadang saya malah menjumpai sebuah blog yang menuliskan "for Firefox only" pada halaman blognya. Setelah beberapa lama mempelajari kembali struktur template akhirnya saya menemukan solusi untuk masalah tersebut. Seperti dibahas sebelumnya bahwa ternyata ada perbedaan margin antara Firefox dan IE, misalkan kita mengatur margin kiri dari main-wrapper sebesar 10px, jika dilihat pada browser IE malah margin kiri dari main-wrapper tersebut jadi 20px sementara pada Firefox dan beberapa browser lainnya normal. Hal ini memang tidak terjadi pada semua template, tapi setidaknya itulah yang terjadi pada template saya waktu itu.

Lalu bagaimana solusinya, ternyata cukup dengan menambahkan sedikit kode pada bagian CSS yang mengatur main-wrapper dan sidebar wrapper yaitu kode display:inline; misal kode awal seperti ini:

#main-wrapper {
Float : left;
Width:450px;
Margin-left : 10px;
…….
…….
…….
Word-wrap:break-word;
Overflow:hidden;
}

Tambahkan kode display:inline; sehingga menjadi seperti ini:

#main-wrapper {
Float : left;
Width : 450px;
Margin-left : 10px;
…….
…….
…….
Display : inline;
Word-wrap:break-word;
Overflow:hidden;
}

Begitu juga dengan bagian sidebar-wrappernya menjadi seperti ini:

#sidebarkiri-wrapper {
Float : left;
Width : 200px;
Margin-left : 10 px;
……
……
……
Display : inline;
Word-wrap : break-word;
Overflow : hidden;

Kode display : inline; tersebut ternyata berfungsi untuk mencegah terjadinya double margin pada Internet Explorer sehingga dengan menambahkan kode tersebut hasil pengaturan margin akan sama baik pada IE maupun Firefox. Anda dapat melihat hasilnya pada template saya, karena sebelumnya saya sedikit mengurangi margin kiri karena saya belum menemukan solusinya, tapi sekarang saya membuat margin kiri maupun kanan dengan nilai sama dan hasilnya sangat memuaskan. Nah untuk para template modder semoga hal ini dapat membantu anda dalam berkreasi tanpa perlu khawatir template anda berantakan. Semoga bermanfaat..

Membuat slideshow foto dengan Google Picasa

2009-08-26T00:04:00.000+03:00

Jika anda mempunyai koleksi foto dan anda senang memajangnya, mungkin ada baiknya anda membuat sebuah widget slideshow untuk menampilkan foto-foto anda. Untuk melakukan hal tersebut tidaklah sulit, anda tidak perlu berurusan dengan kode-kode HTML maupun Javascript. Yang anda harus lakukan adalah mengupload foto-foto yang akan ditampilkan ke internet, untuk itu gunakan saja akun Google anda untuk menggunakan layanan dari Google Picasa.

Pertama-tama bukalah http://picasaweb.google.com, lalu login dengan akun Gmail anda. Kemudian klik tombol Upload di sebelah atas sehingga muncul jendela seperti berikut:

(klik gambar untuk memperbesar)

Kemudian klik pada Create a new album dan akan muncul jendela seperti berikut:

Beri nama album sesuai keinginan anda, anda dapat pula mengisi description untuk memberi penjelasan tentang album foto tersebut. Pada bagian bawah pilih opsi public, lalu klik Continue sehingga muncul jendela upload seperti berikut:

Klik pada tombol Choose file untuk memasukkan file yang akan di upload. Anda dapat mengupload 5 buah foto sekaligus. Setelah selesai mengupload semua foto yang akan ditampilkan, kemudian buka jendela browser baru dan login ke Dashboard Blogger anda lalu pilih Layout-Page elements. Tambahkan sebuah gadget baru dan pilih Slideshow dari daftar gadget yang ada sehingga muncul jendela seperti berikut:

Ganti title sesuai selera, dan pilih album pada bagian Option kemudian masukan username dari akun Google atau Gmail anda seperti pada contoh gambar diatas sampai muncul nama album foto yang telah anda buat tadi pada kotak album. Pilih album yang akan ditampilkan dari list album jika anda memiliki banyak album kemudian klik tombol Save. Sampai disini anda sudah dapat menampilkan foto-foto anda pada blog kesayangan anda. Selamat mencoba..

Tips promosi blog untuk meningkatkan trafik

2009-08-21T16:18:00.000+03:00

Dalam dunia blogging, promosi blog merupakan suatu hal yang mutlak harus dilakukan. Hal ini tentu agar blog anda dikenal luas oleh pengguna internet ataupun agar cepat terindeks di search engine. Memang melakukan promosi blog merupakan hal yang sedikit merepotkan, tapi mau tidak mau harus dilakukan jika anda ingin trafik yang masuk ke blog anda tinggi. Berikut ini saya akan memberikan tips-tips bagaimana cara mempromosikan blog berdasarkan pengalaman saya sendiri.

Submit blog ke beberapa search engine
Beberapa search engine besar yang saya rekomendasikan yaitu Google, Yahoo, MSN, dan Bing. Berikut cara melakukan submit ke search engine tersebut.

Google : buka url www.google.com/addurl, lalu masukkan alamat blog dan isi kode verifikasi dan klik tombol add url.
Yahoo : buka url https://siteexplorer.search.yahoo.com/submit , lalu masukkan url blog dan juga url feed . Untuk url feed masukan saja http://namablog.blogspot.com/atom.xml
MSN : buka url http://search.msn.com/docs/submit.aspx?FORM=WSDD2, lalu masukkan url blog.
Bing : http://www.bing.com/docs/submit.aspx, lalu masukkan url blog anda.

Ada cara yang lebih praktis untuk mendaftarkan blog ke beberapa search engine sekaligus yaitu menggunakan web auto submission diantaranya yaitu www.mypagerank.com dan http://automatic-blog-submission.qarchive.org

Daftarkan blog ke beberapa Blog Directory
Ada banyak sekali blog directory baik lokal maupun dari luar. Namun beberapa yang paling terkenal adalah www.technorati.com, www.mybloglog.com, www.digg.com, www.blogdigger.com, www.del.icio.us, dll.

Lakukan ping setiap mengupdate blog
Jika telah melakukan submit ke search engine, maka dalam beberapa saat blog akan terindeks di search engine. Ping berfungsi untuk memberi tahu kepada search engine bahwa telah melakukan update pada blog . Agar lebih praktis gunakan saja layanan ping otomatis sehingga dapat langsung melakukan ping ke beberapa search engine sekaligus. Berikut beberapa layanan ping otomatis, http://mypagerank.net, www.technorati.com, www.pingomatic.com, www.pingoat.com, www.autopinger.com, dll. Lakukan ping hanya setiap mengupdate blog , karena jika melakukan ping berulang-ulang maka akan dianggap spam.

Bertukar link atau banner
Bertukar link atau banner juga berpengaruh pada trafik blog , karena semakin banyak link ke blog maka akan semakin mudah bagi search engine untuk menemukan blog .

Memberi komentar pada blog lain
Memberikan komentar adalah cara paling ampuh untuk promosi blog. Jangan malas untuk memberikan komentar pada blog lain terutama blog-blog yang mempunya traffic tinggi. pun dapat menggunakan fasilitas shoutbox untuk saling berkomunikasi dan mempromosikan blog namun kekurangannya shoutbox tidak akan memberikan backlink seperti pada kotak komentar.

Itulah beberapa tips untuk meningkatkan trafik blog berdasarkan pengalaman saya, tentu masih banyak cara yang saya sendiri belum ketahui karena saya pun termasuk pemula dalam dunia blogging. Tapi setelah saya melakukan hal-hal diatas, saya melihat perkembangan trafik yang terus meningkat pada rank alexa saya. Semoga bermanfaat..

Relakah tulisan anda di copy paste?

2009-08-18T16:19:00.000+03:00

Hari ini saya betul-betul kecewa karena secara tidak sengaja saat saya browsing saya menemukan satu tulisan di sebuah blog yang sudah tidak asing lagi bagi saya karena memang tulisan itu saya yang membuat. Yang lebih kecewa lagi ketika saya browse lebih dalam ternyata hampir semua tulisan saya di blog ini ada disana tanpa satu pun yang mencantumkan link url blog saya sebagai referensinya. Lebih heran lagi di blog tersebut memuat tulisan saya yang berjudul Tips agar blog disenangi pengunjung yang salah satu pointnya menjelaskan agar tidak boleh asal copy paste. Nah lho??

Kerugian yang saya dapatkan tentu saja ada, setelah saya cek keyword saya di google ternyata ada beberapa yang kalah posisi, misalkan jika anda mengetikkan membuat background widget warna-warni pada google search maka posisi blog saya justru dibawah blog yang mengcopas tersebut.

Beberapa tulisan saya yang di copas oleh blog tersebut yaitu:

http://sikasyik.wordpress.com/2009/07/13/tips-agar-blog-anda-disenangi-pengunjung/
http://sikasyik.wordpress.com/2009/08/12/jadikan-ponsel-sebagai-modem-pc/
http://sikasyik.wordpress.com/2009/08/10/cara-menampilkan-falling-hearts-di-blog/
http://sikasyik.wordpress.com/2009/08/02/scrollover-cara-baru-membuat-efek-link- hover/
http://sikasyik.wordpress.com/2009/08/06/trik-membackup-seluruh-isi-blogwebsite/
http://sikasyik.wordpress.com/2009/08/01/pertolongan-pertama-jika-ponsel-terkena-air/
http://sikasyik.wordpress.com/2009/07/30/membuat-background-widget-warna-warni/
dan juga beberapa lainnya.

Kalo hanya satu atau dua artikel yang di copy paste mungkin tidak akan begitu kecewa, tapi kalau semua tips blogging yang saya tulis di copas anda pasti bisa membayangkan bagaimana kecewanya saya. Itulah yang membuat seorang blogger merasa malas untuk menulis lagi, hal-hal seperti itu yang akan membunuh kreatifitas seorang blogger. Atau mungkin tulisan ini pun akan di copas juga?? Keterlaluan!!!

Saya memang menulis untuk tujuan berbagi atau sharing apa yang saya ketahui, tapi tentu saja bukan untuk di copy-paste secara gila-gilaan seperti itu. Jadi untuk rekan-rekan blogger , saya tidak melarang anda mengcopy tulisan saya dengan syarat minimal mencantumkan link ke blog saya. Saya berharap mudah-mudahan blogger tersebut segera memahami kekeliruannya.

Saya ingin meminta pendapat rekan-rekan tentang hal ini, bagaimana menurut anda?. Pantaskah seorang blogger sejati melakukan asal copas seperti itu? Dan salahkah kalau saya begitu kecewa? Lalu apa yang harus saya lakukan selanjutnya. Saya tunggu komentar anda..

Membuat rolling banner dan link

2009-08-14T19:16:00.000+03:00

Sebagai blogger sejati tentunya kita senang untuk bertukar link maupun banner karena selain bisa meningkatkan traffic blog juga kita akan lebih mudah untuk mengunjungi rekan blogger yang lain dari blog kita. Masalah yang timbul jika kita banner atau link sudah terlalu banyak yaitu ketersediaan space atau ruang untuk menyimpan banner-banner atau link tersebut. Ada beberapa solusi untuk menghemat space blog kita diantaranya dengan membuat widget yang dilengkapi scroll box ataupun dengan membuat rolling banner/link. Rolling yang saya maksud yaitu seperti yang anda lihat di blog ini, banner dibuat berputar dari bawah ke atas atau sebaliknya tergantung selera kita. Selain menghemat space juga terlihat lebih atraktif dan lebih cantik.

Teknik pembuatannya pun terbilang cukup sederhana yaitu dengan memanfaatkan kode dari teks berjalan atau marquee. Anda dapat berimprovisasi tidak hanya untuk banner saja, anda bisa juga membuat slide foto atau untuk memajang award dan sebagainya.

Langkah pertama seperti biasa silahkan login ke Dashboard Blogger anda dan pilih Layout – Page Elements. Tambahkan sebuah gadget dan pilih HTML/Java script, isi title sesuai selera dan masukkan script berikut:

Untuk link biasa tanpa banner

<marquee
bgcolor="#E7E7E7" direction="up" onmouseover="this.stop()" scrollamount="1" onmouseout="this.start()" height="250px">
<center>

<li><a href="http://linktujuan.com " target="_blank">Title link</a></li>

<li><a href="http://linktujuan2.com" target="_blank">title link2</a></li>

<li><a href="http://linktujuan3.com" target="_blank">title link3</a></li>

Link ke-4..

dan seterusnyaâ..

</center>
</marquee>

Untuk banner atau slideshow foto:

<marquee
bgcolor="#E7E7E7" direction="up" onmouseover="this.stop()" scrollamount="1" onmouseout="this.start()" height="250px">
<center>

<a href="http:/urltujuan.com" target="_blank"><img border="0" src="http://url-image-banner.com"/></a>

<a href="http:/urltujuan2.com" target="_blank"><img border="0" src="http://url-image-banner2.com"/></a>

Kode banner ke-3

Kode banner ke-4
...
...
dan seterusnya...
</center>
</marquee>

Ganti link tujuan dan title dengan link anda. Untuk banner anda tinggal mengcopy kode banner teman anda dan masukkan seperti kode diatas. Anda bisa mengganti warna background dengan mengganti kode warna pada bgcolor=”E7E7E7” dan untuk mengubah tinggi widget ganti nilai pada kode height=”250px” kemudian simpan. Atau jika ingin warna backgroundnya sama dengan template tinggal hapus saja kode tersebut. Agar terlihat lebih bagus anda sebaiknya menambahkan border pada widget yang anda buat. Namun untuk menambah border ini anda harus menambahkan kode CSS pada template anda. Caranya anda harus mengetahui widget ID dari widget yang baru saja anda buat. Untuk lebih jelas tentang widget ID silahkan baca kembali artikel sebelumnya yaitu Membuat background widget warna-warni. Klik tab Edit HTML lalu tambahkan kode berikut tepat diatas kode ]]></b:skin> :

#HTMLxx {
Border : dotted 1px;
}

HTMLxx adalah widget ID yang harus anda sesuaikan dengan widget yang baru dibuat. Sampai disini anda sudah dapat membuat rolling banner ataupun link, jika ada kesulitan silahkan kontak saya lewat email, kotak komentar, atau shoutbox. Selamat mencoba..

Menghilangkan Word Verification pada kotak komentar

2009-08-09T18:21:00.000+03:00

Word Verification atau verifikasi kata yang saya maksud disini yaitu sebuah kode pengaman pada saat pengunjung menuliskan komentar pada sebuah blog. Kenapa sih harus ada Word Verification, hal ini dimaksudkan untuk menghindari tindakan spammer yang dapat menuliskan komentar secara otomatis dan berulang-ulang. Namun dibalik manfaatnya sebagai pengaman, ternyata ada efek buruk terhadap blog kita jika memasang kode verifikasi tersebut yaitu beberapa pengunjung malas memberikan komentar dengan alasan ribet dan makan bandwith.

Sebetulnya ini sebuah pilihan, apakah kita ingin memakai Word Verification untuk keamanan atau menghilangkannya untuk menjaring komentar pengunjung. Mana yang anda pilih tentu pilihan itu ditangan anda. Secara default seting dari blogger sendiri adalah aktif. Namun anda tentu dapat menonaktifkan atau menghilangkan kode verifikasi ini dengan mudah. Bagaimana caranya? Ikuti langkah-langkah berikut.

Login ke Dashboard Blogger anda, pilih Setting -> Comments tab lalu scroll kebawah dan cari Show word ferification for comments lalu pilih No.

Save seting anda dan lihat hasilnya. Untuk selanjutnya terserah anda, apakah ingin menggunakan Word Verification atau tidak. Saya sendiri lebih suka untuk tidak menggunakannya. Semoga bermanfaat.
(Posted by: Eris Agustian)

Mengatur perataan widget pada sidebar

2009-08-06T18:22:00.000+03:00

Semua blogger pasti menginginkan tampilan yang terbaik untuk blognya, namun mungkin tidak semua blogger tahu bagaimana mengatur tampilan terutama widget pada sidebar agar lebih kelihatan rapi. Karena saya sering melihat beberapa blogger yang mungkin masih belum memahami teknik perataan elemen widget pada sidebar sehingga widget-widget tersebut terlihat acak-acakan. Sebagai contoh jika memasang kumpulan banner pada sidebar, masih ada beberapa blogger yang menempatkannya secara asal tanpa estetika yang baik. Padahal jika disusun secara baik tentu akan memberi nilai lebih pada blog yang bersangkutan.

Tips saya kali ini khusus untuk blogger pemula yaitu tips mengatur perataan widget pada sidebar. Untuk blogger senior tentu ini bukan masalah karena memang tekniknya sangat sederhana.

Mengatur perataan title/judul sidebar

Untuk mengatur perataan title atau judul sidebar silahkan login ke blogger dan pilih Layout-Edit HTML. setelah itu cari kode berikut:

#sidebar-wrapper {
text-align:center;
}

Ganti center dengan left jika ingin rata kiri, right untuk rata kanan dan center untuk rata tengah. Kadang setiap template memiliki kode sidebar yang berbeda, jika tidak menemukan kode seperti diatas maka anda dapat mencari kode-kode berikut:

#sidebar-wrap
#sidebar
#side
.sidebar

Mengatur perataan widget

Untuk widget secara default akan rata kiri, anda dapat mengatur agar rata tengah dengan mudah tanpa perlu mengedit HTML, anda cukup menambahkan kode <center> diawal kode widget sidebar anda dan diakhiri kode </center> diakhir kode. Contoh kode untuk membuat banner rata tengah seperti ini:

Maka hasilnya banner anda akan berada tepat di tengah sidebar. Untuk widget yang lain triknya sama, ada cukup menambahkan kode seperti diatas. Sangat mudah bukan?
(Posted by: Eris Agustian)

Scrollover, cara baru membuat efek link hover

2009-08-02T19:18:00.000+03:00

Buat anda yang sudah tidak sabar menunggu trik yang saya janjikan di posting sebelumnya yaitu Trik baru membuat link hover cantik, maka pada posting kali ini saya akan memberikan trik tersebut. Sebetulnya ada beberapa macam dekorasi link ini dan pasti sudah banyak yang tahu, diantaranya ada efek blink, rainbow atau berganti-ganti warna, berubah warna apabila di sorot kursor mouse, berubah huruf dan lain-lain. Perbedaan dari scrollover ini yaitu sebuah link akan bergulung dari atas kebawah sekaligus berganti warna. Untuk warna anda dapat menyesuaikan sendiri sesuai dengan keinginan anda.
Lalu bagaimana triknya? Silahkan ikuti langkah-langkah berikut:

Login ke dashboard blogger anda, lanjutkan dengan klik Layout – Edit HTML. Jangan lupa untuk membackup template anda sebelum melakukan perubahan pada kode HTMLnya.
Cari kode <head> pertama pada template dan tambahkan kode berikut dibawahnya:

Setelah itu cari kode ]]></b:skin> dan tambahkan kode berikut diatasnya:

<style>
a.scrollover {
/* Warna pertama */
color: #557AFF;
}
a.scrollover em:first-line {
/* Warna kedua */
color: #FF5B3C;
}
</style>

Contoh hasilnya seperti ini : HOME

Sesuaikan warna dengan selera anda. Untuk kode-kode warna dapat dilihat disini. Setelah anda menambahkan kode-kode diatas pada template anda, sekarang anda sudah dapat menggunakan efek scrollover tersebut. Jika anda membuat link biasa baik dalam posting atau membuat daftar link di sidebar dengan menggunakan HTML/Java script maka kodenya akan seperti ini:

Dan jika anda ingin menggunakan efek scrollover maka kodenya seperti ini:

Sebetulnya efeknya masih bisa diatur misalkan anda ingin mengatur kecepatan scroll ataupun arah scrollnya, tapi mungkin akan sedikit rumit karena anda harus mendownload scriptnya lalu mengedit dan mengupload kembali ke hosting anda sendiri. Untuk itu saya tidak akan menjelaskannya. Jika anda tidak berhasil atau ada masalah silahkan kontak saya baik melalui komentar ataupun shoutbox, selamat mencoba..

Update : Setelah saya cek dengan Internet Explorer ternyata trik ini tidak bekerja. Untuk Firefox dan Chrome tidak ada masalah

Trik baru membuat link hover cantik

2009-08-01T10:32:00.000+03:00

Saat saya berkeliling dunia maya bersama mBah Google (bukan mbah Surip ya..) saya menemukan trik baru untuk membuat link hover yang sangat cantik. Anda bisa melihat contoh link hover tersebut dengan cara mengarahkan kursor mouse pada tek dibawah ini, tapi pastikan anda telah selesai loading halaman blog ini seluruhnya:

TES HOVER DISINI

Anda bisa menggunakan efek hover ini pada link dalam postingan anda atau bisa juga digunakan pada widget link di sidebar. Menurut saya sendiri hasilnya sungguh luar biasa, dan saya belum pernah menemukan blogger yang memposting tentang link hover ini.

Namun sebelum saya posting trik ini, saya ingin tahu dulu bagaimana menurut pendapat anda link hover ini dan berapa banyak sobat-sobat blogger yang ingin tahu trik ini. untuk itu silahkan berikan komentar diakhir postingan, dan saya akan posting trik ini setelah ada minimal 20 komentar dari pengunjung yang berbeda (hehe..ko gitu ya??). Jadi satu pengunjung dihitung 1 komentar, dan anda dimohon jangan melakukan spamming. Ayo cepetan komentar biar cepet di posting triknya..

Tips agar blog anda disenangi pengunjung

2009-07-30T10:46:00.000+03:00

Sebagai pemilik blog tentu kita ingin blog kita dikunjungi banyak banyak orang. Ini berkaitan dengan traffic dan pagerank kita tentunya. Jika anda mendapatkan traffic pengunjung yang tinggi tentu akan menaikan pagerank dan akan lebih mudah mendapatkan job-job iklan jika anda melakukan online bisnis. Lalu kenapa ada blog yang disenangi pengunjung dan ada juga yang tidak disenangi. Apa saja yang yang harus kita lakukan agar pengunjung tidak merasa kapok mengunjungi blog atau website kita. Memang dengan melakukan trik-trik SEO secara maksimal mungkin akan mudah untuk mendapatkan traffic tinggi, tapi apakah hanya traffic saja yang kita kejar?

Lalu hal apa saja yang perlu kita perhatikan agar blog kita disenangi pengunjung, berikut hal-hal yang menurut saya penting untuk diperhatikan:

Penampilan
Penampilan sebuah blog tentu akan sangat berpengaruh pada jumlah pengunjung. Terlepas dari keinginan kita mendesain secara maksimal, yang paling penting adalah bagaimana agar informasi yang kita sajikan enak untuk dibaca pengunjung. Background template yang berwarna cerah tentu akan lebih di sukai daripada yang yang berwarna gelap. Susun elemen-elemen halaman secara rapi dan jangan terlalu banyak pernak-pernik yang kurang perlu karena selain akan membuat loading page menjadi lebih lama, belum tentu juga pengunjung menyukainya.

Berpikirlah sebagai pengunjung
Jika anda seorang pengunjung blog, apa yang anda inginkan dari blog yang anda kunjungi. Tentu anda ingin loading page yang cepat dan informasi yang enak dibaca. Jadi berpikirlah anda sebagai seorang pengunjung saat anda mendesain blog anda.

Sajikan konten informasi yang bermanfaat
Konten atau isi dari sebuah blog adalah hal yang paling utama, karena pengunjung blog anda akan ketagihan untuk selalu mengunjungi blog anda jika informasi yang anda berikan bermanfaat. Gunakan bahasa yang baik pada posting anda, dan jangan membuat posting yang terlalu panjang.

Be original
Hindari kebiasaan copy paste dalam membuat artikel atau posting anda. Kalau pun terpaksa copy paste, lakukan editing semampu anda karena konten yang original tentu akan lebih disukai.

Perhatikan kecepatan loading page anda
Pernahkah anda meninggalkan sebuah halaman web atau blog sebelum halaman tersebut terbuka seluruhnya? Pasti semua pernah mengalami. Kenapa demikian, mungkin selain isi dari blog yang kita buka tidak sesuai dengan yang kita harapkan, juga karena lamanya waktu load dari halaman yang bersangkutan. Untuk itu perhatikan kecepatan loading blog anda. Buang script yang tidak terlalu penting, kurangi animasi dan gambar pada halaman blog anda. Ada beberapa tool gratis yang bisa anda gunakan untuk melakukan tes kecepatan halaman blog anda diantaranya www.selfseo.com.

Update secara rutin blog anda
Lakukan update minimal 2 minggu sekali, karena blog yang jarang di update lama-lama akan ditinggalkan oleh pengunjungnya.

Interaksi dengan pengunjung
Lakukan interaksi dengan pengunjung memanfaatkan shoutbox dan kotak komentar. Jawablah pertanyaan-pertanyaan dari pengunjung pada kotak komentar blog anda.

Itulah bebarapa hal penting menurut pengamatan saya. Tentu masih banyak hal-hal lainnya yang tidak bisa saya sebutkan semua karena akan terlalu panjang. Jika ada yang mau menambahkan ataupun mengkoreksi, silahkan isi kotak komentar dibawah. Happy blogging..

Alasan perlunya browser IE dan Firefox

2009-07-30T10:25:00.000+03:00

Ini adalah pengalaman pribadi saya, kemarin secara tidak sengaja saya membuka blog saya di komputer milik teman dengan menggunakan browser Internet Explorer (IE). Betapa kagetnya saya setelah melihat tampilan blog saya ternyata berantakan. Semua widget berada di sidebar kanan dan sidebar kiri menghilang, padahal jika dibuka dengan Firefox, saya memiliki dua buah sidebar dan saya meletakkan widget-widget dalam dua sidebar tersebut. Begitu saya buka kembali blog saya dengan browser Firefox, ternyata baik-baik saja. Saya pun bertanya ada apa gerangan? Kemudian saya coba bertanya ke mbah Google, dan saya menemukan banyak sekali kasus yang sama seperti yang saya alami. Sebelumnya memang blog saya tidak ada masalah baik dibuka dengan IE, Firefox, atau Google Chrome.

Lalu saya teringat beberapa hari yang lalu saya menambahkan sebuah kolom diatas sidebar yang saya gunakan untuk menampilkan recent post. Kemudian saya telusuri kembali kode-kode CSS pada template saya dan mencoba melakukan sedikit perubahan pada margin kiri dan kanan dari kolom-kolomnya.

Akhirnya terjawab sudah pertanyaan saya, ternyata seting margin yang sama akan menampilkan hasil yang berbeda antara browser Firefox dan IE. Jika pada IE sudah sempurna belum tentu pada Firefox begitupun sebaliknya. Namun karena saya sendiri pun masih awam dengan kode-kode CSS maupun HTML, template saya pun tidak bisa ditampilkan sempurna pada kedua browser tersebut. Karena saya lebih suka menggunakan Firefox, akhirnya saya memilih untuk mendapatkan tampilan terbaik untuk Firefox tapi masih bisa dibuka normal dengan IE meskipun tidak maksimal.

Ada pelajaran yang saya dapatkan dari kasus tersebut yaitu untuk selalu menggunakan kedua browser tersebut pada saat mengedit template. Lakukan preview dengan IE dan Firefox setelah menyimpan hasil editing untuk menghindari hasil yang tidak diinginkan.

Jadi bagi anda yang mengalami hal yang sama dengan saya, cobalah untuk melakukan sedikit perubahan pada margin kiri atau kanan dari kolom sidebar maupun kolom posting. Ganti nilai margin sedikit lebih kecil dari sebelumnya, lakukan satu-satu dari mulai kolom posting atau main-wrapper dan lihat hasilnya. Jangan merubah semua margin sekaligus untuk menghindari kesalahan. Semoga bermanfaat..

Multilevel Award, sebuah trend baru dunia blogging

2009-07-29T17:44:00.000+03:00

Setelah beberapa lama berkeliling ke blog-blog lokal Indonesia. Saya menemukan banyak sekali blogger yang memberikan award kepada blogger lainnya. Award tentu diberikan sebagai tanda penghargaan atas karya-karya seorang blogger. Namun jika kita perhatikan, saat ini terdapat beberapa Award dengan sistem baru yaitu multilevel backlink award. Apakah ini menjadi trend baru di dunia blogging? Namun ada sisi menarik dari system ini yaitu sistem multilevel yang memungkinkan pemberi award mendapatkan backlink yang sangat banyak.

Beberapa hari yang lalu saya pun menerima award dari seorang rekan blogger yaitu kang eNes dari SC Community dengan nama Detective Conan Award. Award ini pun termasuk multilevel backlink award. Saya sebetulnya merasa masih terlalu dini untuk mendapat Award ini karena saya mengenal blog pun baru satu bulan. Tapi sebagai amanat yang harus di sampaikan, mau tidak mau harus saya posting dan saya teruskan award ini kepada rekan blogger yang lainnya.
Dalam ilustrasinya yang digambarkan, hitung-hitungan backlink tersebut nampak sebagai berikut:

Posisi anda (yang diberi Award) 10, jumlah backlink = 1
Posisi 9, jml backlink = 5
Posisi 8, jml backlink = 25
Posisi 7, jml backlink = 125
Posisi 6, jml backlink = 625
Posisi 5, jml backlink = 3,125
Posisi 4, jml backlink = 15,625
Posisi 3, jml backlink = 78,125
Posisi 2, jml backlink = 390,625
Posisi 1, jml backlink = 1,953,125

Aturan main multi level backlink award
Detective Conan Award ini ternyata memiliki aturan main tersendiri, yaitu:
Pertama, penerima Award harus berbagi Award kepada 10 blog yang dianggap layak untuk menerima Award tersebut.
Kedua, penerima Award dengan sendirinya menjadi “Peserta Pemberi Award” yang berada pada posisi 10 setelah menghapus posisi ke 4, dan menaikkan posisi 5 ke posisi 4, posisi 6 ke posisi 5, posisi 7 ke posisi 6, dan seterusnya..
Ketiga, penerima Award harus menulis ulang setiap nama berikut link “Peserta Pemberi Award”.

Daftar Peserta Pemberi Detective Conan Award itu adalah:
1. Facebook
2. Friendster
3. Google
4. Rangga
5. Ferdi Fauzan
6. Yuliani 89
7. Hafizu
8. Rahmat
9. SC Community
10. Digital Life

Jadi anda harus menghapus saudara Rangga sehingga posisi menjadi naik dan anda akan ada di posisi 10.

Sesuai aturan main tersebut maka saya pun akan memberikan award itu kepada 10 orang rekan blogger yaitu:
1. Video Asik
2. Ivan
3. Fun & Technology
4. Yeyen Markoyen
5. Reza
6. Fajar Design
7. Fauzi
8. Riski
9. Lisung
10. Sastra Radio

Nah, bagi anda yang terpilih menerima Detective Conan Award ini diharapkan bersedia mengambilnya. Untuk gambarnya bisa anda download di sini.

Pertolongan Pertama Jika Ponsel Terkena Air

2009-07-27T18:10:00.000+03:00

Ponsel kemasukan air pasti pernah dialami hampir oleh semua orang. Apalagi di musim hujan tentu hal ini sering dialami. Tidak banyak yang selamat jika ponsel sudah kemasukan air apalagi jika sampai terendam. Namun tahu kah anda bahwa jika anda melakukan pertolongan pertama dengan tepat, maka kemungkinan besar ponsel anda selamat. Jangan senang dulu jika setelah terendam air ponsel anda tetap hidup, karena biasanya setelah beberapa hari akan mengalami gangguan. Lalu apa saja yang harus dilakukan untuk melakukan pertolongan pertama pada ponsel terkena air ini? Cobalah langkah-langkah berikut ini:

Lepaskan segera baterai ponsel, keringkan jika terdapat air dan jangan dulu di pasang lagi.
Buka casing ponsel, jika anda memiliki obeng khusus ponsel, buka back covernya.
Jika anda membuka seluruh back covernya, cuci rangkaian dengan thinner atau alkohol. Gunakan sikat gigi halus atau kuas kecil.
Keringkan, caranyaa bisa bermacam-macam. Anda bisa memakai hair dryer, atau dijemur atau bisa juga diletakkan diatas benda yang hangat misal diatas TV atau monitor. Pastikan benar-benar kering.
Jika anda tidak membuka back covernya, lakukan hal yang sama tapi dengan cara posisi ponsel di bolak-balik dan membutuhkan waktu yang lebih lama untuk mengeringkannya. Pastikan tidak ada air yang masih tersisa didalam rangkaian ponsel.
Setelah yakin benar-benar kering, pasang kembali semua rangkaian, back cover dan casingnnya.
Saatnya testing, pasang kembali baterai dan berdoalah.
Coba hidupkan ponsel, jika ponsel anda hidup berarti anda berhasil menyelamatkan ponsel anda. Jika tidak, segera lepaskan kembali baterai dan bawa ke tempat service terdekat.

JIka anda lakukan langkah-langkah diatas dengan tepat, kemungkinan ponsel anda selamat. Selamat mencoba.
(eris-agustian.blogspot.com)

Membuat background widget warna-warni

2009-07-24T17:04:00.000+03:00

Maksud dari judul posting diatas adalah untuk membuat setiap widget pada blog memiliki warna yang berbeda-beda sesuai dengan keinginan kita. Trik ini mungkin akan sangat berguna bagi anda yang hoby mengutak-atik tampilan atau template blog (seperti saya hehe..).
Ok kita mulai dari pengertian dasar tentang widget ID, karena ini sangat penting jadi anda harus memahami tentang widget ID ini. Setiap Widget yang kita pasang di blog kita akan memiliki widget ID masing-masing misal anda memiliki sebuah widget link dengan title “Link Teman” maka widget ID link anda seperti berikut:

<b:widget id='LinkList1' locked='false' title='Link Teman' type='LinkList'/>

Jadi widget ID link tersebut yaitu “Linklist1”, lalu jika anda menambahkan satu widget link lagi maka akan menjadi “Linklist2” dan seterusnya. Untuk mengetahui widget ID ini anda harus dalam jendela edit HTML. Anda cukup melakukan search (tekan Ctrl+F) dan masukkan title atau judul widget anda (dalam contoh diatas Link Teman) sampai menemukan kode seperti diatas. Lalu bagaimana jika anda tidak memberi judul atau title pada widget anda? Berikan saja judul untuk sementara dan anda bisa menghapus lagi setelah berhasil menemukan widget ID.

Untuk widget lain misal widget HTML/Java script maka widget ID akan menjadi HTML1, HTML2..dst, widget Label akan menjadi Label1, Label2..dst.

Nah setelah anda mengetahui widget ID dari masing-masing widget maka selanjutnya anda dapat melakukan perubahan-perubahan yang diinginkan. Caranya anda harus menambahkan kode seperti dibawah ini diantara kode <head> dan </head> setelah tanda }. Untuk lebih mudahnya letakkan saja kode-kode tersebut tepat diatas kode </head>. Contoh:

#LinkList1{
background: #DDDFFF;
}
#Label1{
background: #FCDFFF;
}
#HTML1{
background: #FF49C6;
}
#HTML2{
background: #FFFFFF;
}

Teks yang berwarna merah adalah widget ID yang harus anda sesuaikan dengan template anda, teks berwarna hijau adalah kode warna background, untuk mengetahui kode-kode warna silahkan klik di sini.

Setelah anda menambahkan kode-kode diatas, silahkan Preview/Pratinjau sebelum melakukan Save. Contoh hasil perubahan diatas pada blog akan terlihat seperti screenshot dibawah ini:

Dengan cara-cara diatas sebetulnya anda juga dapat menambah border, atau mengganti background widget dengan gambar anda sendiri dan lain-lain sesuai kreatifitas anda. Selamat berkreasi.

Menghilangkan pesan notifikasi Facebook

2009-07-22T10:01:00.000+03:00

Hari gini ga punya Facebook? Itu kata salah seorang rekan blogger saya. Memang benar sekarang ini siapa yang tidak kenal Facebook, situs jejaring sosial yang sedang naik daun dan paling popular saat ini. Facebook memang sangat membantu kita untuk menemukan teman-teman lama yang bahkan tidak pernah bertemu selama bertahun-tahun. Facebook juga bisa dijadikan lahan bisnis online yang menjanjikan. Namun dibalik semua manfaat Facebook tersebut tentu ada hal-hal yang kadang tidak kita inginkan, seperti halnya saya yang merasa terganggu dengan adanya notifikasi pesan melalui email dari Facebook. Kalau hanya beberapa pesan tentu tidak masalah, tapi seperti yang kita tahu bahwa secara default Facebook akan mengirimkan email notifikasi setiap terjadi perubahan status di Facebook kita. Hal tersebut menjadikan inbox email selalu penuh. Mungkin sebagian dari anda juga ada yang merasa terganggu dengan hal tersebut, untuk itulah saya membuat artikel ini. Lalu bagaimana caranya menghentikan notifikasi tersebut? Ternyata cukup mudah, silahkan anda ikuti langkah-langkah berikut ini:

Login ke akun Facebook Anda
Pilih menu pengaturan/setting pada kanan atas halaman Facebook Anda
Pilih menu pemberitahuan/notifications.

Selanjutnya anda dapat memilih pemberitahuan apa saja yang seharusnya masuk inbox e-mail anda atau anda dapat memilih untuk menonaktifkan semua pemberitahuan agar inbox anda bersih dari pesan notifikasi. Setelah dirasa cukup lalu Save pengaturan anda, dan kini anda terbebas dari membanjirnya email notifikasi Facebook anda.
(eris-agustian.blogspot.com)