Cara Membuat menu dropdown

Sekian lama saya tak mengapdate tutorialpenting ini, akhirnya kali ini saya terbitkan Cara Membuat menu dropdown. Salah satu cara gampangan untuk menampilkan setiap artikel yang kita tulis yaitu dengan menggunakan menu dropdown. Kenapa?karena setiap artikel yang kita tulis di blog itu akan tersimpan sesuai dengan bulan dimana kita posting artikel tersebut. Misalnya kita posting artikel bulan Maret, maka artikel tersebut akan berada di arsip bulan Maret. Nah...kalo misalnya blog kita udah tahunan, bayangin aja kira2 sepanjang apa ya arsip bulanan kita itu...? bisa-bisa sidedebar kita termakan habis oleh arsip bulanan kita dong. Nah biar kagak ke makan caranya gimana?...salah satu cara yang paling efisien untuk mengantisipasi hal tersebut, yaitu dengan menu dropdown. Contohnya seperti di bawah ini :


Gimana cara membuatnya?simak yang berikut:
Seperti biasa masuk ke blogger, dan copi paste html dibawah ini di html anda.

Sialahkan ganti tulisannya sesuai kebutuhan anda dan salamat mencoba aja……………

Yuk mari…..
Yok…. Ndang yok………

Salam hormat dariku,

Adsense Indonesia
wong_anTeng

Cara Gampang Bisnis Online

Jika sebelumnya saya dah bikin Cara Mudah Bisnis Online dengan gabung di awsurveys kali ini tutorialpenting belajar bisnis online menerbitkan edisi “Cara Gampang Bisnis Online”. Tahu kah anda? Saya kemarin selain saya gabung di awsurveys saya juga gabung di sponsoredreview. Seperti bisnis yang sebelumnya di sponsoredreview anda bisa mendapatkan uang tambahan berupa dolar. Makanya ayok belajar bisnis online bareng bareng tutorialpenting dan daftar segera di sponsoredreview

Buy Reviews

Blog Advertising - Advertise on blogs with SponsoredReviews.com

Untuk belajar bisnis online bareng tutorialpenting edisi cara gampang bisnis online udah dulu yah karena masih ada bisnis online lain yang akan saya terbitkan, maka dari itu jangan kemana-mana tetep belajar bisnis online bareng tutorialpenting…..

Yuk……. mari…….
Yok……ndang…..yok……

Salam hormat dariku,

Adsense Indonesia
wong_anTeng

Cara Mudah Bisnis Online

Anda sudah punya blog?anda pengen dapet tambahan uang jajan dari blog anda?mari kita belajar bisnis online, jika anda belum punya blog bikin dulu aja caranya bisa dibaca disini, kemudian kalo dah bikin langsung aja belajar bareng dengan tutorialpenting untuk mempelajari bisnis online. Sebelum ini saya dah pernah bikin postingan cara dapet uang tambahan dengan gabung di kumpulblogger, adsensecamp, 000webhost dan komisigratis. Semua itu boleh dibilang bisnis online karena kalo anda daptar jadi anggota dan ikut aturan mainnya maka anda bisa dapet uang tambahan loh. Taukah anda?saya baru saja daftar awsurveys sehingga untuk sekedar berbagi Kali ini saya terbitkan edisi “Cara Mudah Bisnis Online” untuk menambah uang jajan kita agar tambah banyak, Cara Mudah Bisnis Online yang saya maksud adalah dengan gabung di awsurveys karena bayaran yang ditawarkan memang cukup menggiurkan, kita dibayar dolar loh. Di awsurveys menyediakan banyak sekali bonus dolar dan nilai rifferalnya aja senilai 1.25 dolar/referral lumayan kan? Dan yang pasti Daftarnya gratisssss……

$6.00 Welcome Survey After Free Registration!



Nah..buat anda yang mo nyoba ngumpulin dolar di awsurvey, anda bisa langsung daftar. Batas pencarian dolar dari awsurveys minimal $75 dan bisa langsung di masukan ke account paypal / alertpay anda. Bagi yang belum punya paypal, jangan kuatirrrrr. Bisa belakangan kok kalo dah mo nyairin duitnya baru bikin paypal,aku sendiri juga belum bikin paypal Cuma daftar aja dulu, kalo dolar udah ngumpul baru bikin paypal. Ayo tunggu apa lagi kita sama-sama belajar binis online dengan gabung di awsurveys?! Langsung aja daftar awsurveys sekarang juga.
Untuk cara mudah bisnis online di awsurveys aku akhiri dulu yah karena aku mau bikin postingan tentang bisnis online yang lainnya, makanya jangan kemana-mana tetep belajar bisnis online bareng tutorial penting…….

Yuk….mari….
Yok…..ndang….yok…..

Salam hormat dariku,

Adsense Indonesia
wong_anTeng

Cara membuat text berjalan diblogger

Saya kirain blog ini kagak ada pengunjungnya mengingat saya ini belum praktek seo karena memang aku belum belajar soal seo, masih dalam angan aja pengen beli buku soal seo akan tetapi tak kunjung terwujud karena aku masih konsen belajar blog dulu soal main seo entar dulu deh. Saya bikin tutorial penting untuk belajar blog bareng edisi “cara membuat text berjalan diblogger” ini adalah untuk menjawab pertanyaan yang ada di ogixx sidebarku dari sodara ade. Sebenarnya kemarin-kemarin juga dah rencana mau bikin postingan cara membuat text berjalan diblogger, berhubung penyakit malesku kambuh jadi belum sempat dan kali ini saya paksakan untuk sempat. Mungkin bagi sodara ade ato mungkin teman-teman yang lain ingin membuat text berjalan mudah kok. Kemarin saya dapet inspirasi bikin text berjalan itu dari sebuah situs penyedia lowongan pekerjaan(maklum pengangguran gitu jadi masih lirak-lirik info low terbaru lagi pula saya suka mengoleksi info low,kalo mau liat koleksi buka aja infolowongan terbaruku), di situs lowongan itu ada text berjalan mondar-mandir dilihat kok enak, terus saya copy halaman situs itu dan dirumah saya utak-utik, setelah saya utak-utik saya dapat scriptnya dan saya praktekan ternyata bisa. Dan yang jelas metode belajarku membuat text berjalan entu Cuma metode asal-asalan tanpa pedoman buku dan saya memang bukan lulusan dibidang IT jadi yah pakek cara bodohku aja yang penting kan hasilnya yah tow???? Untuk membuat text berjalan entu pakek merkuri, lebih jelasnya simak yang saya sampaikan dibawah ini:


1.Untuk text berjalan tembus, scriptnya kayak gini:
<marquee direction=""left" " scrollamount="7">
<span style="font-size: 130%;"> <b>TEXT ANDA<span style=""> <b> </b>!
</span></b></span></marquee>

Sebagai contoh punya saya adalah:
<marquee direction=""left" " scrollamount="7">
<span style="font-size: 130%;"> <b>BERHUBUNG MASIH SAMA-SAMA BELAJAR MOON MAAP JIKA MASIH ALA KADARNYA<span style=""> <b> </b>!
</span></b></span></marquee>

Hasilnya text yang berjalan yang muncul adalah BERHUBUNG MASIH SAMA-SAMA BELAJAR MOON MAAP JIKA MASIH ALA KADARNYA!

Anda bisa menganti text sesuai keinginan anda, mungkin bagi sodara ade bisa mengganti textnya dengan kalimat ADE-ADE LUMUT ato ADE-ADE CEPLUS ato sesukamulah huihihi…..anda juga bisa menganti ukuran hurufnya sesusai kebutuhan dan bisa mengganti tapilanya apa mau dari kanan ato kiri yang jelas kanan kiri oke.

2.Untuk text berjalan mondar-mandir, scriptnya kayak gini nih:
<MARQUEE behavior=alternate><FONT face=arial><FONT color=blue><FONT size=5><B>..text anda ..... </B></FONT></FONT></FONT></MARQUEE>

Contoh punya saya:

<MARQUEE behavior=alternate><FONT face=arial><FONT color=blue><FONT size=5><B>..... Tutorial penting untuk belajar bareng ..... </B></FONT></FONT></FONT></MARQUEE>

Untuk bikin text berjalan mudah kan? Orang awam kayak saya aja bisa pasti anda lebih bisa…………
Udahan dulu yah, untuk belajar bareng edisi cara membuat text berjalan saya akhiri dan belajar bareng lagi dilain edisi…..

Yuk….mari……
Yok…..ndang yok…….

Salam hormat dariku,

Adsense Indonesia
wong_anTeng

Cara mengatasi sidebar melorot

Tutorial penting Belajar blog bareng kali ini membahas tentang sidebar yang melorot, Ngomong-ngomong soal sidebar melorot, saya pernah mengalaminya dan sempat bikin saya hampir putus asa, tak kirain kemlorotan itu akan mengakiri sgalanya, tapi dengan segala daya dan upaya maka saya cari solusi "cara mengatasi sidebar melorot". Yang namanya sidebar dah pasti tempatnya disamping kan?tapi karena sesuatu hal sidebar yang harusnya disamping jadinya mlorot tidak pada tempatnya dan dah pasti tampilan blog kita jadi tak enak diliat. Apakah yang bikin sidebar kita jadi mlorot?apakah karena kacingnya lepas?tentu saja bukan, Dari hasil belajarku dapat saya ketahui bahwa ada faktor-faktor penyebab sidebar bisa melorot yaitu :


* kita memasukan image atau foto ataupun banner ato yang lainya yang ukurannya melebihi lebar element posting

sebuah gambar atau foto ataupun banner ato sejenisnya yang lebarnya melebihi lebar element posting tidak bisa di otomatisasi pindah kebawah seperti kita nulis diword karena sebuah gambar adalah satu kesatuan yang utuh sehingga tidak bisa di bagi-bagi entah dibagi dua atau di bagi tiga, lain halnya dengan tulisan biasa yang tiap kata mempunyai jarak spasi sehingga bisa di pisahkan-pisahkan dengan mudahnya. tyus gimana cara mengatasinnya? Untuk mengatasi hal ini tentu saja kita harus memperkecil ukuran lebar dari gambar tadi, caranya yaitu edit kembali postingan yang terdapat gambar tersebut, lalu ketika berada pada kolom posting pilih menu Compose alias tulis, setelah terlihat gambar yang terlalu besar tadi, arahkan mouse kedalam gambar lalu klik.Jika gambar mouse berubah menjadi anak panah penjuru, arahkan pada tepi gambar tersebut sehingga gambar mouse menjadi anak panah dua arah klik lalu tahan dan geser.(untuk memperkecil gambar mudah saja seperti halnya kita gutak-utik gambar diword) setelah gambar di perkecil, ya tinggal di publish alias diterbitkan tyus di lihat apa masih melorot? atau sudah baik-baik saja, jika masih melorot ya tinggal di perkecil lagi gambarnya. Mudah tow?
cara yang kedua adalah memberi sedikit kode HTML tambahan yaitu width=”….” pada kode image tersebut, tapi tentu saja anda harus mengetahui terlebih dahulu lebar dari element posting kita, untuk mengetahui lebar dari element posting, kita bisa melihat dari template yang kita pakai, setiap template berbeda-bada sehingga saya tidak bisa memberi batasan di manakah letak lebar element posting. tapi bagi anda yang masih bingung ya tinggal di coba aja, trus kalau masih kelebaran ya tinggal di perkecil lagi. Contoh : saya pasang barner seperti dibawah ini bikin sidebark melorot

<img src="http://www.adsensecamp.com/images/banner01.gif"> ,

untuk mengakalinya saya tambahkan kode tambahan, kodenya jadi seperti ini :

<imgheight="58"src="http://
www.adsensecamp.com/images/banner01.gif"width="300"/>

dan hasilnya gambar banner jadi lebih kecil sehingga muat di simpan di dalam element posting. tapi hati-hati ada beberapa banner milik situs orang lain, ada aturan bahwa kita tidak boleh merubah ukuran banner. jadi ya ga boleh di rubah dan harus ditempel apa adanya.

*Memasukan kode HTML yang telalu panjang*

Kode HTML yang di pajang pada postingan apabila terlalu panjang juga bisa menyebabkan sidebar melorot, sebagai contoh saya memberikan kode HTML kepada para pengunjung untuk bisa mengcopy nya, dan tentunya ini beresiko sidebar menjadi melorot. Untuk mengatasinya saya tuliskan tiga jalan alternatif yakni

1.membuat text area sebagai tempat untuk menyimpan kode-kode yang di rasa sangat panjang,
2. memperkecil ukuran hurup kode HTML tersebut,
3. mencantumkan keterangan bahwa kode tersebut adalah dalam satu baris.

jalan yang terbaik untuk memuat kode HTML yang terlalu panjang adalah dengan membuat text area karena sepanjang apapun kode tersebut tidak akan berpengaruh terhadap lebar element posting sebab yang menjadi ukuran adalah lebar dari text area.
Untuk kode yang relatif agak pendek kita bisa mencoba memperkecil ukuran huruf kode tersebut, untuk memperkecil ukuran huruf tentu saja harus menambahkan suatu kode, kode tersebut bisa berupa :

<font size="... "> … kode yang ingin di perkecil … </font>

nilai dari font size itu tergantung anda tapi yang jelas ukurannya kurang dari 1. contoh "0.1", "0.2", "0.3" dan lain-lain.

*Memuat address link yang terlalu panjang*

Ada kalanya apabila kita mengambil suatu tulisan dari blog lain dan ingin membuat permanent link ke tulisan tersebut, kita menuliskan address artikel tersebut terlalu panjang. Contoh :

tulisan ini saya ambil dari http://tutorialpenting.blogspot.com/2009/03/cara-nulis-kode-html-di-posting.html

address artikel tersebut sebenarnya bisa di singkat dengan cara :

tulisan tentang nulis kode html di postingan

<ahref="http://tutorialpenting.blogspot.com/2009/03/cara-nulis-kode-html-di-posting.html" target="_blank">Belajar Bareng nulis Kode HTML milik wong_anteng
</a>

dan yang akan tampil di blog akan seperti ini :

Belajar Bareng nulis Kode HTML milik wong_anteng

*Memasukan karakter huruf tanpa ada jeda spasi*

Bila kita memasukan suatu karakter huruf terlalu panjang tanpa ada jeda spasi, maka karakter tersebut tidak akan bisa di otomatisasi sehingga akan menabrak dinding element posting dan berakibat sidebar jadi melorot. contohnya kita memasukan karakter sama dengan “======”, garis bawah “______” tanda bintang ” ****** “, tanda pagar ” ##### “, dan yang sejenisnya.

Solusinya bila kita ingin memasukan karakter tersebut ya masukin sampai batas dinding element posting jangan melebihi yah!

Trus bagaimana kalau semua solusi di atas sudah di lakukan tapi sidebar masih melorot? Jalan keluar yang paling mudah ya ganti aja templatenya dengan yang baru, mungkin template yang anda pakai bermasalah. Cuma jika mau ganti template jangan lupa untuk mengcopy seluruh data template tersebut, ini berguna karena dalam template lama tadi banyak data-data penting semisal kode shoutbox, link, kode gambar dan lainnya. Sehingga ketika mengedit template baru anda tidak usah bolak-balik ke situs yang bersangkutan untuk sekedar mengambil kode.
Ya sudah belajar bareng kali ini selesai……ngantuk……..

Yuk…..mari………..
Yok…ndang……yok……

Salam hormat dariku,
Adsense Indonesia
Wong_anTeng

CARA NULIS HTML dipostingan

Mungkin ada yang kebingungan tentang cara nulis html di postingan?Kini saatnya aku terbitkan tutorial penting untuk belajar blog bareng edisi “cara nulis html dipostingan”. Aku punya kisah bodoh saat nulis kode html dipostingan. Maklum aku ini orang awam jadi sering bertindak seronoh, sebelumnya kan aku menerbitkan tutorial penting untuk belajar bareng membuat read more, nah yang namanya read more kan ada kaitnya dengan html tuh. Ketika aku memposting yah langsung ku tulis ajah apa adanya. Taukah anda disaat terakir aku liat ternyata tampilan blogku jadi kagak karuan dan kagak sedap dipandang. Saat itu aku hampir nyerah, dalam hatiku bertanya dosa apa aku ini kok jadi amburadul gini. Postingan kode html cara bikin readmorenya kagak muncul dan sidebarku jadi mlorot. Apa kacingnya putus yah kok sidebarnya jadi mlurut tidak pada tempatnya.

Aku mendadak pusing dengan penuh kebingungan, Untuk mengihindari hal-hal yang tidak diinginkan maka saat itu aku langsung cabut aja dari warnet coz kalo aku tetap bertahan tu computer diwarnet bisa meledak. Aku kembali pulang dengan penuh kecewa karena back up-pan htmlku dah terlanjur ku hapus, ku mikirnya haruskah aku mengulang semuanya dari awal. Ibarat computer kena virus haruskah kita mengingtal ulang computer itu?jika iya semua data yang ada akan ilang?kalo aku bilang sih jangan keburu mengingtal ulang, cari antivirusnya aja dulu. Dan disaat blogku jadi amburadul itu aku mencari solusinya dengan jalan-jalan ke blog lain yang sudah master pastinya, artikel demi artikel aku save dan ku pelajari dan akhirnya aku menemukan sebuah jawaban yang membawa pencerahan menangani kasus amburadulnya blogku kala itu. Jadi ternyata dalam menulis html diblog ada aturannya.

Emang dasar akunya aja yang kagak gaul jadi kagak tau soal aturan nulis html dipostingan, tapi sekarang aku dah tahu loh. Ocre crita pengalamanku aku sudahi kini saatnya aku terbitkan tutorial penting untuk belajar blog bareng edisi “CARA NULIS HTML dipostingan” ini sekedar berbagi kisah aja barang kali ada teman yang pernah melakukan kesalahan yang sama denganku. MAU TAU ATURAN MAINNYA?Jadi cara nulis kode html dipostingan yaitu ketika membuatnya anda berada pada posisi edit html bukan mode compose/tulis. yang ke dua, untuk menambahkan kode html di postingan anda cukup dengan menambahkan tag <code> dan </code>

diantara kode html yang akan ditampilkan di postingan. Contoh misalnya anda ingin menampilkan kode html berikut :

<div class='post-body entry-content'>

maka untuk membuatnya yaitu dengan cara menambahkan tag <code>
dan </code>
diantara <div class='post-body entry-content'>

jadi nulisnya kayak gini:
<code>&lt;div class='post-body entry-content'&gt;</code>

PEHATIKAN DENGAN SEKSAMA pada keseluruhan kode diatas ada beberapa karakter yang diganti antaralain kode < diganti dengan &lt; , karakter > diganti dengan &gt;. Berikut beberapa karakter html yang AKU TAHU DAN biasanya dipakai :

1. < karakter pengantinya adalah &lt;
2. > karakter pengantinya adalah &gt;
3. & karakter pengantinya adalah &amp;
4. " karakter pengantinya adalah &quot;
5. ± karakter pengantinya adalah &plusmn;
6. spasi karakter pengantinya adalah &nbsp;
7. © karakter pengantinya adalah &copy;

gitu deh caranya....jadi dalam menulis html dipostingan kita harus meletakan kode htmlnya ditengah-tengah <code> dan </code>. Dan jangan lupa untuk mengganti karakter2 kode html sesuai yang semestinya. bagi orang awam seperti aku ini yang demikian memang sungguh terlalu repot tapi yah mau gimana lagi emang kayak gitu aturan main nulis kode html dipostingan. Ocreh kita akhiri dulu belajar barengnya. Selamat menunaikan nulis html dipostingan.

(NB: kalo kode htmlnya panjang di buat Text Area saja atau pakek Cara Mudah posting kode HTML)

yuk mari…………………
yok………….ndang…..yok…………..

salam hormat dariku,

Adsense Indonesia
wong_anTeng

Postingan Lainnya:

Blogroll