Cara Membuat Top Artikel / Post

Bulan ramadhan ini membuat saya agak malas untuk begadang, soalnya subuh sudah harus bangun untuk sahur. Jadi saya sempatkan untuk menulis postingan setelah sahur sampai pagi jam 7 karena setelah itu sudah harus berangkat kerja, duh jadi ngelantur nih, maklum puasa jadi agak - agak error..smile_teeth

Baiklah langsung pada topik kita kali ini, beberapa minggu yang lalu ada yang bertanya di kolom shoutbox tentang bagaimana caranya membuat top artikel. Padahal postingan ini dapat sobat temukan dibanyak blog yang berisi tentang “tutorial blog”. Nah karena saya sayang sama sobat blogger, makanya saya buatkan postingan cara membuat top artikel / post ini.smile_wink

1. Seperti biasa, sobat login dulu ke blogger.

2. Kemudian tuju Elemen Halaman.

3. Klik Tambah Gadget.

4. Pilih yang Javascript / HTML.

5. Masukkan kode Javascript berikut ini :





6. Ganti tulisan yang saya tebalkan dengan alamat blog sobat, kemudian Simpan.


Coba sekarang sobat lihat hasilnya. Oke ya, enak dong mantab dong..Selamat mencoba.

READ MORE - Cara Membuat Top Artikel / Post

Marhaban Ya Ramadhan

Rasanya baru kemarin kita menjalankan ibadah puasa, tidak terasa kita bertemu lagi dengan bulan Ramadhan, bulan yang paling di muliakan Allah SWT. Gema adzan Isya berkumandang menandakan waktunya solat Isya dan di ikuti dengan solat tarawih yang hanya dapat kita jumpai di bulan yang suci ini.



Suara anak – anak kecil di waktu subuh meneriakkan roh kita yang sedang tertidur pulas, terima kasih dik telah membangunkan kakak.
Saatnya kita sahur, santap hidangan yang telah disajikan istri tercinta, huh lelahnya kerja sang istri, menidurkan si buah hati di waktu malam dan terkadang sampai tengah malam baru bisa memejamkan mata. Subuh sudah harus terbangun untuk membuatkan hidangan untuk suami makan sahur . Walaupun berat tetapi senyuman tak pernah lepas dari wajahnya.



Lepas bulan sya’ban ini, marilah kita saling memaafkan agar hati kita selalu bersih selama menjalankan ibadah puasa. Dody beserta keluarga mengucapkan :



Selamat Menunaikan Ibadah Puasa



Mohon maaf atas kesalahan yang saya perbuat, semoga amal kita selama bulan Ramadhan diterima Allah SWT, amin.

READ MORE - Marhaban Ya Ramadhan

Windows Live Writter Tanpa Harus Install

window-live-writer Buat blogger pemula, mungkin Windows Live Writter terdengar begitu asing di telinga. Sebenarnya apa itu Windows Live Writter ? sebuah situs yang menyediakan jasa penulisan blog secara offline. lengkap dengan tampilan asli blog. Bayangkan jika sobat menulis postingan tanpa harus online ke internet, cukup lumayan untuk menghemat tagihan internet sobat. smile_nerd

Ada beberapa situs seperti WLW yang cukup terkenal, seperti Post2Blog, Wbloggar, Flock, Scribefire, dan masih banyak lagi situs – situs yang menyediakan jasa penulisan blog.



Jika sobat blogger yang baru berkecimpung di dunia blog, saya sarankan untuk menggunakan WLW. Menulis postingan secara online ? kuno sob ! Kenapa saya jatuh hati pada tools yang satu ini ? selain tampilan yang menarik, WLW juga sangat lengkap di bandingkan beberapa situs yang saya sebutkan diatas. WLW menyediakan plugins yang beraneka ragam, tools – toolsnya pun sangat mudah digunakan. Sobat bisa menggunakan tabel dengan sangat mudah, seperti menggunakan tabel pada MS Office saja, dan sobat bisa menampilkan gambar dengan bermacam variasi, perhatikan gambar – gambar dibawah ini.

mtransit800 SOLAR_FLARE1 ring_XP%20deluxe
abstract015 abstract082 abstract153


Hal tersebut tidak akan sobat temukan pada aplikasi blogger, sobat harus menggunakan aplikasi seperti photoshop atau aplikasi gambar lainnya untuk menampilkan gambar – gambar seperti di atas dan pastinya cukup ribet. Jika sobat tertarik, bisa mendownload WLW di situs – situs berikut ini :

* http://get.live.com/writer/overview atau


* http://windowslivewriter.spaces.live.com.



Untuk Plugins sobat bisa kunjungi http://gallery.live.com. Semua tools gratis kok, buat sobat yang ga ada duit, program Windows Live Writter cocok buat sobat..Laughing

Nah, permasalahannya sekarang adalah Windows Live Writter mengharuskan sobat mengupdate windows sobat, tapi sobat coba saja dulu untuk menginstall program WLW ini, jika ada pesan yang mengharuskan sobat untuk mengupadate windows, ya terpaksa sobat harus update windows sobat. Tapi untuk mengupdate windows membutuhkan waktu yang cukup lama karena file updatenya sendiri cukup besar, bagaimana jika sobat menggunakan koneksi internet dengan limit yang terbatas, bisa – bisa proses update gagal, dan sobat tidak dapat apa – apa..cape’ dehh smile_confused

Saya punya solusi untuk menggunakan Windows Live Writter tanpa harus menginstall di komputer. Sobat punya teman dengan program windows xp sp2 yang telah di update, xp sp3 atau windows vista ? jika punya, selesai sudah permasalahannya. Sobat cukup meminjam komputer teman untuk numpang menginstall Windows Live Writter. Sebelum install, sobat koneksikan dulu internetnya, kemudian jalankan proses installasi.

Jika sudah terinstall, sobat tuju halaman :

1. Windows explorer ---> C:\Program Files ---> Windows Live

2. Sobat copy saja folder Windows Live tersebut ke flashdisk sobat.

3. Kemudian tuju :

C:\Documents and Settings ---> User ---> Application Data ---> Windows Live Writter

4. Copy folder Windows Live Writter ke flashdisk.

5. Kemudian menuju komputer sobat, copy paste folder Windows Live yang tadi sobat copy dari komputer teman ke dalam drive komputer sobat, letakkan folder tersebut sesuai keinginan sobat, dan ingat – ingat tempatnya. Misalnya, letakkan pada drive D:\Windows Live.

6. Kemudian copy paste folder Windows Live Writter ke folder C:\Documents and settings ---> User ---> Application Data ---> ( Letakkan foldernya disini ).

7. Sambungkan koneksi internet sobat dan coba buka Folder D:\Windows Live ---> Writter ---> cari file WindowsLiveWritter dengan icon pulpen. Nah klik pada file tersebut, jika berhasil akan ada pemberitahuan untuk mengisi jenis blog yang sobat gunakan. Pilih Jenis Blog yang sobat gunakan, kemudian klik Next.

Setting Blog

8. Kemudian akan muncul halaman berikut, silahkan isi alamat blog sobat, username dan password, kemudian klik Next. Biarkan Proses upload data blog sobat berjalan, tunggu beberapa menit, jika ditengah jalan terjadi error upload data blog, sobat ulangi saja prosesnya dari awal. Setelah selesai sobat sudah bisa menulis postingan secara offline.

Username

Setelah sobat menulis postingan dari WLW selesai, sobat koneksikan internet sobat dan kemudian klik Publish. Maka akan muncul halaman web browser yang memperlihatkan hasil dari postingan sobat lewat WLW tadi.

9. Jika sobat ingin mengintall plugins, sobat ingat – ingat tempat sobat meletakkan folder Windows Live. Pada saat install plugins, sobat arahkan ke dalam drive tempat sobat meletakkan Windows Live, contoh diatas meletakkan Windows Live di drive D:\Windows Live, maka letakkan plugins di : D:\Windows Live ---> Writter ---> Plugins.



Untuk yang sudah menggunakan read more, sobat arahkan cursor sobat ke tombol Source, kemudian tambahkan kode read more nya. Oke sob, di coba dulu deh biar tau.

Selamat Mencoba ya..smile_teeth

READ MORE - Windows Live Writter Tanpa Harus Install

Daftar lagu baru patch Agustus 2009

Berikut ini daftar lagu patch Agustus:

[140 bpm] Audition - I'm Sorry
[082/164 bpm] Audition - It Rains on a Moving Train
[138 bpm] Audition - To You
[128 bpm] Audition - Diet
[120 bpm] Audition - Well, You Know
[134 bpm] 2PM - Hate You
[128 bpm] 4Minute - Hot Issue
[087 bpm] 8Eight - Goodbye My Love
[144 bpm] Candy - Yo Ayo (Bangkit Indonesiaku)
[126 bpm] Clazziquai Project - Wizard of OZ
[090 bpm] Drunken Tiger - Monster (Korean ver.)
[090 bpm] Endah N Resha - I Don't Remember
[108 bpm] Girl's Generation - Into The New World
[129 bpm] House Rules - Music (feat. yunjiah)
[178 bpm] Jewelry - Rally (feat. Nassun)
[122 bpm] Jung Hyun Lee - Vogue It Girl
[132 bpm] K.Will - A Tear In A Second (feat. Dynamic Duo)
[136 bpm] Kara - The Same Heart
[107 bpm] Kim Yong Joon - Couples (feat. Hwang Jung Eum)
[110 bpm] Koda Kumi - Just The Way You Are
[081 bpm] Koda Kumi - That Ain't Cool (feat. Fergie)
[122 bpm] M ( Minwoo) - Minnovation
[134 bpm] SiRDoLpHiN - Hey Pelangi
[117 bpm] SS501 - Play
[115 bpm] Super Junior - U
[130 bpm] Tohoshinki - Are You A Good Girl
[100 bpm] Tohoshinki - Mirotic
[127 bpm] Untouchable - Oh
[117 bpm] V.O.S - In Trouble
[095 bpm] Wheesung - Disease
[105 bpm] Younha - Alice

Hidden Song:

Endah N Resha - Before You Sleep

Semua lagu patch Agustus dalam format ZIP Archiv

READ MORE - Daftar lagu baru patch Agustus 2009

Pasang HTML Encode di Blogger

Barangkali sudah banyak diantara sobat blogger yang sudah tahu tentang cara memasang HTML Enconde pada Blogger. Tidak ada salahnya saya kupas kembali tentang tentang cara parse HTML yang mudah dan praktis tanpa harus menggunakan fasilitas Parse HTML Online dari situs Parse HTML.

Seperti situs http://www.blogcrowds.com/resources/parse_html.php termasuk yang paling saya suka karena sudah banyak membantu saya dalam memparse kode HTML dalam setiap postingan yang akan saya buat.

Bagaimana jika fasilitas tersebut ada dalam blogger? tentunya akan sangat memudahkan kita dalam menulis kode HTML di setiap postingan. Untuk memasang HTML Encode Selection pada Blogger sangat mudah, berikut langkah - langkahnya :

1. Download dahulu Greasemonkey 0.8.20090123.1 yang ada pada https://addons.mozilla.org/en-US/firefox/addon/748 atau sobat bisa klik disini. Kemudian setelah selesai menginstall, sobat restart browser milik sobat.

2. Kemudian install JavaScript berikut ini :
http://userscripts.org/scripts/source/42696.user.js

atau klik saja disini

3. Selesai sudah, sobat tinggal menggunakannya. Untuk menggunakan HTML Encode Selection, sobat blok kode HTML yang ingin di parse kemudian klik tombol HTML Encode Selection.



Tuing..muncullah kode HTML yang sudah di parse dan bisa sobat masukkan dalam postingan.


Sangat mudah dan praktis. Oke sob, selamat mencoba !

READ MORE - Pasang HTML Encode di Blogger

Lagi-lagi tulisan lama saya angkat kedalam blog saya, sebenarnya saya agak malas menulis postingan ini, karena cukup panjang kode HTML-nya, tapi berhubung ada beberapa pertanyaan dari sobat blogger di kolom shoutbox, yang menanyakan tentang cara membuat menu horizontal seperti yang ada di blog saya, makanya sekalian saja saya tuliskan tentang horizontal menu dropdown buat sobat blogger.

Menu ini cukup panjang dan berhubungan dengan template, jadi saya sarankan untuk membackup template sobat terlebih dahulu sebelum mencoba tutorial ini. Sepertinya saya terlalu panjang lebar ya, baiklah langsung saja kita menuju TKP.

1. Login ke Blogger.

2. Klik Tata Letak.

3. Klik Edit HTML.

4. Backup template sobat terlebih dahulu, silahkan klik Download Template Lengkap.

5. Contreng Expand Widget Template.

6. Cari kode dan letakkan kode berikut sebelum kode

.jqueryslidemenu{
font: bold 12px Trebuchet MS; background: #414141; width: 100%;}

.jqueryslidemenu ul{
margin: 0; padding: 0; list-style-type: none;}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative; display: inline; float: left;}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
background: #414141; /*background of tabs (default state)*/
color: white;
padding: 8px 10px;
border-right: 1px solid #778;
color: #2d2b2b;
text-decoration: none;}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: white;}

.jqueryslidemenu ul li a:hover{
background: black; /*tab link background during hover state*/
color: white;}

/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0; display: block; visibility: hidden;}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item; float: none;}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{top: 0;}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #eff9ff;color: black;}

/* CSS classes applied to down and right arrow images */

.downarrowclass{
position: absolute; top: 12px; right: 7px;}

.rightarrowclass{
position: absolute; top: 6px; right: 5px;}


7. Kemudian letakkan kode berikut sebelum kode



READ MORE - Cara Membuat Horizontal Menu Dropdown

Pasang Iklan Dalam Postingan

Sebelumnya saya sudah pernah membahas tentang cara memasang iklan di bawah postingan. Kurang lebih seperti postingan saya yang lalu, masih berhubungan dengan read more. Karena iklan yang di terbitkan di dalam postingan ini akan muncul setelah read more di klik. Buat sobat yang belum mengerti cara pasang read more, bisa membaca disini.

Dari jumlah iklan yang di klik oleh pengunjung blog saya, ternyata rata - rata lebih banyak di klik yang di dalam postingan. karena apa? setiap orang yang membaca sebuah artikel, kemudian tulisan read more atau baca selengkapnya di klik, kok tiba - tiba muncul sebuah iklan di dalamnya. Nah lo, tuh orang pasti deh penasaran sama iklan tersebut, alhasil iklan sobat berhasil di klik dan sobat dapat penghasilan, enak toh..mantep toh..duh jadi kayak mbah surip..

Berikut langkah - langkahnya :

1. Buka blogger dengan ID sobat tentunya.

2. Klik Tata Letak.

3. Kemudian klik Edit HTML.

4. Jangan lupa backup template-nya terlebih dahulu.

5. Klik Expand Template Widget.

6. kemudian cari kode yang mirip dengan template saya seperti di bawah ini :

[ Baca Selengkapnya ]...

7. Karena setiap template berbeda - beda, sobat cari miripnya saja, atau jika bingung cari saja

Jika sobat belum menggunakan read more, sobat bisa membaca tutorial cara membuat read more pada postingan saya yang dulu. Oke jika sudah, lanjut ke langkah berikutnya.

8. Kemudian parse terlebih dahulu kode iklan punya sobat ke dalam situs penyedia layanan parse HTML, bisa sobat baca disini.

9. Oke, setelah berhasil di parse, letakkan kode HTML yang sudah di parse tepat di bawah kode




atau kode yang seperti ini :




harap maklum, karena setiap template berbeda - beda, jadi saya tekankan sekali lagi, cari yang mirip dengan kode diatas.

10. Maka hasilnya akan seperti berikut ini :

LETAK KODE IKLAN YANG SUDAH DI PARSE

[ Baca Selengkapnya ]...

11. Setelah itu Simpan Template, dan lihat hasilnya. Tampak iklan berada pada awal postingan atau di atas postingan, karena saya menggunakan float:UP makanya iklannya tampil di atas postingan. Sobat atur sendiri letaknya sesuai keinginan sobat. Perhatikan kode yang yang saya tandai dengan warna merah adalah kode baru yang di tambahkan.

Siippp..Selamat Mencoba !! have a nice day..

READ MORE - Pasang Iklan Dalam Postingan