tag:blogger.com,1999:blog-11182484317431458802024-02-19T07:19:59.218-08:00The Blogspotblogger indonesiaUnknownnoreply@blogger.comBlogger13125tag:blogger.com,1999:blog-1118248431743145880.post-78558981489913868282009-12-26T09:38:00.001-08:002009-12-26T09:57:12.675-08:00Template baru VS Template KlasikSudah dua hari ini saya tidak menelorkan tulisan baru ( emangnya ayam pake bertelor segala ) mungkin buat sobat yang rajin datang ke sini merasa bosan karena tulisannya itu-itu melulu. OK, biar ga basi langsung aja.Menanggapi banyaknya pertanyaan yang di ajukan melalui shoutbox beberapa waktu lalu seputar masalah mengganti template, maka kali ini saya akan membahasnya agar bagi sobat yang masih bingung dapat mempunyai gambaran seputar template ini. <br />
<br />
jika mau iseng-iseng baca postingan lain tentang template silahkan klik <b><a href="http://kolom-tutorial.blogspot.com/2007/04/memilih-template.html" target="_blank">di sini</a></b>, tapi biar lebih jelas akan saya bahas lebih dalam. <br />
<br />
Mungkin ada diantara sobat semua masih bingung dengan yang namanya template klasik sama template baru. Di blogger.com saat ini template yang di gunakan ada dua pilihan yaitu template klasik dan baru. Bagaimana caranya kita membedakan apakah kita menggunakan template klasik atau template baru? Ada beberapa ciri untuk mengenal apakah yang kita pakai template baru atau klasik, diantaranya yaitu : <br />
<br />
<br />
<br />
<li><b>Template baru </b> :</li><br />
<br />
<br />
<ol><li>Pada menu dashboard (menu yang dijumpai pada saat kita baru login) akan terlihat menu seperti ini : <br />
<br />
Manage : <b>Posts, Settings, <span style="color: red;">Layout</span></b></li>
<li>Jika kita klik menu <b>Layout</b>, akan ada menu seperti ini : <br />
<br />
<b><span style="color: red;">Page Elements</span> | <span style="color: red;">Fonts and Colors</span> | Edit HTML | Pick New Template</b></li>
<li>Jika kita klik menu <b>Edit HTML</b> maka akan muncul beberapa ciri khas, yaitu : <br />
<br />
Tulisan --> <b>download Full Template</b> <br />
Tombol bertuliskan --> <b>Browse...</b>, <b>Upload</b> <br />
Ada kotak kecil di samping tulisan <b>Expand Widget Templates</b> <br />
Tombol bertuliskan ---> <b>CLEAR EDITS</b>, <b>PREVIEW</b>, <b>SAVE TEMPLATE</b> <br />
Dibagian bawah terdapat tulisan : <br />
<br />
• <b>Revert to Classic Template</b> <br />
• <b>View Classic Template</b></li>
</ol><br />
<br />
Itu tadi sedikit ciri apabila kita memakai template baru. <br />
<br />
<br />
Apabila memakai template klasik, cirinya adalah : <br />
<br />
<br />
<ol><li>Pada menu dashboard (menu yang dijumpai pada saat kita baru login) akan terlihat menu seperti ini : <br />
<br />
Manage : <b>Posts, Settings, <span style="color: red;">Template</span></b></li>
<li>Jika kita klik menu <b>Template</b>, akan ada menu seperti ini : <br />
<br />
<b>Edit HTML | <span style="color: red;">Pick New</span> | <span style="color: red;">customize Design</span> | Adsense</b></li>
<li>Jika klik menu <b>Edit HTML</b> akan muncul beberapa ciri : <br />
<br />
terdapat tulisan --> Change the Blogger Navbar <br />
<br />
Tombol bertuliskan ---> <b>Save Template Changes</b>, <b>Preview</b>, <b>Clear</b> </li>
</ol><br />
<br />
Itu tadi beberapa ciri jika kita memakai template klasik. <br />
<br />
<br />
Dari kedua contoh ciri diatas, tentu saja kita dapat mengetahui template apa yang sekarang kita pakai. <br />
<br />
Apa kelebihan atau kekurangan dari kedua template tersebut? <br />
<br />
Template baru <br />
<br />
<br />
<ul><li>Terdapat menu : <b>Page Elements</b> <br />
Dengan menu ini kita dapat dengan mudah menambahkan element tanpa harus mengerti bahasa HTML. Element-element yang bisa ditambahkan bisa berupa Newsreel, Video Bar, List, Links List, Picture, Text, HTML/JavaScript, Feed, Labels, Logo, Profile, Blog Archive, serta Page Header.</li>
<li>Sistem <b>Drag & Drop</b> <br />
Dengan sistem ini kita dapat dengan mudah memindahkan setiap element yang telah kita buat dimana saja yang kita sukai.</li>
<li>Terdapat menu : <b>Fonts and Colors</b> <br />
Dengan menu ini kita dapat dengan mudah merubah warna serta bentuk huruf tanpa harus repot-repot merubah style sheet dan tentunya tidak memerlukan kemampuan berbahasa HTML</li>
</ul><br />
<br />
Itu tadi beberapa keuntungan memakai template baru, dan kekurangannya yaitu : <br />
<br />
bagi sobat yang suka otak-atik kode HTML, pada template ini agak susah tuk di otak-atik (khusus buat pemula seperti saya, lain halnya bila sobat sudah expert). <br />
<br />
<br />
Sekarang apa kelebihan dari template klasik : <br />
<br />
<br />
<ul><li>Kode HTML sangat mudah untuk di otak-atik, jadi bagi sobat yg suka bermain dengan HTML sangat cocok memakai template ini.</li>
</ul><br />
<br />
Kekurangan : <br />
<br />
<br />
<ul><li>Tidak tersedia menu <b>Page Elements</b>, sehingga bagi sobat yang masih bingung dengan HTML akan menemui kesulitan.</li>
<li>Tidak tersedianya menu : <b>Fonts and Colors</b>, sehingga menyulitkan dalam mengatur Font serta warna hurup.</li>
</ul><br />
<br />
Nah itu tadi beberapa keunggulan serta kekurangan dari kedua template, silahkan pikirkan mana yang mau sobat pilih. <br />
<br />
<br />
<b>Cara Migrasi Template</b> <br />
<br />
Setelah menimbang-nimbang, tentunya sobat tertarik dengan salah satu diantara keduanya. jika ternyata sobat tertarik untuk bermigrasi(pindah) template dan belum mengtahui caranya silahkan ikuti langkah berikut: <br />
<br />
Dari Template baru ke template klasik : <br />
<br />
<br />
<ul><li>Sign in di blogger dengan id sobat</li>
<li>Klik menu <b>Layout</b></li>
<li>Klik menu <b>Edit HTML</b></li>
<li>Klik tulisan yang ada di bagian bawah layar yaitu : <b>Revert to Classic Template</b> <br />
Bila muncul kotak dialog, klik OK aja <br />
<br />
</li>
<li>Selesai, sobat memasuki dunia baru yaitu template klasik.</li>
</ul><br />
Dari template klasik ke template baru : <br />
<br />
<br />
<ul><li>Sign in di blogger dengan id sobat</li>
<li>Klik menu <b>Template</b></li>
<li>Klik menu <b>Customize Design</b></li>
<li>Klik tombol bertuliskan <b>UPGRADE YOUR TEMPLATE</b></li>
<li>Pilih template yang di sukai, lalu klik tombol <b>SAVE TEMPLATE</b></li>
<li>Selesai. sobat sudah memasuki alam baru, yaitu Template Baru.</li>
</ul><br />
<br />
<br />
<b>Cara mengganti Template</b> <br />
<br />
Ada dua kemungkinan, yaitu mengganti template dengan buatan blogger dan mengganti template bukan buatan blogger. <br />
<br />
<br />
<br />
<li><b>Ganti template dengan template buatan blogger</b></li><br />
<br />
<br />
<br />
<b>Untuk template Klasik, ikuti langkah-langkah berikut :</b> <br />
<br />
<br />
<ol><li>Sign in di blogger dengan id sobat</li>
<li>Klik menu <b>Template</b></li>
<li>Klik menu <b>Pick New</b></li>
<li>Pilih template mana yang paling cocok, lalu klik tombol bertuliskan <b>Use This Template</b> yang berada di bawah gambar template</li>
<li>Selesai. Blog sobat sudah punya wajah baru.</li>
</ol><br />
<b>Untuk template baru, ikuti langkah-langkah berikut :</b> <br />
<br />
<br />
<ol><li>Sign in di blogger dengan id sobat</li>
<li>Klik menu <b>Layout</b></li>
<li>Klik menu <b>Pick New Template</b></li>
<li>Pilih template mana yang sobat sukai, lalu klik tombol <b>SAVE TEMPLATE</b></li>
<li>Selesai.Blog sobat sudah mempunyai wajah baru</li>
</ol><br />
<br />
<br />
Ada yang perlu di ketahui yaitu jika kita mengganti template dengan template buatan blogger sendiri, maka data-data semisal link, shoutbox, image dan lain-lain. Data ini tidak akan hilang. Lain halnya apabila kita mengganti dengan template buatan bukan blogger.com, maka semua data-data yang di sebutkan tadi akan menghilang (kecuali postingan artikel tidak akan hilang) dan tentunya harus di input ulang, dan judulnya <i>Caaaaapppppee deeeeehhhhh .....</i> <br />
<br />
<br />
<br />
<li><b>Ganti template dengan template bukan buatan blogger</b></li><br />
<br />
<br />
<br />
Hal pertama yang harus di ingat adalah semua data-data yang ada seperti yang saya sebutkan tadi, maka apabila kita mengganti template dengan template bukan buatan blogger sendiri, kita harus mengcopy dulu seluruh data tersebut, dan kemudian nanti setelah kita sudah mengganti template, data-data tadi kita input ulang. <br />
<br />
<br />
<br />
<li><b>Template baru</b></li><br />
<br />
<br />
<ol><li>Sign in di blogger dengan id sobat</li>
<li>Klik menu <b>Layout</b></li>
<li>Klik menu <b>page Elements</b></li>
<li>Klik tulisan <b>Edit</b> pada masing-masing Element, lalu copy seluruh datanya</li>
<li>Jika semua data di pastikan sudah di copy, maka langkah selanjutnya adalah klik menu <b>edit HTML</b></li>
<li>Klik tulisan --> <b>download Full Template</b>, save dalam komputer. Ini di maksudkan apabila nanti sobat berubah pikiran dan ingin kembali lagi, sobat masih punya data template tersebut</li>
<li>Beri tanda centang dulu pada kotak kecil disamping tulisan <b>Expand Widget Template</b></li>
<li>Klik tombol <b>Browse...</b>, lalu masukan data Template baru yang ingin di masukan</li>
<li>Klik Tombol <b>Upload</b></li>
<li>Biasanya keluar peringatan bahwa data-data yang kita punya seperti link, shoutbox dan lain-lain akan ter delete (terhapus)</li>
<li>Klik tombol --> <b>Confirm & Save</b>, dengan asumsi bahwa sobat sudah mengcopy data-data tadi</li>
<li>Selesai. Blog sobat sudah mempunyai wajah baru.</li>
</ol><br />
<br />
<li><b>Template Klasik</b></li><br />
<br />
<br />
<ol><li>Sign in di blogger dengan id sobat</li>
<li>Klik menu <b>Template</b></li>
<li>Klik menu <b>Edit HTML</b></li>
<li>Tandai (highligh/blok) semua data template yang ada, sorot pada tulisan yang sudah di tandai, klik kanan <b>Copy</b>,lalu <b>paste</b> pada program notepad, <b>save</b> dan beri judul dengan nama yg mudah di ingat. Ini dimaksudkan untuk backup data untuk nanti input ulang data-data seperti link,shoutbox dll</li>
<li>Delete semua data template yang lama</li>
<li>Copy seluruh data template yang baru yang mau di masukan, lalu paste pada kotak data template yang sudah di delete tadi</li>
<li>Klik tombol <b>Preview</b>, lihat perubahan yang ada (biasanya preview ini agak berbeda dengan tampilan blog aslinya), Jika sudah cocok, klik tombol <b>Save Template Changes</b></li>
<li>Selesai. blog sobat sudah mempunyai wajah baru.</li>
</ol><br />
Bagaimana sobat? mudah-mudahan keterangan diatas dapat menjawab semua pertanyaan mengenai ganti template. <br />
<br />
Selamat mencari dan menemukan template yang sobat suka.<br />
<br />
<br />
<br />
sumber:http://kolom-tutorial.blogspot.com/2007/06/template-baru-vs-template-klasik.htmlUnknownnoreply@blogger.com1tag:blogger.com,1999:blog-1118248431743145880.post-29376704394786679882009-12-25T22:10:00.001-08:002009-12-25T22:10:54.626-08:00Cara Membuat Text, Link, Atau Gambar, Berjalan ( MARQUEE )Apa itu marquee ? Marquee adalah suatu program HTML untuk membuat teks bisa bergerak atau berjalan, seperti gambar yang anda lihat disamping postingan ini. Program marquee ini banyak diminati dan di pakai oleh para blogger di dalam blognya karena sifat program ini yang dinamis serta menarik untuk di lihat disamping untuk menghemat tempat pada halaman blog.<br />
<br />
<a name='more'></a><br />
<br />
Marquee ini bisa di buat dengan menggunakan tag <marquee>...</marquee>.<br />
<br />
Atribut yang sering di gunakan adalah :<br />
<br />
BGCOLOR="warna" --> Untuk mengatur warna background (latar belakang) teks<br />
<br />
DIRECTION="left/right/up/down" --> Mengatur arah gerakan teks<br />
<br />
BEHAVIOR="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan<br />
<br />
Scroll -->teks bergerak berputar<br />
Slide--> teks bergerak sekali lalu berhenti<br />
Alternate --> teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik bo)<br />
<br />
TITLE='pesan" --> Pesan akan muncul saat mouse berada di atas teks<br />
<br />
SCROLLMOUNT="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semajin cepat gerakannya.<br />
<br />
SCROLLDELAY="angka" --> Untuk mengatur waktu tunda gerakan dalam mili detik<br />
<br />
LOOP="angka|-1|infinite" --> Mengatur jumlah loop<br />
<br />
WIDTH="lebar" --> Mengatur lebar blok teks dalam pixel atau persen<br />
<br />
Agar lebih jelas akan saya sertakan contohnya :<br />
<br />
Contoh marquee dari gerakan :<br />
<br />
<blockquote style="background-color: #cccccc;"><marquee align="center" direction="right" height="200" scrollamount="2" width="30%"><br />
<br />
marquee dari kiri ke kanan <br />
<br />
</MARQUEE><br />
</blockquote><br />
hasilnya :<br />
<marquee align="center" direction="right" height="200" scrollamount="2" width="90%"><br />
<br />
marquee dari kiri ke kanan <br />
<br />
</marquee><br />
ganti kata "left" dengan keinginan anda yaitu bisa : left, up, down .<br />
<br />
Contoh marquee dari perilaku gerakan :<br />
<br />
<blockquote style="background-color: #cccccc;"><marquee align="center" behavior="alternate" direction="left" height="200" scrollamount="3" width="70%"><br />
<br />
marquee menurut perilaku<br />
<br />
</marquee><br />
</blockquote><br />
hasilnya:<br />
<marquee align="center" behavior="alternate" direction="left" height="200" scrollamount="3" width="70%"><br />
<br />
marquee menurut perilaku<br />
<br />
</marquee><br />
<br />
<br />
Ada variasi lain dari marquee ini, yakni ketika mouse sedang berada di area marquee teks akan berhenti dan ketika mouse di geser kembali ketempat lain maka teks akan bergerak kembali, ini hanya di tambahkan sedikit program pada kolom marquee.<br />
<br />
Contoh, silahkan arahkan mouse anda ke area marquee di bawah ini :<br />
<br />
<blockquote style="background-color: #cccccc;"><marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center"><br />
<br />
silahkan tunjuk ke sini<br />
<br />
</marquee><br />
</blockquote><br />
hasilnya : <br />
<marquee align="center" direction="up" height="200" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" width="50%"><br />
<br />
silahkan tunjuk ke sini<br />
<br />
</marquee><br />
<br />
<br />
contoh marquee yang didalamnya terdapat link dan gambar. cara membuat link dengan gambar baca di <a href="http://www.dedi-padiku.co.cc/2009/12/cara-membuat-link-text-dan-link-gambar.html">sini.</a><br />
<br />
<blockquote style="background-color: #cccccc;"><marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="3" direction="up" width="30%" height="200" align="center"> <br />
<br />
<table style="width:auto;"><tr><td><a href="http://www.blogfacebook.co.cc/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMg3v9lit8lUsQQy9HvhmH9iUyUT36M9Ii_WEzhh0Vy3ho2tm9U0DEPnwz3EogSmcPvep5tCmczkAFXXLWKEpV5rdE_QTQ5uyXpCMyIaqoV6FwfJVu77LcS9zxFxeLwbhkcKw9WOAhEzM/s800/dedi.jpg"/></a></td></tr><tr><td style="font-family:arial,sans-serif; font-size:11px; text-align:right">Dari <a href="http://www.blogfacebook.co.cc/">Blog Facebook</a></td></tr></table><br />
<br />
<table style="width:auto;"><tr><td><a href="http://www.the-youtube.co.cc/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc-w2-P4vaOqtTkXHQuQFVbWZsXA5_QNidmLocGhgyPr_-z_WcChTtINlJxANe2EjIkp_ClCn6o45yIzGwktFT355vGeaF8y4qKFpvKFwTACq567wJT-MowKGQrvFaCx8hca2lho3ot8w/s800/dedi%201.jpg"/></a></td></tr><tr><td style="font-family:arial,sans-serif; font-size:11px; text-align:right">Dari <a href="http://www.the-youtube.co.cc/">The Youtube</a></td></tr></table><br />
<br />
<br />
</marquee><br />
</blockquote><br />
hasilnya:<br />
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="3" direction="up" width="30%" height="200" align="center"><br />
<br />
<table style="width:auto;"><tr><td><a href="http://www.blogfacebook.co.cc/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMg3v9lit8lUsQQy9HvhmH9iUyUT36M9Ii_WEzhh0Vy3ho2tm9U0DEPnwz3EogSmcPvep5tCmczkAFXXLWKEpV5rdE_QTQ5uyXpCMyIaqoV6FwfJVu77LcS9zxFxeLwbhkcKw9WOAhEzM/s800/dedi.jpg"/></a></td></tr>
<tr><td style="font-family:arial,sans-serif; font-size:11px; text-align:right">Dari <a href="http://www.blogfacebook.co.cc/">Blog Facebook</a></td></tr>
</table><br />
<table style="width:auto;"><tr><td><a href="http://www.the-youtube.co.cc/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc-w2-P4vaOqtTkXHQuQFVbWZsXA5_QNidmLocGhgyPr_-z_WcChTtINlJxANe2EjIkp_ClCn6o45yIzGwktFT355vGeaF8y4qKFpvKFwTACq567wJT-MowKGQrvFaCx8hca2lho3ot8w/s800/dedi%201.jpg"/></a></td></tr>
<tr><td style="font-family:arial,sans-serif; font-size:11px; text-align:right">Dari <a href="http://www.the-youtube.co.cc/">The Youtube</a></td></tr>
</table><br />
<br />
</marquee><br />
<br />
<br />
<br />
sumber:http://kolom-tutorial.blogspot.com/2007/04/membuat-marquee.htmlUnknownnoreply@blogger.com1tag:blogger.com,1999:blog-1118248431743145880.post-74427777038938493252009-12-17T11:19:00.000-08:002009-12-17T11:29:29.194-08:00Cara Membuat Facebook1. yang pertama kamu lakukan adalah dengan mengunjungi alamat : www.facebook.com atau http://facebook.com, dan pastikan halaman yang muncul adalah seperti gambar di bawah ini.<br />
<br />
<img alt="cara membuat facebook" height="298" src="http://myimages.vickyridwana.com/cara-biki-membuat-facebook/facebook1.jpg" width="450" /><br />
<br />
<br />
2. jika sudah muncul halaman seperti gambar di atas, isilah kolom pendaftaran yang sudah tersedia, masukkan nama lengkap kamu, alamat <span id="IL_AD11">email</span> kamu (jika belum punya alamat email silahkan mmbaca panduan tentang cara membuat email, <a href="http://ridwanaz.com/teknologi/internet/langkah-cara-membuat-email-di-gmail-google" target="_blank">klik di sini</a> untuk email di gmail, dan <a href="http://ridwanaz.com/teknologi/internet/cara-membuat-email-di-yahoo/" target="_blank">klik di sini</a> untuk membuat email di yahoo), masukkan password (kata kunci yang akan kamu gunakan nanti untuk masuk ke accoun <b>facebook</b> (demi keamanan buatlah pasword yang unik tapi tidak mudah ditebak oleh orang lain), untuk memiliih jenis kelamin, bulan tanggal tahun lahir, kamu klik <span id="more-689"></span>saja tanda segitiga yang saya lingkari, nanti akan muncul pilihannya. jika sudah diisi semu klik tombol SIgn Up yang berwarna hijau. (pastikan data diisi dengan benar, teliti lagi sebelum klik sign up)<br />
<br />
<a name='more'></a><br />
<br />
<img alt="cara membuat facebook" height="341" src="http://myimages.vickyridwana.com/cara-biki-membuat-facebook/facebook2.jpg" width="450" /><br />
<br />
3. setelah kamu meng klik Sign Up kamu akan dibawa ke halaman selanjutnya, kamu diminta untuk memasukkan huruf yang tampil diatasnya.<br />
<br />
<img alt="cara membuat facebook" height="305" src="http://myimages.vickyridwana.com/cara-biki-membuat-facebook/facebook3.jpg" width="450" /><br />
4. seperti pada contoh gambar di bawah ini. masukkan sesuai dengan contohnya, huruf besar atau huruf kecil harus sama, masukkan pada kolom <b>Text in the box</b>.jika kamu mengalami kesulitan membaca kode kata yang tampil itu, kamu bisa menggantinya dengan kode yang lain. dengan cara klik <i>Try different words</i> . jika sudah diisi klik Sign Up<br />
<br />
<img alt="cara membuat facebook" height="450" src="http://myimages.vickyridwana.com/cara-biki-membuat-facebook/facebook4.jpg" width="450" /><br />
<br />
5. setelah kamu klik sign up pada jendela selanjutnya adalah sepertti gambar di bawah ini. jika kamu menemui gambar seperti di bawah ini, kamu telah berhasil mendaftar di facebook.tapi kamu harus melakukan aktifasi accoun facebook kamu dengan cara membuka kotak masuk di email kamu. selakarang abaikan halaman ini dan cek kotak masuk email kamu.<br />
<br />
<img alt="cara membuat facebook" height="292" src="http://myimages.vickyridwana.com/cara-biki-membuat-facebook/facebook05.jpg" width="400" /><br />
<br />
6. Setelah kamu mendaftar di facebook tadi, kamu mendapatkan dua pesan di kotak mauk email kamu, yang pertama isinya hanya ucapan slamat datang, dan yang kedua ini yang paling penting, yaitu berisi link aktifasi account facebook kamu.<br />
<br />
<br />
<img alt="cara membuat facebook" height="162" src="http://myimages.vickyridwana.com/cara-biki-membuat-facebook/facebook5.jpg" width="450" /><br />
<br />
7. seperti yang saya katakan diatas tadi, kamu harus melalukan aktifasi melalui email. caranya adalah dengan melakukan klik pada link aktifasi yang dikirimkan oleh facebook.. link aktifasi yang saya maksud adalah yang saya lingkari pada gambar di bawah ini.<br />
<br />
<img alt="cara membuat facebook" height="304" src="http://myimages.vickyridwana.com/cara-biki-membuat-facebook/facebook6.jpg" width="450" /><br />
<br />
8. setelah kamu klik kamu akan di bawa ke jendela seperti ini, jika muncul seperti gambar dibawah ini, kamu telah berhasil melakukan aktifasiemail kamu… klik <b>okay </b>pada pojok kanan jendela<br />
<br />
<img alt="cara membuat facebook" height="380" src="http://myimages.vickyridwana.com/cara-biki-membuat-facebook/facebook7.jpg" width="450" /><br />
<br />
9. Untuk <b>step 1</b> agar tidak rumit kamu lewati dulu saja, dengan cara klik pada <b>Skip this step</b> pada pojok kanan bawah jendela,<br />
<br />
<img alt="cara membuat facebook" height="292" src="http://myimages.vickyridwana.com/cara-biki-membuat-facebook/facebook05.jpg" width="400" /><br />
<br />
10. pada <b>step 2,</b> masukkan alamat sekolah tinggimu (SMA), universitas dengan tahun periodenya nya , dan tempat kamu bekerja,<br />
<br />
<img alt="cara membuat facebook" height="330" src="http://myimages.vickyridwana.com/cara-biki-membuat-facebook/facebook8.jpg" width="450" /><br />
<br />
11. sehingga contohnya seperti gambar di bawah ini. kemudian klik <b>Save & continue, </b>tapi jika kamu tidak ingin mengisi form ini juga tidak apa apa.. biarkan saja kosong, dan langsung klik <b>Save & </b><br />
<br />
<b>continue</b>.<br />
<img alt="cara membuat facebook" height="331" src="http://myimages.vickyridwana.com/cara-biki-membuat-facebook/facebook9.jpg" width="450" /><br />
<br />
11. setelah kamu klik save & continue, pada <b>step 3</b> adalah memilih jaringan pertemanan kamu. Pilih saja Indonesia, kalau pilih luar indonesia nanti malah repot… setelah pilih indonesia, klik <b>Join</b><br />
<br />
<img alt="cara membuat facebook" height="248" src="http://myimages.vickyridwana.com/cara-biki-membuat-facebook/facebook10.jpg" width="400" /><br />
<br />
12. setelah kamu klik Join, akan muncul halaman seperti ini, selamat.. kamu sudah punya account facebook. tapi karena baru bikin tentunya belum ada temannya alias masih kosong. sekarang yang kamu lakukan adalah mencari teman, kan tujuan membuat facebook memang untuk mencari teman, TAPI nanti dulu tidak Usah buru buru cari teman, ikuti langkah penting yang satu ini. yaitu mengganti bahasa pada facebook menjadi bahasa Indonesia. jadi halaman yang tampak pada gambar di bawah ini kamu abaikan saja.<br />
<br />
<img alt="cara membuat facebook" height="411" src="http://myimages.vickyridwana.com/cara-biki-membuat-facebook/facebook11.jpg" width="450" /><br />
l3.untuk mengganti bahasa pada facebook dari bahasa inggris ke indonesia adalah dengan klik pada tulisan English (US) pada pojok kiri bawah.<br />
<img alt="cara membuat facebook" height="284" src="http://myimages.vickyridwana.com/cara-biki-membuat-facebook/facebook12.jpg" width="450" /><br />
14. setelah kamu klik, nanti akan muncul jendela seperti gambar di bawah ini. Pilihlah bahasa indonesia, kemudian klik Okey.<br />
<img alt="cara membuat facebook" height="381" src="http://myimages.vickyridwana.com/cara-biki-membuat-facebook/facebook13.jpg" width="450" /><br />
15. facebook kamu telah berubah menjadi bahasa Indonesia. sekarang saatnya mencari teman, untuk mencari teman, masukkan nama teman kamu yang mungkin punya account di facebook, masukkan namanya pada kolom <b>Temukan orang yang Anda kenal</b>,<br />
<img alt="cara membuat facebook" height="369" src="http://myimages.vickyridwana.com/cara-biki-membuat-facebook/facebook14.jpg" width="450" /><br />
16. gak usah bingung bingung tentang nama teman kamu, sebagai contoh saya masukkan nama saya saja ya.. hehehe.. setelah kamu masukkan nama teman kamu, klik gambar kaca pembesar di sebelah kanan kolom.<br />
<img alt="cara membuat facebook" height="202" src="http://myimages.vickyridwana.com/cara-biki-membuat-facebook/facebook15.jpg" width="450" /><br />
17. setelah kamu klik nanti akan muncul hasil pencarian berisi tentang pemilik account facebook sesuai dengan namanya. di bawah ini nama vicky ridwana ada dua pengguna, karena memang saat ini saya menggunakan dua facebook… hehehe.. tapi jangan bilang siapa siapa ya, hehehe…. dan facebook saya yang banyak temannya adalah yang berada diurutan kedua.<br />
<img alt="cara membuat facebook" height="583" src="http://myimages.vickyridwana.com/cara-biki-membuat-facebook/facebook016.jpg" width="450" /><br />
18. pada kotak pencarian ada tiga menu penting, yaitu <b>tambahkan sebagai teman</b>, jika kamu ingin menjadikkannya sebagai teman di facebook kamu, <b>Kirim pesan</b> jika kamu ingin mengirim pesan saja, dan <b>lihat teman,</b> ini untuk mengetahui siapa saja teman si pengguna accoun itu. sebagai contoh kita klik menu <b>tambahkan sebagai teman</b><br />
<img alt="cara membuat facebook" height="296" src="http://myimages.vickyridwana.com/cara-biki-membuat-facebook/facebook16.jpg" width="450" /><br />
19. setelah kamu klik tambahkan sebagai teman seperti gambar diatas, nanti akan muncul jendela seperti gambar di bawah ini. klik pada <b>tambahkan teman</b>.<br />
<img alt="cara membuat facebook" height="244" src="http://myimages.vickyridwana.com/cara-biki-membuat-facebook/facebook17.jpg" width="450" /><br />
20. setelah kamu klik tambahkan teman, akanmuncul jendela pemeriksaan keamaan, masukkan kode kata pada kolom dibawahnya.. masukkan dengan teliti ya… kemudian klik pada <b>tambahkan teman</b><br />
<img alt="cara membuat facebook" height="274" src="http://myimages.vickyridwana.com/cara-biki-membuat-facebook/facebook18.jpg" width="450" /><br />
21. pada saat seseorang melakukan permintaan pertemanaan pada pemilik account facebook, maka si pemilik accoun facebook yang dimintai itu akan mendapatkan email dari facebook.. isinya tentang konfirmasi permintaan pertemanan. jika si pemilik account mengizinkan untuk menjadi teman dalam facebook, maka dia akan melakukan klik pada link konfirmasi, tapi jika tidak ya diabaikan saja.<br />
pada gambar di bawah ini adalah contoh email konfirmasi dari facebook tentang ajakan pertemanan dari Cantika,<br />
<img alt="cara membuat facebook" height="325" src="http://myimages.vickyridwana.com/cara-biki-membuat-facebook/facebook19.jpg" width="450" /><br />
22. jika kamu disetujui menjadi teman dalam facebook, kamu juga mendapatkan email konfirmasi, seperti gambar di bawah ini.<br />
<img alt="cara membuat facebook" height="306" src="http://myimages.vickyridwana.com/cara-biki-membuat-facebook/facebook20.jpg" width="450" /><br />
23. jika kamu sudah punya teman dalam facebook kamu, kamu akan bisa melihat status teman kamu, mengomentari status teman kamu, dan lain lain. sebelum mengomentari status temen kamu, alangkah baiknya membuat status kamu dulu. untuk membuat status.. Klik pada Menu Beranda di Pojok kanan atas.nanti halaman facebook kamu akan seperti gambar di bawa ini. pada kolom <b>Apakah yang anda pikirkan</b> itu adalah tempat kamu menulis status.. kalau sudah di tulis klik tombol <b>bagikan. </b>Untuk berkomentar pada status teman sudah tampak jelas disitu, saya rasa tidak perlu menjelaskan lagi<b>. </b><br />
<br />
<img alt="cara membuat facebook" height="534" src="http://myimages.vickyridwana.com/cara-biki-membuat-facebook/facebook23.jpg" width="450" /><br />
jika kamu menggunakan akses internet umum, misalnya di warnet.. saat kamu telah selesai menggunakan facebook.. jangan langsung di exit browsernya,tapi klik dulu Log out atau keluar, untuk menjaga keamanan account facebook kamu.. karena kalau tidak kamu klik keluar atau log out… biasanya komputer yang kamu tinggal itu keadan account facebook kamu masih aktif.. sangat tidak baik kalau ada orang lain yang menggunakan facebook kamu. <br />
untuk keluar dari facebook atau logout adalah…. dengan cara Klik pada menu <b>Keluar</b> yang berada pada pojok kanan atas dekat kotak pencaria, seperti pada gambar di bawah ini<br />
<img alt="cara membuat facebook" height="333" src="http://myimages.vickyridwana.com/cara-biki-membuat-facebook/facebook24.jpg" width="450" /><br />
sedangkan nanti jika kamu ingin mengakses lagi Facebook milik kamu , caranya buka alamat www.facebook.com lalu tinggal memasukkan alamat email dan password yang kamu buat tadi<br />
<img alt="cara membuat facebook" height="375" src="http://myimages.vickyridwana.com/cara-biki-membuat-facebook/facebook25.jpg" width="450" /><br />
ya… sampai di sinilah <a href="http://ridwanaz.com/teknologi/internet/petunjuk-cara-membuat-atau-mendaftar-di-facebook/">panduan cara membuat facebook</a>nya… untuk langkah selanjutnya silahkan coba coba sendiri.. untuk upload foto, silahkan baca paduan <a href="http://ridwanaz.com/teknologi/internet/cara-meng-upload-foto-di-profile-facebookcom/" target="_blank">cara upload foto facebook.com klik di sini</a><br />
dan yang terakhir… facebook pun bisa diakses menggunakan browser handphone.. seperti operamini…<br />
caranya jalankan aplikasi opera mini di handphone kamu… dan buka www.facebook.com, login lah seperti biasa…<br />
<img alt="cara membuat facebook" height="437" src="http://myimages.vickyridwana.com/cara-biki-membuat-facebook/facebook22.jpg" width="450" /><br />
PERHATIAN : INI SANGAT PENTING SEKALI BAGI KAMU YANG MASIH BELUM PAHAM JUGA DENGAN PANDUAN DIATAS.<br />
saya sarankan bacalah panduan diatas dengan teliti, dan tidak usah terburu-buru.<br />
Mendaftar Facebook membutuhkan alamat email kamu, jadi Jika Kamu BELUM mempunyai alamat email, kamu harus membuat email dulu. cara yang paling mudah adalah membuat email di Gmail <a href="http://ridwanaz.com/teknologi/internet/langkah-cara-membuat-email-di-gmail-google" rel="nofollow" target="_blank">klik di sini</a> untuk membaca panduannya.<br />
saya katakan ini karena pada kolom komentar di bawah ini saya sering menemukan komentar komentar yang mengeluh tentang susahnya membuat facebook, lalu saya coba mengirimi email beberapa orang yang mengeluh itu, mau saya tanyakan dimana sih susahnya, tapi ternyata email yang dicantumkan di sini adalah alamat email yang tidak valid, jadi saya anggap belum punya alamat email, atau bahkan belum mengerti apa itu pengertian email, jika ingin mengetahui tentang apa itu pengertian email silahkan baca di <a href="http://ridwanaz.com/teknologi/internet/cara-membuat-email-di-yahoo/" rel="nofollow">sini </a><br />
mohon maaf jika terdapat tutur kata yang tidak menyenangkan,<br />
<br />
<br />
http://ridwanaz.com/teknologi/internet/petunjuk-cara-membuat-atau-mendaftar-di-facebook/Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1118248431743145880.post-6844543217409709642009-12-16T17:02:00.001-08:002009-12-16T17:02:53.727-08:00Cara Membuat Link Text Dan Link GambarUntuk anda pengguna Blogger baru, ada perbedaan dalam membuat link, silahkan ikuti langkah berikut ini : <br />
<br />
<br />
<ol><li>Login di blogger dengan ID anda</li>
<li>Klik menu Layout</li>
<li>Klik Page Elements</li>
<li>Klik Add a Page Element</li>
<li>Klik ADD TO BLOG pada menu Link List<br />
<a name='more'></a> <br />
</li>
<li>Tulis Judul link pada pada isian di sebelah form Title. Contoh dalam blog saya Adalah “ Link partner” atau silahkan terserah anda</li>
<li>Isi nomor link yang ingin anda tunjukan di blog anda pada form Number of Links to show in list, jika anda ingin membatasi jumlah link yang akan di tampilkan, jika anda tidak mau membatasi silahkan di kosongkan saja.</li>
<li>Pada form Sorting, silahkan anda pilih sort Alphabetically bila ingin link anda di urutkan berdasarkan huruf alphabet ( mulai dari A --> Z ), atau pilih sort revers Alphabetically apabila anda menginginkan Link yang anda buat di urutkan secara terbalik ( mulai dari Z --> A ). Bila anda tidak menginginkan keduanya, yakni Link yang tampil sesuai dengan yang anda buat, silahkan pilih Don’t Sort</li>
<li>Tulis alamat URL yang akan di Link pada form New Site URL. Contoh : http;//kolom-tutorial.blogspot.com</li>
<li>Tulis nama atau tulisan yang ingin muncul pada link yang anda buat pada form New site Name. contoh : Blog Tutorial.</li>
<li>Klik Add Link, jika link yang anda buat lebih dari satu. Silahkan isi semua form sesuai dengan langkah di atas.</li>
<li>Klik SAVE CHANGES bila sudah selesai</li>
<li>Bila anda ingin menempatkan Link yang anda buat tadi, silahkan arahkan mouse anda ke kotak link yang baru anda buat, lalu tekan mouse sambil di tahan pindahkan ke tempat yang anda inginkan ( di drag & drop ) .</li>
<li>Klik SAVE. Selesai</li>
</ol><input id="gwProxy" type="hidden" /><input id="jsProxy" onclick="jsCall();" type="hidden" /><br />
<div id="refHTML"></div><br />
<br />
Membuat link dari gambar atau image<br />
<br />
Apabila anda mempunyai sebuah gambar, dan gambar tersebut ingin di jadikan sebuah link. Maka caranya seperti di bawah ini :<br />
<br />
1. Upload gambar yang anda miliki ke hosting tempat menyimpan gambar, contoh http://www.photobucket.com.<br />
<br />
<br />
2. Jika anda sudah mengupload gambar anda, maka gambar tersebut akan di beri alamat URL, copy alamat tersebut pada notepad. Sebagai contoh gambar chicklet blog tutorial di samping mempunyai alamat URL :<br />
<br />
http://i162.photobucket.com/albums/t253/rohman24/animasichicklet.gif<br />
<br />
Nah jika anda ingin membuat gambar tersebut menjadi sebuah link, maka kode yang di tulis adalah :<br />
<br />
<div style="background-color: #eeeeee; text-align: center;"><a href="http://kolom-tutorial.blogspot.com"><img src="http://i162.photobucket.com<br />
</div><div style="background-color: #eeeeee; text-align: center;">/albums/t253/rohman24/animasichicklet.gif"></a><br />
</div>(kode dalam satu baris)<br />
<br />
jika ingin dalam window baru :<br />
<br />
<div style="background-color: #eeeeee; text-align: center;"><a href="http://kolom-tutorial.blogspot.com" target="_blank"><img src="http://i162.photobucket.com<br />
</div><div style="background-color: #eeeeee; text-align: center;">/albums/t253/rohman24/animasichicklet.gif"></a><br />
</div>(kode dalam satu baris) <br />
<br />
<br />
<br />
Link berjudul<br />
<br />
Mungkin anda bingung, ko judul bahasan topik ini judulnya Link berjudul? Untuk memperjelas bahasan ini, silahkan anda kembali ke halaman atas blog ini lalu arahkan mouse anda ke tulisan Resep bisnis, coba diamkan sebentar pada link tersebut, maka tidak lama kemudian akan muncul tulisan Mau belajar bikin website sendiri silahkan klik disini . Nah sekarang mungkin anda sudah mengerti maksud saya, jadi dalam sebuah link ada kata-kata untuk menekankan ajakan anda kepada para pembaca untuk mengklik link tersebut. Untuk membuat judul link ini sangat mudah, yakni anda hanya harus menambahkan title=" ... " pada link yang anda buat. Contoh seperti yang saya berikan di atas :<br />
<br />
<div style="background-color: #eeeeee; text-align: center;"><a href="http://www.resepbisnis.com/?id=rohman target="new" title="mau belajar bikin website sendiri silahkan klik di sini">Resep bisnis</a><br />
</div><br />
mudah bukan. Selamat mencoba.<br />
<br />
<br />
<br />
<br />
sumber: http://kolom-tutorial.blogspot.com/2007/04/membuat-link-2.htmlUnknownnoreply@blogger.com2tag:blogger.com,1999:blog-1118248431743145880.post-24995282727892006282009-12-16T17:01:00.001-08:002009-12-16T17:01:50.361-08:00Membuat Text AreaApa itu text area??????. Text area adalah area atau tempat untuk menyimpan text atau tulisan dengan membentuk area baru. Biasanya text area ini di gunakan untuk menyimpan kode-kode HTML ataupun text lainnya agar bisa di copy oleh para pengunjung.<br />
<br />
<a name='more'></a><br />
<br />
Untuk membuat text area, silahkan anda Copy kode di bawah ini :<br />
<br />
<div style="background-color: #eeeeee; text-align: center;"><p align="center"><textarea name="code" rows="6" cols="20"> Tulis text ataupun kode-kode yang anda inginkan di sini, maka nanti tulisan anda akan tampil di dalam text area </textarea></p><br />
</div><br />
Sebagai contoh : <br />
<br />
<br />
<div align="center"><textarea cols="20" name="code" rows="6"><table style="width:auto;"><tr><td><a href="http://www-the.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZjb2N8G8ntG80k66rbI-p5Sfio82euG4YebPCjpTdtl7YjQD9gbVfu2ndoQ4Spgph-X7WiAN8-0FXyqdzuBmWVs64zJ-UTP6iJP1cMR5vPHaBa3nP88aHW_yLA8yn73CCFE7lVvCPd8U/s800/dedi%20the%20blogspot.jpg%20kecil.jpg"/></a></td></tr> <tr><td style="font-family:arial,sans-serif; font-size:11px; text-align:right">Dari <a href="http://www-the.blogspot.com/">The Blogspot</a></td></tr> </table></textarea><br />
</div><br />
<br />
Keterangan : rows="6", menunjukan tinggi dari text area, jadi jika anda menginginkan text area yang tinggi maka silahkan ganti angka " 6 tadi dengan angka yang lebih tinggi nilainya.<br />
<br />
Cols="20", menunjukan lebar dari text area. Jika anda menginginkan text area yang lebar maka silahkan ganti angka " 20 " tadi dengan angka yang lebih tinggi nilainya.<br />
<br />
Text Area dengan memakai HighLight<br />
<br />
Ada variasi lain dari membuat text area ini, yakni text area dengan menggunakan tombol highlight. dengan adanya tombol highlight ini akan memudahkan bagi para pengunjung untuk mengcopy seluruh text ataupun kode-kode yang di berikan, karena dengan hanya sekali tekan saja pada tombol highlight tadi, maka seluruh text ataupun kode-kode yang ada di dalamnya akan di highlight dan tinggal di copy saja. Fasilitas ini sangat berguna tatkala text ataupun kode-kode yang di berikan dalan jumlah yang sangat banyak dan ini akan mengurangi resiko tertinggalnya suatu text ataupun kode-kode untuk di copy. Untuk membuat text area dengan menggunakan highlight ini silahkan anda copy kode HTML di bawah : <br />
<br />
<br />
<div style="background-color: #eeeeee; text-align: center;"><div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">simpan tulisan anda di sini, maka tulisan yang anda tulis akan muncul di sini dan siap di copy oleh para pengunjung</textarea></p></div></form><br />
</div><br />
Sebagai contoh : <br />
<br />
<br />
<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All" /> <br />
</div><div align="center"></div><div align="center"><textarea cols="55" name="txt" rows="100" style="height: 144px; width: 300px;" wrap="VIRTUAL"><script language="JavaScript"> function clickIE() { if (document.all) { return false; } } function clickNS(e) { if (document.layers(document.getElementById&&!document.all)) { if (e.which==2e.which==3) { return false; } } } if (document.layers) { document.captureEvents(Event.MOUSEDOWN); document.onmousedown=clickNS; } else{ document.onmouseup=clickNS; document.oncontextmenu=clickIE; } document.oncontextmenu=new Function("return false") </script></textarea><br />
</div></form></div><br />
<br />
Agar anda lebih memahami kode di atas, sedikit akan saya uraikan. Kode di atas mempunyai dua elemen bagian, yakni elemen kode untuk membuat tombol yang bertuliskan Highlight All, dan yang kedua adalah elemen kode untuk membuat text area.<br />
<br />
Elemen tombol highlight All :<br />
<br />
1. <div align="center"> --> kata center menunjukan bahwa posisi tombol akan berada di tengah, jadi jika anda ingin posisi tombol berada di tepi sebelah kiri, tinggal ganti dengan kata left. Dan jika ingin berada di tepi sebelah kanan, tinggal ganti dengan kata right.<br />
<br />
<br />
2. <input onclick="javascript:this.form.txt.focus();this.form.txt.selec()"> --> kode ini artinya ketika tombol highlight di klik, maka seluruh text yang ada di dalamnya akan di highligt (di tandai atau di blok), jadi anda jangan merubah tulisan ini.<br />
<br />
<br />
3. Value="Highlight All" --> kata Highlight All adalah kata yang akan muncul di dalam tombol, jadi jika anda ingin merubah tulisan ini silahkan ganti dengan kata yang anda inginkan.<br />
<br />
<br />
Element text area :<br />
<br />
1. <p align="center"> --> ini menunjukan bahwa text area akan berada di tengah, nah jika anda ingin text area anda berada di tepi kiri, ganti kata center dengan kata left, bila ingin di tepi kanan, ganti dengan kata right.<br />
2. <text style="WIDTH: 300px">-->kata "WIDTH:300px" menunjukan lebar dari text area tersebut sebanyak 300 pixel, jadi jika anda ingin memperpendek atau memperpanjang lebar text area, anda tinggal menggantinya dengan angka yang anda inginkan. misal: "WIDTH:700px;"<br />
<br />
<br />
3. HEIGHT: 144px --> angka "144px" menunjukan bahwa text area akan mempunyai tinggi sebesar 144 px, jadi jika anda ingin merubahnya tinggal ganti angka tersebut dengan angka yang anda inginkan. Misal : HEIGHT:160px.<br />
<br />
<br />
Contoh text area yang memakai tombol highlight diatas, memuat skript untuk melindungi dari right click para pengunjung. skript ini di pakai apabila anda tidak ingin tulisan-tulisan anda di copy paste oleh pengunjung. bagi yang berminat silahkan copy lalu pasang pada kode HTML anda antara kode <HEAD> dan </HEAD> selamat mencoba.<br />
<br />
<br />
sumber: http://kolom-tutorial.blogspot.com/2007/04/membuat-text-area.html<br />
<input id="gwProxy" type="hidden" /><input id="jsProxy" onclick="jsCall();" type="hidden" /><br />
<div id="refHTML"></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1118248431743145880.post-3880312360177720412009-12-16T17:00:00.000-08:002009-12-16T17:00:15.535-08:00Cara Cepat Membuat template LagiYak akhirnya jadi juga, seperti yang aku janjikan kemarin yaitu "Cara Membuat Template Blogger". Mulai dari mana ya? nnnngg.. :t ohya, tak jelasin dulu deh tentang artikel ini. Gini, dalam trik berikut, kita akan mencoba membuat template yang paling sederhana dan paling mudah. Sebenarnya dalam mebuat template di blogger harus mengerti tentang CSS dan HTML, tapi untuk kali ini kita hanya memerlukan sedikit kemampuan tersebut karena kita akan membuat template yang paling sederhana, tapi jangan salah walaupun caranya sederhana tapi hasilnya bisa sangat luar biasa, tergantung dari desainernya. Ok deh mulai aja deh ya, kayaknya udah pada nggak sabar nih.<br />
<a name='more'></a><br />
<br />
<br />
Gini, cara termudah dalam membuat template blogger yaitu dengan mendownload sebuah template kemudian kita otak-atik sendiri, jadi kita tidak perlu membuat dari awal. Untuk bahan praktek kali ini kita coba memakai template yang aku dah pernah aku buat, <a href="http://www.ziddu.com/download/1540565/template.rar.html">downlad disini bahannya</a>. <span style="color: red;"><b>Sebelum kita mulai gue saranin lo buat blog baru aja biar gak ngerusak blog asli kamu</b></span>.<br />
<br />
<span style="color: blue;"><b>Tahap Desain</b></span><br />
<br />
Template yang akan kita buat disini memiliki empat komponen utama yaitu <b>Background, Header, Main dan Footer</b>. seperti yang ada dalam gambar berikut:<br />
<br />
<img height="277" src="http://kendhin.890m.com/template/template.jpg" width="400" /><br />
<br />
Jadi kamu harus membuat keempat komponen tersebut. Cara buatnya gimana? kamu harus bisa menggunakan software image editor seperti Photoshop, Corel, Paint dll. Cara pembuatan desainya lebih jelasnya seperti ini:<br />
1. Buat desain seperti gambar diatas<br />
2. Pada bagian <b>background </b>usahakan bersifat <b>"Tile / Pattern"</b> (kecil dan berulang-ulang).<br />
3. Untuk <b>Main</b> dibagi lagi menjadi beberapa kolom, boleh 2 kolom, 3 kolom atau terserah deh. Dan biasanya terdiri dari bagian utama (posting) dan sidebar.<br />
4. Kemudian potong-potong perbagian.<br />
5. Untuk bagian <b>Header</b> motongnya harus full.<br />
6. Bagian <b>background, main dan footer</b> motongnya sedikit aja karena bersifat "tile"<br />
7. Desain diatas kalo dipotong-potong akan menjadi seperti ini :<br />
<br />
<a href="http://kendhin.890m.com/template/bg.jpg" target="_blank"><img height="36" src="http://kendhin.890m.com/template/bg.jpg" width="30" /> background</a><br />
<a href="http://kendhin.890m.com/template/head.jpg" target="_blank"><img height="76" src="http://kendhin.890m.com/template/head.jpg" width="410" /> header</a><br />
<a href="http://kendhin.890m.com/template/main.jpg" target="_blank"><img height="5" src="http://kendhin.890m.com/template/main.jpg" width="410" /> main </a><br />
<a href="http://kendhin.890m.com/template/footer.jpg" target="_blank"><img height="19" src="http://kendhin.890m.com/template/foot.jpg" width="410" /> footer </a><br />
<br />
8. Upload potongan-potongan tersebut pada sebuah webhosting atau layanan penyimpanan file lainya. Contohnya di geocities atau Photobucket dll.<br />
<br />
Nha modeng po ra?<br />
<br />
Sekarang kita memasuki ke tahap penyusunan di blogger. gini langkah-langkahnya. Ohya udah di download belum tadi bahanya, kalo belum download dulu diatas itu. Ok kita mulai:<br />
1. Kembali ke blogger dan ke menu "Edit HTML".<br />
2. Trus klik tombol <b>"Brows"</b> untuk mengupload template yg udah kamu donwload tadi.<br />
3. Kemudian Cari kode seperti ini:<br />
<span style="color: blue;"><br />
body { margin: 0px; padding: 0px; text-align: left; font:$bodyfont; color:$textcolor; background: #323232 url('<b>http://kendhin.890m.com/template/bg.jpg</b>') repeat-x top left; }<br />
</span><br />
4. Ganti text yang dicetak tebal dengan lokasi gambar background yang kamu buat.<br />
5. Cari kode seperti ini :<br />
<br />
<span style="color: blue;">#center {background: #ffffff url('<b>http://kendhin.890m.com/template/main.jpg</b>') repeat-y top center;}</span><br />
<br />
6. Ganti text yang dicetak tebal dengan lokasi gambar <b>main</b> kamu.<br />
7. Cari kode seperti ini:<br />
<br />
<span style="color: blue;">#header { margin: 0; height:196px; width:898; color: $pagetitlecolor; background: url('<b>http://kendhin.890m.com/template/head.jpg</b>') no-repeat top center; }</span><br />
<br />
8. Ganti text yang dicetak tebal dengan gambar <b>header</b>.<br />
9. Cari kode seperti ini:<br />
<br />
<span style="color: blue;">#footer { margin: 0; width: 898px; height:80px; padding: 0px; background: url('<b>http://kendhin.890m.com/template/foot.jpg</b>') repeat-y top center; }</span><br />
<br />
10. Ganti text yang dicetak tebal dengan gambara <b>foter</b>.<br />
11. Masih ada beberapa hal yang harus kamu perhatikan. coba cari kode-kode berikut:<br />
<br />
<span style="color: blue;">#outer-wrapper { <span style="color: blue;"><b>width: 898px</b></span>; margin: 0px auto 0; text-align: justify; } </span><br />
<br />
kode <b>width: 898px</b> menunjukkan lebar dari blog kamu, kamu bisa mengubahnya sesuai keinginanmu, tapi harus disesuaikan dengan lebar desain gambar yang kamu buat.<br />
<br />
<span style="color: blue;">#main { float: left; <b>width: 445px; </b> margin: 5px; padding: 0px 0px 0px 10px; line-height: 1.5em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; }</span><br />
<br />
kode <b>width: 445px; </b> adalah lebar daerah <b>main</b> yang berisi posting, kamu bisa merubahnya.<br />
<br />
<span style="color: blue;">#sidebar { float: right; <b>width: 153px; </b> padding-right: 50px; font-size: 83%; color: $sidebartextcolor; line-height: 1.4em; word-wrap: break-word; overflow: hidden; }<br />
#ads-wrapper {float: left; <b>width: 195px;</b> padding-left: 10px; word-wrap: break-word; overflow: hidden; }</span><br />
<br />
kode <b>width: 153px; </b> adalah lebar sidebar bagian kanan. Dan kode <b>width: 195px;</b> adalah lebar sidebar bagian kiri. Terus kode <b>padding-right: 50px;</b> jarak antara tulisan atau isi sidebar sebelah kanan dengan garis batas kanan. Dan kode <b>padding-left: 10px;</b> adalah jarak antara isi sidebar kiri dengan garis batas kiri.<br />
<br />
<span style="color: blue;">#header { margin: 0; <b>height:196px; width:898; </b>color: $pagetitlecolor; background: url('http://kendhin.890m.com/template/head.jpg') no-repeat top center; }</span><br />
<br />
kode <b>height:196px; width:898; </b> adalah ukuran tinggi dan lebar bagian <b>header</b>, kamu bisa menyesuaikannya dengan ukuran header kamu.<br />
<br />
<span style="color: blue;">#footer { margin: 0; <b>width: 898px; height:80px;</b> padding: 0px; background: url('http://kendhin.890m.com/template/foot.jpg') no-repeat top center; }</span><br />
<br />
kode <b>width: 898px; height:80px;</b> adalah ukuran lebar dan tinggi bagian <b>footer</b>.<br />
<br />
12. Nah kalo udah selesai coba di preview template kamu, sudah sesuai kah? atau hancur?<br />
13. Kalo sudah di Save.<br />
<br />
:f akhirnya selesai juga aku buat artikel tentang pembuatan template, capek ya? tapi ingat sekali lagi ini adalah metode membuat template yang mudah dan sederhana, jadi sebenrnya isi dari template lebih rumit lagi, munkin kapan-kapan akan kita bahas detail dari bagian-bagina template tersebut.<br />
OK SELAMAT BERJUANG......<br />
<br />
<br />
sumber: http://trik-tips.blogspot.com/2008/02/cara-membuat-template-di-blogger.htmlUnknownnoreply@blogger.com0tag:blogger.com,1999:blog-1118248431743145880.post-88159140400208489902009-12-16T16:58:00.000-08:002009-12-16T16:58:03.146-08:00Membuat Read More untuk Template klasikWah judul yang aneh, "membuat <b>Read More</b>" maksudnya apa? Begini sobat, sebenarnya saya kurang setuju dengan judul tersebut, tadinya saya ingin memberi judul "Membuat menu Selengkapnya", tapi berhubung kata "Read More" yang paling di kenal di jagad blog, ya saya pun ikut-ikutan (dasar tukang ngekor). Ya sudahlah kepanjangan ngobrolnya. Kita mulai pembahasannya. Bagi para sobat yang baru mulai membuat blog, mungkin belum mengetahui informasi ini dan mudah-mudahan dengan membaca artikel ini dapat menambah pengetahuan kita tentang yang namanya nge-blog. <br />
<br />
<a name='more'></a><br />
<br />
Sobat mungkin melihat bahwa artikel-artikel saya terlihat hanya berupa judul-judul dengan satu atau dua buah paragrap saja, dan untuk melihat keseluruhan artikel harus meng klik link yang bertuliskan <b>>> Selengkapnya..."</b>, ini di sebut pengkaburan atau pengkamuflasean postingan (ribet banget nyebutnya). Bagi sobat yang baru posting artikel hanya satu atau dua artikel saja mungkin menganggap tidak perlu menyingkat artikel sobat, namun jika nanti artikel sobat sudah banyak, maka mungkin saja ada terbersit ingin membuat menu ini. <br />
<br />
<br />
<br />
Oke... kelamaan ngawurnya, mending langsung saja. Untuk membuat menu <b>Read more</b> kita harus menambahkan beberapa kode HTML ke dalam template blog kita. Tapi untuk postingan kali ini, saya khususkan untuk blogger yang memakai template klasik saja, untuk yang memakai template baru silahkan tunggu pada postingan yang akan datang. <br />
<br />
Silahkan ikuti langkah-langkah berikut : <br />
<br />
<br />
<ul><li>Login ke blogger.com dengan id sobat</li>
<li>Klik menu bertuliskan <b>Template</b></li>
<li>Klik menu <b>Edit HTML</b></li>
<li>jangan lupa Copy seluruh kode template milik sobat lalu paste pada notepad dan kemudian simpan, untuk membuat back up data. Ini dimaksudkan apabila terjadi kesalahan dalam template setelah kita otak-atik, kita masih punya cadangan data untuk mengembalikannya.</li>
<li>Copy kode HTML di bawah, kemudian paste persis di atas kode </style> :</li>
</ul><br />
<ul></ul><br />
<div style="text-align: center;"><blockquote style="background-color: #eeeeee;"><MainOrArchivePage><br />
<br />
div.fullpost {display:none;}<br />
<br />
</MainOrArchivePage><br />
<br />
<ItemPage><br />
<br />
div.fullpost {display:inline;}<br />
<br />
</ItemPage> <br />
</blockquote><div style="text-align: left;"><br />
</div><br />
<br />
</div><br />
Untuk mempercepat pencarian kode </style>, silahkan sobat klik menu Edit yang ada pada bar menu browser, kemudian klik Find (on this page)..., lalu tulis </style> trus klik tombol find next, maka secara otomatis akan di bawa ke kode tersebut.<br />
<br />
# langkah selanjutnya adalah, silahkan copy kode berikut lalu paste setelah kode <$BlogItemBody$> :<br />
<br />
<br />
<div style="background-color: #eeeeee; text-align: center;"><MainOrArchivePage><br/><br />
</div><div style="background-color: #eeeeee; text-align: center;"><br />
</div><div style="background-color: #eeeeee; text-align: center;"><a href="<$BlogItemPermalinkURL$>">Read more!</a><br />
</div><div style="background-color: #eeeeee; text-align: center;"><br />
</div><div style="background-color: #eeeeee; text-align: center;"></MainOrArchivePage><br />
</div><br />
<br />
Lagi-lagi Untuk mempercepat pencarian kode <$BlogItemBody$>, silahkan sobat klik menu Edit yang ada pada bar menu browser, kemudian klik Find (on this page)..., lalu tulis <$BlogItemBody$> trus klik tombol find next, maka secara otomatis akan di bawa ke kode tersebut.<br />
<br />
# Klik tombol yang bertuliskan SAVE SETTINGS<br />
<br />
<br />
# Langkah selanjutnya adalah klik menu Setting<br />
<br />
<br />
# Klik menu Formatting<br />
<br />
<br />
# Dibagian bawah menu tersebut ada kotak di samping tulisan Post Template, nah isi kotak kosong tersebut dengan kode di bawah ini :<br />
<br />
<br />
<div style="background-color: #eeeeee; text-align: center;"><div class="fullpost"><br />
</div><div style="background-color: #eeeeee; text-align: center;"><br />
</div><div style="background-color: #eeeeee; text-align: center;"><br />
</div><div style="background-color: #eeeeee; text-align: center;"></div> <br />
</div><br />
<br />
<ul>Sebenarnya langkah diatas tidak wajib dilakukan,akan tetapi ini di maksudkan agar ketika kita mau posting artikel, kode tersebut akan muncul secara otomatis tanpa harus di tulis dahulu, tentunya ini akan lebih mempermudah dan tidak harus selalu mengingat kode tersebut.
<li>kemudian jangan lupa klik tombol <b>Save Settings</b></li>
<li>Selesai</li>
</ul><br />
<br />
<br />
<b>Cara Posting Artikel</b> <br />
<br />
<br />
Oke, sesudah beberapa tahap kita lalui, sekarang kita masuk ke tahap bagaimana cara memposting suatu artikel agar ada menu <b>Readmore</b> nya. <br />
<br />
<ul><li>Klik menu <b>Posting</b></li>
<li>klik menu <b>Edit HTML</b>, nah di sana secara otomatis akan tampak kode yang kita simpan tadi, yakni :</li>
</ul><br />
<div style="background-color: #eeeeee; color: black; text-align: center;"><div style="text-align: center;"><<code>div class="fullpost"</code>><code> </code><br />
<code> </code><code></code><br />
<code> </code><<code>/div</code>><code> </code> <br />
</div><br />
</div><br />
simpan artikel sobat yang ingin di tampilkan sebelum kode <code style="color: black;"></code><span style="color: black;"><</span><span style="color: black;"><code>div class="fullpost"</code></span><span style="color: black;">></span><span style="color: black;"><code></code>, kemudian simpan sisa keseluruhan artikel setelah kode <code></code></span><span style="color: black;"><</span><span style="color: black;"><code>div class="fullpost"</code></span><span style="color: black;">></span><span style="color: black;"><code></code> dan sebelum kode <code></code></span><span style="color: black;"><</span><span style="color: black;"><code>/div</code></span><span style="color: black;">></span><span style="color: black;"><code></code> <br />
<br />
Agar lebih jelas, saya beri contoh, misal artikelnya begini : <br />
<br />
Ini adalah contoh tulisan yang di simpan pada awal artikel yang akan selalu muncul pada blog kita, sedangkan tulisan yang lainnya tidak akan muncul.<br />
<code> </code></span><span style="color: black;"><</span><span style="color: black;"><code>div class="fullpost"</code></span><span style="color: black;">></span><span style="color: black;"><code></code> <br />
dan tulisan yang ini adalah tulisan yang akan muncul ketika para pengunjung meng klik link yang bertuliskan Read more. <br />
<code> </code></span><span style="color: black;"><</span><span style="color: black;"><code>/div</code></span><span style="color: black;">></span><span style="color: black;"><code></code> <br />
<br />
Hasilnya yang akan tampak pada blog kita adalah seperti ini : <br />
<br />
Ini adalah contoh tulisan yang di simpan pada awal artikel yang akan selalu muncul pada blog kita, sedangkan tulisan yang lainnya tidak akan muncul. </span><br />
<br />
<br />
<ul><code> <span style="color: blue;">Read more!</span></code> </ul><br />
<br />
<br />
Bagaimana sobat, sudah jelaskan. bila belum jelas silahkan di tanyakan kembali pada komentar. <br />
<br />
Sedikit clue, kata <code> <span style="color: blue;">Read more!</span></code> sebenarnya bisa kita ganti sesuai dengan keinginan kita, misalkan kita rubah menjadi <b>Baca selengkapnya...</b>, <b>Selengkapnya..</b>, <b>Lanjutannya...</b> atau apa saja yang penting kata tersebut bisa memberi tahu kepada para pengunjung bahwa artikel kita ada kelanjutannya. <br />
<br />
Kode di atas sebenarnya ada alternatif lain, yakni memakai kode <code> <span style="color: red;">Span</span></code>, jika berminat, ganti semua kode <code> <span style="color: red;">div</span></code> menjadi <code> <span style="color: red;">Span</span></code>. Hasilnya akan sama, cuma bagi para sobat yang suka posting pada menu <b>compose</b>, kode ini sering ada masalah di karenakan bertabrakan dengan perintah lain yang memakai kode <code> <span style="color: red;">Span</span></code>. <br />
<br />
<br />
Akhirul kata selamat mencoba !<br />
<br />
sumber: http://kolom-tutorial.blogspot.com/2007/04/membuat-read-more-1.html <br />
<ul><div style="color: black;"></div>
</ul>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1118248431743145880.post-54434001480704805832009-12-16T16:54:00.000-08:002009-12-16T16:54:06.745-08:00Cara Memposting ArtikelBagi anda yang mengalami sedikit kendala tentang tata cara memposting suatu artikel kedalam blog, maka kali ini akan di bahas tentang tata cara posting di blogger.com. Di dalam menu posting ada beberapa toolbar yang bisa anda gunakan.Jika anda sudah terbiasa menggunakan microsoft Word ataupun microsoft Excel tentu barangkali tidak akan mengalami kesulitan ketika memposting suatu artikel, tapi mungkin tidak ada salahnya bila saya bahas sekilas tentang ini, barangkali ada di antara teman kita yang masih bingung.<br />
<a name='more'></a><br />
Toolbar yang ada ketika posting :<br />
<br />
<img src="http://i162.photobucket.com/albums/t253/rohman24/photo-posting_03-1.gif" /> --> Untuk merubah jenis hurup yang di gunakan <br />
<br />
<img src="http://i162.photobucket.com/albums/t253/rohman24/photo-posting_04-1.gif" /> --> Untuk merubah ukuran hurup (heading)<br />
<br />
<img src="http://i162.photobucket.com/albums/t253/rohman24/photo-posting_05.gif" /> --> Untuk Menebalkan hurup<br />
<br />
<img src="http://i162.photobucket.com/albums/t253/rohman24/photo-posting_06.gif" /> --> Untuk memiringkan hurup<br />
<br />
<img src="http://i162.photobucket.com/albums/t253/rohman24/photo-posting_07-1.gif" /> --> Untuk merubah warna hurup<br />
<br />
<img src="http://i162.photobucket.com/albums/t253/rohman24/photo-posting_11.gif" /> --> Untuk membuat link<br />
<br />
<img src="http://i162.photobucket.com/albums/t253/rohman24/photo-posting_13.gif" /> --> Untuk membuat artikel menjadi rata kiri<br />
<br />
<img src="http://i162.photobucket.com/albums/t253/rohman24/photo-posting_14.gif" /> --> Untuk membuat tulisan menjadi di tengah<br />
<br />
<img src="http://i162.photobucket.com/albums/t253/rohman24/photo-posting_15.gif" /> --> Untuk membuat artikel menjadi rata kanan<br />
<br />
<img src="http://i162.photobucket.com/albums/t253/rohman24/photo-posting_16.gif" /> --> Untuk membuat artikel menjadi rata kiri dan rata kanan<br />
<br />
<img src="http://i162.photobucket.com/albums/t253/rohman24/photo-posting_18.gif" /> --> Untuk membuat sub bahasan oleh angka<br />
<br />
<img src="http://i162.photobucket.com/albums/t253/rohman24/photo-posting_19.gif" /> --> Untuk membuat sub bahasan oleh bullet<br />
<br />
<img src="http://i162.photobucket.com/albums/t253/rohman24/photo-posting_21.gif" /> --> Untuk mengecek spelling<br />
<br />
<img src="http://i162.photobucket.com/albums/t253/rohman24/photo-posting_23.gif" /> --> Untuk memasukan gambar(upload gambar)<br />
<br />
<img src="http://i162.photobucket.com/albums/t253/rohman24/photo-posting_03.gif" /> --> Untuk membuat artikel dalam kode HTML<br />
<br />
<img src="http://i162.photobucket.com/albums/t253/rohman24/photo-posting_04.gif" /> --> Untuk membuat artikel dalam mode Compose (biasa)<br />
<br />
<img src="http://i162.photobucket.com/albums/t253/rohman24/photo-posting_07.gif" /> --> Untuk me review (melihat) artikel<br />
<br />
Cara penggunaan toolbar di atas adalah blok (beri tanda) terlebih dahulu tulisan yang akan di edit, kemudian tekan tombol toolbar yang di inginkan.<br />
<br />
Langkah-langkah dalam memposting suatu artikel:<br />
<br />
<br />
<ol><li>Sebaiknya klik terlebih dahulu “ Edit HTML”,jika langsung di mode “Compose”, sering terjadi hang pada komputer (pengalaman saya pribadi). Copy artikel yang telah anda buat sebelumnya, kemudian paste di area posting. Edit sesuai dengan kemauan anda.</li>
<li>Klik tombol “ compose “ untuk melakukan editing (jika anda masih bingung dengan kode HTML).</li>
<li>Klik tombol tool yang berlambang “ panorama” berwarna biru, jika anda ingin memasukan gambar ataupun photo untuk menghiasi posting-an anda.</li>
<li>Klik tombol “ Preview “ untuk melihat hasil posting-an anda yang nantinya akan tampil di dalam blog, barangkali masih ada yang perlu di edit.</li>
<li>Klik tombol “ publish “. Selesai. Tulisan hasil karya anda akan bisa dilihat dan di baca oleh seluruh dunia.</li>
</ol>sumber: http://kolom-tutorial.blogspot.com/2007/04/cara-memposting-artikel.htmlUnknownnoreply@blogger.com0tag:blogger.com,1999:blog-1118248431743145880.post-67620741751932139322009-12-16T16:52:00.001-08:002009-12-16T16:52:55.840-08:00Mengatur Hurup dan WarnaUntuk para blogger baru, sobat akan menikmati fasilitas baru dari blogger.com, yaitu sobat bisa mengatur jenis font (hurup) serta warna font dengan sangat mudah. Di bawah adalah langkah untuk mengatur Fonts And Colors (khusus untuk blogger baru dengan template baru, sedangkan untuk blogger yang memakai template klasik, menu ini tidak disediakan). Klik menu "Fonts and Colors", maka akan muncul beberapa pengaturan : (ini khusus untuk template "minima") <br />
<a name='more'></a><br />
<ol><li>Page Background color --> pengaturan warna background blog. Silahkan klik warna yang ada di sebelah kanan yang di sukai</li>
<li>Text Color --> pengaturan warna hurup dari posting-an</li>
<li>Link Color --> pengaturan warna hurup yang di link</li>
<li>Blog Title Color --> pengaturan warna hurup judul Blog</li>
<li>Blog Description Color --> pengaturan warna hurup deskripsi blog</li>
<li>Post Title Color --> pengaturan warna hurup judul posting-an</li>
<li>Border Color --> pengaturan warna kotak yang mengelilingi judul blog, serta garis pemisah</li>
<li>Sidebar Title Color --> pengaturan warna hurup judul yang anda di sidebar (kolom samping)</li>
<li>Sidebar Title Color --> pengaturan warna hurup yang ada di sidebar(kolom samping)</li>
<li>Visited link Color --> pengaturan warna hurup link ketika pengunjung mengarahkannya ke tulisan yang mengandung link</li>
<li>Text Font --> pengaturan jenis hurup,berlaku untuk hurup hasil dari posting-an ataupun hurup yang ada di sidebar</li>
<li>Sidebar Title Font --> pengaturan jenis hurup untuk judul yang ada di sidebar serta tanggal postingan</li>
<li>Blog Title Font --> pengaturan jenis hurup Judul blog</li>
<li>Blog Description Font --> Pengaturan jenis hurup dekripsi blog</li>
<li>Post Footer Font --> pengaturan jenis hurup footer (contoh : posted by )</li>
<li>Klik “ SAVE CHANGES” untuk mengakhiri pengaturan. Selesai</li>
</ol>Untuk template-template selain template "minima", pada dasarnya sama aja, hanya saja ada sedikit perbedaan, tapi itu tidak sulit. Untuk mengetahui tulisan mana yang sedang di rubah oleh anda, anda cukup melihat mana yang berubah tulisannya pada preview yang terletak sebelah bawah. <br />
<br />
sumber: http://kolom-tutorial.blogspot.com/2007/04/mengatur-hurup-dan-warna.htmlUnknownnoreply@blogger.com0tag:blogger.com,1999:blog-1118248431743145880.post-28816170067391710002009-12-16T16:51:00.000-08:002009-12-16T16:51:33.731-08:00Cara Setting BlogBagi para sobat yang baru membuat blog, ada beberapa settingan / pengaturan yang harus di lakukan agar blog kita bisa di kenali mesin pencari semisal Google,yahoo, Msn serta teman-temannya yang lain. Bila belum tahu apa yang harus di setting, silahkan ikuti langkah-langkahnya : <br />
<a name='more'></a><br />
<ol><li>Silahkan sobat Login ke blogger.com dengan user name dan password milik sobat </li>
<li>Klik judul blog yang mau di setting ( jika sobat sudah mempunyai beberapa blog)</li>
<li>Klik <b>Pengaturan</b>, trus klik <b>Dasar</b>. Beberapa form yang harus di isi pada menu <b>Dasar</b> :</li>
</ol><ul><li>Judul ⇒ isi dengan judul blog sobat. Contoh : Blogspot Tutorial</li>
</ul><ul><li>Uraian ⇒ isi dengan deskripsi blog sobat. Contoh : disini kita akan berbagi pengalaman dan pengetahuan seputar Blog</li>
</ul><ul><li>Tambahkan blog Anda ke daftar kami? ⇒ pilih <b>ya</b> agar setiap posting kita selalu masuk di daftar Blogger.com.</li>
</ul><ul><li>Biarkan mesin pencari menemukan blog Anda? ⇒ pilih <b>ya</b></li>
</ul><ul><li>Tampilkan Editing Cepat di Blog Anda? ⇒ pilih <b>Ya</b></li>
</ul><ul><li>Tampilkan Link Posting Email? ⇒ Sebaiknya pilih <b>ya</b>, tapi pilih <b>tidak</b> juga tidak apa-apa</li>
</ul><ul><li>Konten Dewasa? ⇒ Pilih <b>tidak</b>. Kalau pilih <b>ya</b> berarti blog anda di anggap blog untuk dewasa (semacam blog porno)</li>
</ul><ul><li>Tampilkan Mode Compose untuk semua blog Anda? ⇒ pilih <b>Ya</b></li>
</ul><ul><li>Aktifkan transliterasi? ⇒ pilih <b>Tidak</b>, jika anda ingin ada button untuk mengubah biasa ke hurup hindi (India), pilih <b>ya</b> jika sebaliknya)</li>
</ul><ul><li>Klik tombol <b>Simpan Pengaturan</b> . Selesai</li>
</ul>4. Klik <b>Publikasi</b> untuk mengatur menu <b>Publikasi</b> : <br />
<ul><li>Alamat Blog*Spot ⇒ isi dengan nama blog sobat. Contoh : kolom-tutorial. Biasanya alamat yang tercantum adalah langsung alamat blog anda, jadi jangan di ubah aja.</li>
</ul><ul><li>Klik tombol<b>Simpan pengaturan</b>. Selesai</li>
</ul>5. Klik <b>Format</b> untuk mengatur menu format : <br />
<ul><li>Tampilkan ⇒ pilih angka posting yang ingin anda tampilkan. Missal : Tampilkan : 6 posting, berarti posting yang akan tampil di halaman blog sobat adalah sebanyak enam posting. Pilih <b>posting</b> (jangan <b>hari</b>) pada menu pulldown.</li>
</ul><ul><li> Format Header Tanggal ⇒ pilih model tanggal/bulan yang anda sukai, Format tanggal/bulan ini akan selalu muncul diatas postingan kita.</li>
</ul><ul><li> Format tanggal Index Arsip ⇒ pilih model untuk peng-arsip-an yang anda sukai.</li>
</ul><ul><li> Format Timestamp ⇒ Pilih bentuk waktu yang anda sukai.</li>
</ul><ul><li> Zona Waktu ⇒ Pilih zona waktu yang sesuai. Contoh untuk WIB : [UTC-+7.00]Asia/Jakarta.</li>
</ul><ul><li> Bahasa ⇒ Pilih bahasa yang di inginkan.</li>
</ul><ul><li> Tampilkan Field judul ⇒ Pilih <b>ya</b></li>
atau tidakpun tidak apa-apa</ul><ul><li> Tampilkan kolom link ⇒ pilih <b>ya</b>, tapi seandainya pilih <b>tidak</b> juga tidak apa-apa.</li>
</ul><ul><li> Aktifkan perataan float ⇒ pilih <b>ya</b>, tapi seandainya mau pilih <b>tidak</b> juga tidak apa-apa</li>
</ul><ul><li> Klik tombol <b>Simpan Pengaturan</b>. Selesai</li>
</ul>6. Klik <b>Komentar</b> Untuk mengatur menu komentar : <br />
<ul><li>Komentar ⇒ pilih <b>tampilkan</b>, ini agar artikel anda dapat di komentari oleh pengunjung </li>
</ul><ul><li>Siapa yang Bisa Berkomentar ? ⇒ Pilih <b>Siapa pun - <i>termasuk Pengguna Anonim</i></b>. Ini di maksudkan agar setiap orang bisa berkomentar tidak terbatas kepada anggota blogspot saja.</li>
</ul><ul><li>Default Komentar untuk Posting ⇒ pilih <b>Posting baru memiliki komentar</b>.</li>
</ul><ul><li>Link balik ⇒ Pilih <b>tampilkan</b>. Ini dimaksudkan agar kita mengetahui apabila ada yang memasang link pada artikel kita.</li>
</ul><ul><li>Default Link Balik untuk Posting ⇒ pilih <b>Posting baru Memiliki Link Balik</b>.</li>
</ul><ul><li>Format Timestamp Komentar ⇒ pilih format jam yg singkat. Contoh: 8.00 PM.</li>
</ul><ul><li>Tampilkan komentar dalam sebuah window popup? ⇒ pilih <b>Ya</b>. Supaya ketika di klik oleh pengunjung, halaman blog anda tidak menghilang/tertimpa halaman komntar.</li>
</ul><ul><li>Aktifkan moderasi komentar? ⇒ pilih <b>Tidak</b> (sebaiknya).</li>
</ul><ul><li>Tampilkan verifikasi kata untuk komentar? ⇒ pilih <b>Ya</b>. ini di maksudkan agar terhindar dari software robot dengan tujuan melakukan spam.</li>
</ul><ul><li>Tampilkan gambar profil dalam komentar? ⇒ pilih <b>ya</b>. Supaya gambar komentator yg punya id blogger, dapat menampilkan fotonya.</li>
</ul><ul><li>Email Pemberitahuan Komentar ⇒ isi dg alamat email anda, ini di maksudkan agar setiap ada yang berkomentar pada artikel anda, anda dapat kiriman email dari blogger.com sebagai pemberitahuan.</li>
</ul><ul><li>Klik tombol <b>Simpan Pengaturan</b>. Selesai</li>
</ul>7. Klik <b>Arsipkan</b> Untuk mengatur menu Arsipkan : <br />
<ul><li>Frekuensi Arsip ⇒ pilih <b>Bulanan</b>. </li>
</ul><ul><li>Aktifkan Halaman Posting? ⇒ pilih <b>ya</b>.</li>
</ul><ul><li>Klik tombol <b>Simpan Pengaturan</b> . Selesai.</li>
</ul>8. Klik <b>Fedd Situs</b> untuk mengatur menu feed situs : <br />
<ul><li>Izinkan Feed Blog ⇒ pilih <b>Penuh</b>.</li>
</ul><ul><li>Posting URL Pengubahan Arah Feed ⇒ di isi dengan alamat feed penggati semisal alamat feed dari feed burner, jika belum punya, di kosongkan saja.</li>
</ul><ul><li>Footer Feed Posting ⇒ Silahkan di isi dengan kode iklan yang anda punya, misal kode iklan dari <b>Google adsense</b> dsb, namun jika tidak punya, silahkan kosongkan saja.</li>
</ul><ul><li>Klik tombol <b>Simpan Perubahan</b>. Selesai.</li>
</ul>sumber: http://kolom-tutorial.blogspot.com/2007/04/cara-setting-blog.htmlUnknownnoreply@blogger.com0tag:blogger.com,1999:blog-1118248431743145880.post-82239823121864351252009-12-16T16:36:00.001-08:002009-12-16T16:36:54.661-08:00Cara Cepat Membuat Template<a href="http://3.bp.blogspot.com/_C6KkooKXCEw/SxM-cCWxuII/AAAAAAAAFEo/WTvkQXSG4e0/s1600/bgimage.gif" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5409736228791761026" src="http://3.bp.blogspot.com/_C6KkooKXCEw/SxM-cCWxuII/AAAAAAAAFEo/WTvkQXSG4e0/s400/bgimage.gif" style="cursor: pointer; float: left; height: 84px; margin: 0pt 10px 10px 0pt; width: 233px;" /></a> Program <a href="http://click.linksynergy.com/fs-bin/click?id=THOZMPa5hws&offerid=173675.10000006&type=3&subid=0" target="_blank"> Artisteer</a> bisa saya katakan sebagai <b>program template generator</b> terbaik dan terbilang sangat lengkap. Ini sangat berbeda dengan <a href="http://www.o-om.com/2009/10/free-blogger-template-generator.html" target="_blank"> template generator khusus blogger </a>yang pernah saya publish beberapa waktu lalu. <b>Artisteer</b> tidak hanya disediakan untuk pengguna blogger saja, tapi hampir semua Platform blog populer seperti Joomla, Drupal, DotNetNuke dan Wordpress juga bisa menikmati tools ini. <br />
<br />
<a name='more'></a><br />
Sayang program yang berkualitas seperti Artister ini tidaklah gratis. Untuk membelinya Anda harus mengeluarkan kocek sekitar $49 untuk versi Home & Academic Edition dan $129 untuk versi StAndar Edition. Tapi jangan kawatir, Anda masih bisa mendownload versi demonya. Untuk ukuran file lumayan besar besar juga sekitar 60MB. Anda bisa melihat demo programnya <a href="http://www.artisteer.com/?p=demo" target="_blank">disini.</a><br />
<br />
Silahkan, jika berminat Anda bisa membeli progam Artisteer ini via paypal dilink ini <a href="http://click.linksynergy.com/fs-bin/click?id=THOZMPa5hws&offerid=173675.10000006&type=3&subid=0" target="new"> Buy Now</a><br />
<br />
<b>Berikut langkah-langkah membuat dan menerapkan template Blogger dalam hitungan menit</b><br />
<br />
<br />
1. Jalankan Artisteer dan kemudian klik tombol "Suggest Design" beberapa kali, sampai Anda melihat sebuah ide yang Anda sukai<br />
<br />
<a href="http://2.bp.blogspot.com/_C6KkooKXCEw/SxM-LVYXl3I/AAAAAAAAFEQ/8oxQyNs5oRU/s1600/blogger_ss1.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5409735941840934770" src="http://2.bp.blogspot.com/_C6KkooKXCEw/SxM-LVYXl3I/AAAAAAAAFEQ/8oxQyNs5oRU/s400/blogger_ss1.jpg" style="cursor: pointer; display: block; height: 300px; margin: 0px auto 10px; text-align: center; width: 400px;" /></a><br />
2. Mengatur elemen desain seperti tata letak, latar belakang, header, huruf, dll<br />
<br />
<a href="http://4.bp.blogspot.com/_C6KkooKXCEw/SxM-Lqb0tEI/AAAAAAAAFEY/_3Cbsmr9xr4/s1600/blogger_ss2.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5409735947492570178" src="http://4.bp.blogspot.com/_C6KkooKXCEw/SxM-Lqb0tEI/AAAAAAAAFEY/_3Cbsmr9xr4/s400/blogger_ss2.jpg" style="cursor: pointer; display: block; height: 300px; margin: 0px auto 10px; text-align: center; width: 400px;" /></a> <br />
3. Publikasikan template baru Anda dengan menentukan email dan password blogger Anda.<br />
<a href="http://3.bp.blogspot.com/_C6KkooKXCEw/SxM-L4uyE_I/AAAAAAAAFEg/ZWpeVCfrZ1k/s1600/blogger_ss3.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5409735951330186226" src="http://3.bp.blogspot.com/_C6KkooKXCEw/SxM-L4uyE_I/AAAAAAAAFEg/ZWpeVCfrZ1k/s400/blogger_ss3.jpg" style="cursor: pointer; display: block; height: 300px; margin: 0px auto 10px; text-align: center; width: 400px;" /></a> <br />
<br />
Thanks buat sobat blogger <a href="http://www.info-baru.com/" target="_blank"> Eko Priyanto</a> yang ngasih info ini tadi malam :) ok eko, tunggu om tar malam di meja yang sama ya wkwkwkwwk<br />
<br />
sumber: http://www.o-om.com/2009/11/artisteer-program-untuk-membuat.htmlUnknownnoreply@blogger.com1tag:blogger.com,1999:blog-1118248431743145880.post-89439941343609883672009-12-16T16:27:00.000-08:002009-12-16T16:27:36.635-08:00Cara Cepat Membuat Blog<h2 class="module_title nopad">Langkah 1: Daftar Google </h2><h3 class="module_subtitle">Daftarkan Diri Anda di Google</h3><div class="write_module">Lho koq? Koq di <span id="IL_AD1">Google</span>? Katanya mau ngajarin bikin blog di blogger.com, koq malah di Google? Tidak salah, karena untuk masuk ke blogger, Anda harus memiliki login google.com.<br />
<br />
Silahkan kunjungi http://www.blogger.com. Anda akan mendapatkan halaman seperti pada gambar dibawah.<br />
<br />
Jika Anda sudah memiliki login di Google, Anda tinggal login, maka Anda akan masuk ke Control Panel atau Panel Kontrol.<br />
<br />
Oh ya, Anda bisa memilih bahasa, apakah Bahasa Indonesia atau bahasa Inggris.<br />
<br />
Untuk kali ini saya anggap Anda belum memiliki login Google.<br />
<br />
Klik tanda panah besar yang bertuliskan CIPTAKAN BLOG ANDA.<br />
<br />
Sejauh ini sangat mudah dan akan terus mudah. <br />
</div><a href="http://www.blogger.com/post-edit.g?blogID=8008223117593290258&postID=8784080659997420668" name="module10667528"></a> <span id="mod_head_right_10667528" style="display: none;"></span> <img id="polaroidImage10667528" src="http://static.squidoo.com/resize/squidoo_images/-1/draft_lens2093725module10667528photo_1217233908ngeblog000.jpg" width="400" /><br />
<div class="caption">Halaman Pertama<br />
</div><div class="caption"><br />
</div><div class="caption"><br />
</div><a name='more'></a><br />
<h2 class="module_title nopad">Langkah 2: Daftar Blog </h2><h3 class="module_subtitle">Lengkapi Pendaftaran Anda</h3><div class="write_module">Setelah Anda klik tanda panah besar yang bertuliskan CIPTAKAN BLOG ANDA, maka akan muncul formulir seperti yang ada pada gambar dibawah ini.<br />
<br />
Proses ini akan menciptakan account Google yang dapat Anda gunakan pada layanan Google lainnya. Jika Anda sudah memiliki sebuah account Google mungkn dari Gmail, Google Groups, atau Orkut.<br />
<br />
Satu account Google bisa digunakan untuk mengakses semua fasilitas yang disediakan oleh Google.<br />
<br />
Jika Anda sudah memiliki accout google, Anda bisa langsung login (masuk). Untuk login ke Google, Anda harus login dengan menggunakan alamat email.<br />
<br />
Silahkan lengkapi.<br />
<br />
1. Alamat email yang Anda masukan harus sudah ada sebelumnya. Anda akan dikirim konfirmasi ke email tersebut. Jika Anda menggunakan email palsu atau email yang baru rencana akan dibuat, maka pendaftaran bisa gagal. Anda tidak perlu menggunakan email gmail.com. Email apa saja bisa.<br />
<br />
2. Lengkapi data yang lainnya.<br />
<br />
3. Tandai "Saya menerima Persyaratan dan Layanan" sebagai bukti bahwa Anda setuju. BTW Anda sudah membacanya?<br />
<br />
Setelah lengkap, klik tanda panah yang bertuliskan lanjutkan. <br />
</div><a href="http://www.blogger.com/post-edit.g?blogID=8008223117593290258&postID=8784080659997420668" name="module10667603"></a> <br />
<div class="module polaroid" id="module10667603"><span id="mod_head_right_10667603" style="display: none;"></span> <br />
<div class="polaroid-wrap"><div class="polaroid-inner"><img id="polaroidImage10667603" src="http://static.squidoo.com/resize/squidoo_images/-1/draft_lens2093725module10667603photo_1217235169ngeblog001.jpg" width="400" /><br />
<div class="caption">Form Pendaftaran 1<br />
</div></div></div></div><a href="http://www.blogger.com/post-edit.g?blogID=8008223117593290258&postID=8784080659997420668" name="module10667608"></a> <span id="mod_head_right_10667608" style="display: none;"></span> <img id="polaroidImage10667608" src="http://static.squidoo.com/resize/squidoo_images/-1/draft_lens2093725module10667608photo_1217235311ngeblog002.jpg" width="400" /><br />
<div class="caption">Form Pendaftaran 2<br />
</div><div class="caption"><br />
</div><h2 class="module_title nopad">Langkah 3: Membuat Blog </h2><h3 class="module_subtitle">Memilih Nama Blog dan URL Blog</h3><div class="write_module">Jika Anda berhasil, Anda akan dibawa ke halaman seperti pada gambar dibawah. Jika gagal? Gagal biasanya karena verifikasi kata Anda salah. Itu wajar karena sering kali verifikasi kata sulit dibaca. Yang sabar saja, ulangi sampai benar. Saya sendiri sampai mengulang 3X.<br />
<br />
Setelah Anda berhasil mendaftar, Anda akan dibawa ke halaman seperti yang ada pada gambar dibawah. Sekarang Anda mulai membuat blog dengan mengisi nama dan alamat blog Anda.<br />
<br />
Sebagai contoh, saya menamakan blog tersebut dengan nama Hasna Zahidah. Saya memilih alamat blog dengan alamat http://hasna-zahidah.blogspot.com<br />
sebagai alaternatif, bisa juga http://hasnazahidah.blogspot.com.<br />
<br />
Jika Anda membuat lensa dengan tujuan mempromosikan produk Anda atau produk afiliasi, maka dalam memilih nama, harus berisi nama produk atau jasa yang akan Anda tawarkan. Misalnya jika Anda ingin menjual ebook saya, Anda bisa memilih kata kunci seperti motivasi, sukses, berpikir positif, dan kata-kata kunci lainnya yang sesuai.<br />
<br />
Anda juga bisa meneliti kata kunci yang paling banyak dicari orang (tentu harus berhubungan dengan produk yang Anda jual) di<br />
https://adwords.google.com/select/KeywordToolExternal<br />
<br />
Anda bisa mengecek ketersediaan alamat blog yang Anda pilih. Jika tersedia bisa Anda lanjutkan. Jika tidak tersedia, maka Anda harus kreatif mencari nama lain atau memodifikasi alamat yang sudah ada, misalnya ditambahkan abc, xzy, 101, dan bisa juga dengan menyisipkan namaAnda. <br />
<br />
Lanjutkan dengan klik tanda panah bertuliskan LANJUTKAN. <br />
</div><a href="http://www.blogger.com/post-edit.g?blogID=8008223117593290258&postID=8784080659997420668" name="module10667780"></a> <span id="mod_head_right_10667780" style="display: none;"></span> <img id="polaroidImage10667780" src="http://static.squidoo.com/resize/squidoo_images/-1/draft_lens2093725module10667780photo_1217236208ngeblog004.jpg" width="400" /><br />
<div class="caption">Proses Pembuatan Blog<br />
</div><div class="caption"><br />
</div><h2 class="module_title nopad">Langkah ke 4 Blog Template </h2><h3 class="module_subtitle">Pilih desain yang sesuai dengan selera Anda.</h3><div class="write_module">Berhasil? Tentu saja berhasil, memang mudah koq. Jika berhasil, Anda akan diarahkan ke halaman seperti yang ada pada gambar dibawah.<br />
<br />
Pilihlah tema yang sesuai dengan selera Anda. Jika tidak ada yang sesui dengan selera Anda, jangan khawatir, nanti masih banyak pilihan tema yang bisa Anda install sendiri. Sekarang pilih saja tema agar proses pembuatan blog bisa diselesaikan. Anda bisa preview tema dengan klik gambarnya.<br />
<br />
Untuk Memilih tema Anda klik (tandai) bulatannya o seperti pada gambar dibawah. Lihat yang saya tunjuk dengan panah merah buatan saya.<br />
<br />
Setelah itu Anda klik tanda panah yang bertuliskan LANJUTKAN <br />
</div><a href="http://www.blogger.com/post-edit.g?blogID=8008223117593290258&postID=8784080659997420668" name="module10667888"></a> <br />
<div class="module polaroid" id="module10667888"><span id="mod_head_right_10667888" style="display: none;"></span> <br />
<div class="polaroid-wrap"><div class="polaroid-inner"><img id="polaroidImage10667888" src="http://static.squidoo.com/resize/squidoo_images/-1/draft_lens2093725module10667888photo_1217237411ngeblog006.jpg" width="400" /><br />
<div class="caption">Memilih Tema<br />
</div></div></div></div><a href="http://www.blogger.com/post-edit.g?blogID=8008223117593290258&postID=8784080659997420668" name="module10668195"></a> <span id="mod_head_right_10668195" style="display: none;"></span> <br />
<h2 class="module_title nopad">Belajar Membuat Blog Selesai </h2><h3 class="module_subtitle">Sekarang tinggal posting, pengaturan, dan tata letak</h3>Selamat, sekarang Anda sudah memiliki sebuah blog. Sekarang Anda sudah mulai bisa memposting pemikiran Anda di blog dan dibagi ke seluruh dunia (eh Indonesia).<br />
<br />
Memang masih ada beberapa hal yang harus Anda lakukan, yaitu pengaturan, tata letak, penambahan eleman, dan penggantian tema jika Anda menginginkan tema yang lain. Ini untuk tingkat lanjut.<br />
<div class="caption"><br />
</div><div class="caption"><br />
</div><div class="caption"> sumber: http://www.squidoo.com/cara-membuat-blog<br />
</div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1118248431743145880.post-27186034942774603232009-11-01T19:48:00.000-08:002009-12-19T09:32:54.328-08:00blog dedisejak kecil <a href="http://www-dedi.blogspot.com/"><i><b>dedi</b></i> </a>ingin mempunyai <a href="http://www-dedi.blogspot.com/"><span style="font-weight: bold;"><i>blog</i></span></a> sendiri, namun karena saat itu pengetahuan tentang blog masih sangat jarang deketahui masyarakat luas, hanya orang-orang tertentu saja yang memiliki <a href="http://www-dedi.blogspot.com/"><i><b>blog</b></i></a>. namun berkat keinginannya untuk memiliki <i><b>blog</b></i> yang membuat <a href="http://www-dedi.blogspot.com/"><i><b>dedi</b></i></a> tak menyerah meskipun ia tak tahu sama sekali tentang pembuatan <b><i>blog</i></b>.<br />
<br />
hingga akhirnya <a href="http://www-dedi.blogspot.com/"><i><b>dedi</b></i></a> sekarang telah memiliki beberapa <a href="http://www-dedi.blogspot.com/"><b><i>blog</i></b></a> yang bisa ia lihat setiap harinya.Unknownnoreply@blogger.com6