rss

SELAMAT DATANG DI BLOG SAYA   »   MUDAH-MUDAHAN MEMBERI MANFAAT UNTUK ANDA

TUTORIAL 10 ( Mengenal Efek Marquee)

0 Comments
Sebenarnya secara pribadi saya tidak setuju kalau program HTML ini memakai nama ‘Marquee’, mengapa ? Marquee dalam bahasa Inggris artinya ‘tenda besar’, sangat jauh dari fungsi penggunaannya dalam bahasa HTML yang akan kita bisa nanti.
Akan tetapi apalah artinya sebuah kata dan arti. Tentunya hak sesorang yang menciptakan sebuah program akan diberi nama apa, yang tinggal memakai tidak boleh protes. Mau pakai silahkan, tidak mau pakai tidak masalah. Saya kira kalimat itu hanya sekedar pengantar untuk artikel kali ini, karena saya juga sebenarnya memakai program ‘Marquee’ ini.
Marquee merupakan suatu program HTML yang berfungsi untuk mengolah teks yang bisa bergerak atau berjalan. Program marquee ini banyak di pakai dalam web maupun blog, karena program ini bersifat dinamis dan menarik untuk di lihat, selain itu cukup untuk menghemat tempat pada halaman web atau blog.


Marquee di buat dengan menggunakan tag &marquee> ... &/marquee>. Sementara atribut bahasa yang sering di digunakan antara lain :

BGCOLOR = "warna" Untuk mengatur warna background (latar belakang) teks
DIRECTION = "left/right/up/down" --> Mengatur arah gerakan teks
BEHAVIOR = "scroll/slide/alternate" --> Untuk mengatur perilaku gerakan
Scroll = teks bergerak berputar
Slide = teks bergerak sekali lalu berhenti
Alternate = teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik bo)
TITLE ='pesan" akan muncul saat mouse berada di atas teks
SCROLLMOUNT = "angka", mengatur kecepatan gerakan dalam pixel, semakin besar angka semajin cepat gerakannya.
SCROLLDELAY = "angka", untuk mengatur waktu tunda gerakan dalam mili detik
LOOP = "angka|-1|infinite" untuk mengatur jumlah loop
WIDTH = "lebar" untuk Mengatur lebar blok teks dalam pixel atau persen
Agar lebih jelas akan saya sertakan contohnya :

Contoh marquee dari gerakan :

&MARQUEE align="center" direction="right" height="200"
scrollamount="2" width="30%">


ganti kata "left" dengan keinginan anda yaitu bisa : left, up, down .
Contoh marquee dari perilaku gerakan :


&MARQUEE align="center" direction="left" height="200"
scrollamount="3" width="70%" behavior="alternate">


Contoh marquee dengan variasi hurup dan warna latar belakang :


&div align="left"><FONT FACE="georgia" color="White">&B>&MARQUEE BGCOLOR="RED" width="70%" scrollamount="3" behavior="alternate">

&/MARQUEE>&/b>&/FONT>&/div>

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.
Contoh, silahkan arahkan mouse anda ke area marquee di bawah ini :

&marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center">


Contoh marquee yang di dalam nya terdapat link :

&marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">

&a href="http://kalteng004.blogspot.com " target="new">tutorial 1 &/a>&br/>

&a href=" http://kalteng004.blogspot.com " target="new">tutorial 2 &/a>&br/>

&a href=" http://kalteng004.blogspot.com " target="new">tutorial 3 &/a>&br/>

&/marquee>

Selamat Belajar

TUTORIAL 9 (Pemahaman HTML)

0 Comments
Sebenarnya, sebelum saya menulis artikel tutorial 6 yang membahas masalah ‘Read More’, seharusnya terlebih dahulu saya membahas tutorial HTML ini. Tapi bagi teman-teman yang sudah terlanjur mempraktekkan tutorial 6 dan berhasil, artinya tutorial HTML ini cukup sebagai pengenalan bahasa HTML itu sendiri. Sehingga nantinya, bila teman-teman ingin mengedit template blog bisa lebih paham bahasa perintahnya.
Membahas masalah HTML, akan memacu semangat anda untuk mengotak-atik template blog anda. Untuk itu saya sarankan, nantinya anda harus ekstra hati-hati, lebih teliti, karena kesalahan sedikit saja akan membuat template blog anda rusak.
HTML adalah kepanjangan dari Hypertext Markup Language, yang menurut saya merupakan standar bahasa pemrograman yang digunakan untuk menampilkan dokumen-dokumen web atau blog, sedangkan bahasa perintah dalam mengedit HTML dikenal dengan istilah TAG.


TAG HTML
TAG ini kebanyakan dibuat berpasangan, yaitu TAG pembuka dan TAG penutup.
Misal :
<b>...</b>, untuk bold atau menebalkan huruf
<i>...</i>, untuk italic atau memiringkan huruf

TAG yang berpasangan ini bersifat overwrite, yaitu dapat menimpa(tetapi tidak menghapus) fungsi TAG yang telah ada sebelumnya. Sebagai contoh, sebuah teks yang sudah di buat miring oleh tag <i> ... </i>, dapat ditimpa oleh tag <b> ... </b> sehingga akan memberikan dua perintah yang berbeda sekaligus yakni kombinasi huruf miring dan hurup tebal.
Ilustrasi contoh :


Demikian <b><i>instruksi </i></b> yang saya berikan

maka yang akan tampil di web atau blog anda adalah :

Demikian instruksi yang saya berikan



Selain TAG yang berpasangan, ada juga tag yang tidak memerlukan pasangan, misal :

<hr>
<br>
<input>

Sebuah TAG tidaklah terpengaruh oleh besar kecilnya huruf, Jadi jika ditulis dengan huruf capital akan tetap menghasilkan fungsi yang sama.
Contoh :
<b>....</b> sama dengan <B> ....</B>

Struktur dokumen HTML
Dokumen HTML terbagi dalam tiga bagian utama, yaitu :

• HTML
Dokumen HTML diawali dengan TAG <HTML> dan di tutup dengan </HTML>, TAG, ini berfungsi untuk memberikan informasi kepada browser bahwa apa yang ada dan ditulis didalamnya merupakan sebuah dokumen HTML.

• HEAD
Bagian head atau header dalam dokumen HTML diawali oleh TAG <HEAD> dan di tutup TAG </HEAD>, didalamnya terdapat judul dari dokumen, dimana di tulis dengan tag pembuka <TITLE> dan di tutup oleh tag </TITLE>.
Contoh :

title dari blog ini adalah ANDA DI PALANGKARAYA, jadi untuk tittle nya di tulis seperti ini <TITLE> ANDA DI PALANGKARAYA </TITLE>,

Pada di blogger.com, penulisan title atau judul tidak harus di tulis langsung pada tag title yang ada pada template HTML, karena pada saat awal pembuatan blog sudah tersedia format pengisian title, tapi bila anda ingin mengubahnya dapat digunakan dua alternatif tersebut. Artinya bisa melalui edit HTML dan melalui Pengaturan yang ada dalam blog. Pengisian title atau judul blog, sebaiknya dipertimbangkan baik-baik karena title atau judul merupakan hal pertama yang akan di lihat oleh search engine.
Di dalam Head atau header dapat juga digunakan TAG META. TAG META ditulis dengan tag <META>, TAG META ini memuat informasi mengenai dokumen HTML. Dengan menggunakan TAG META kita bisa memilih keyword, content, refresh, dan yang lainnya.

• BODY
Semua dokumen HTML akan tersimpan di dalam BODY, seperti teks, image, link, dan yang lainnya sebelum ditampilkan dan bisa di lihat di dalam web atau blog.
Selamat Belajar,

TUTORIAL 8 (Text Area Highlight Bagian Kedua)

0 Comments
Pada dasarnya, langkah membuat Text Area menggunakan Highlight dengan Text Area yang dijelaskan pada posting artikel terdahulu adalah sama. Yang membedakan adalah hasil dari bentuk Text Area tersebut. Text Area dengan Highlight memang lebih memudahkan pengunjung dalam meng-copy isi dari Text Area, karena hanya sekali tekan saja isi kode-kode dalam Text Area area tersebut langsung di Highlight dan anda tinggal copy saja.
Keuntungan dengan model Highlight adalah apabila isi kode-kode dalam Text Area dalam jumlah yang sangat banyak, bisa di copy semua tanpa harus melakukan highlight manual dengan mouse atau keyboard. Keuntungan lainnya, resiko adanya kode yang tertinggal apabila di copy sangat kecil.


Untuk langkah-langkahnya sama seperti yang saya jelaskan pada posting artikel terdahulu, hanya kode HTML yang anda masukan ke HTML JavaScript berbeda. Berikut kode yang harus anda copy :

<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"> Tuliskan kata-kata disini,misalkan alamat blog atau nama blog anda </textarea></p></div></form>

Supaya anda lebih memahami kode di atas, mari kita jelaskan bersama. Kode di atas memiliki dua bagian kode HTML, yakni kode HTML untuk membuat tombol yang bertuliskan Highlight All, dan yang kedua adalah kode HTML untuk membuat text area.
Bagian tombol Highlight All :

1. <div align="center">
Pada kata center menjelaskan bahwa posisi tombol Highhlight akan berada di tengah, jadi bila anda ingin posisi tombol berada di tepi sebelah kiri atau sebelah kanan, anda tinggal menggantinya kata-katanya. Kata left untuk sebelah kiri dan sebelah kanan kata right.

2. <input onclick="javascript:this.form.txt.focus();this.form.txt.select()">
Pada kode ini artinya saat tombol Highlight di klik pada Text Area, maka seluruh text yang ada di dalamnya akan di Highlight (ditandai atau di blok).

3. Value="Highlight All"
Pada kata Highlight All merupakan kata yang akan muncul di dalam tombol, bila anda ingin mengubah tulisan ini, silahkan ganti dengan kata yang sesuai keinginan anda.

Bagian Text Area :

1. <p align="center">
Pada kode ini akan menunjukan Text Area berada di posisi tengah, bila anda ingin Text Area anda rata sebelah kiri, gantilah kata center dengan left, sebelah kanan ganti dengan kata right.

2. <text style="WIDTH: 300px">
Pada kode ini kata "WIDTH:300px" menjelaskan lebar dari Text Area sebesar 300 pixel, untuk menyesuaikan dengan sidebar template blog anda, silahkan anda ganti angka 300 nya.

3. HEIGHT: 144px pada angka "144px"
Kode ini menjelaskan Text Area memiliki tinggi sebesar 144px, sama juga dengan lebar Text Area, bila anda ingin mengubah tinggi rendah Text Area anda tinggal mengubah angkanya saja.

Selamat Belajar, Semoga Sukses

TUTORIAL 7 (Membuat Text Area Bagian Pertama)

0 Comments
Mungkin banyak diantara teman-teman blogger pemula yang masih bertanya-tanya apa itu Text Area. Saya sendiri masih bingung untuk menjelaskan secara detail mengenai hal ini, karena saya juga masih masuk kategori dalam blogger pemula yang masih harus banyak belajar dari para senior kita, apalagi kalau sudah masalah kode HTML.
Menurut pendapat saya sendiri, Text Area merupakan sebuah wadah atau tempat dimana kita menyimpan text atau tulisan dengan membentuk sebuah area atau lokasi tersendiri. Kalau dalam internet, biasanya digunakan menyimpan kode-kode HTML atau bentuk tulisan lainnya. Salah satu manfaat yang nyata buat para blogger, biasanya digunakan sebagai media untuk tukar menukar link blog.


Untuk membuatnya, silahkan anda perhatikan penjelasan berikut :
1. Silahkan Login terlebih dahulu ke dalam blog anda
2. Pilih Tata Letak, selanjutnya pilih Elemen Halaman
3. Pilih Tombol Tambah Gadget, kemudian akan muncul kotak dialog lalu anda pilih link HTML JavaScript.
4. Copy kode HTML di bawah ini dan paste ke dalam kotak dialog HTML Java Script :

<p align="center"><textarea name="code" rows="6" cols="20"> Tuliskan kata-kata disini,misalkan alamat blog atau nama blog anda </textarea></p>

5. Pilih Simpan dan Coba sekarang lihat blog anda.

Di dalam kode HTML yang anda copy paste tadi, ada sedikit yang perlu saya jelaskan lagi mengenai rows="6" dan Cols="20". rows="6" adalah tinggi dari Text Area dan Cols="20" adalah lebar Text Area. Jadi, kalau ingin menyesuaikan dengan sidebar template blog, anda tinggal mengubah angka-angka tersebut.

Selamat Belajar, Semoga Sukses

TUTORIAL 6 (Membuat ReadMore di Blogspot)

0 Comments
Untuk blogger pemula mungkin anda kadang berpikir kalau “halaman blog saya panjang sekali, apa saya harus mengurangi jumlah posting artikel yang saya terbitkan? Padahal saya ingin halaman blog saya bisa diisi lebih banyak lagi artikel”. Bagaimana Solusinya?
Pada artikel kali ini, saya ingin membahas masalah ini yang mungkin bisa bermanfaat bagi teman-teman blogger pemula (walaupun saya sendiri juga pemula). Sebenarnya topik ini banyak terdapat di berbagai situs atau blog yang membahas masalah tutorial blog dengan berbagai macam versi, namun saya hanya berkeinginan membantu teman-teman blogger pemula (khususnya) yang mampir di blog saya dan semoga bisa bermanfaat.



Solusi untuk memperpendek artikel pada halaman blog kita adalah dengan menggunakan fasilitas ‘Read More’ yang saya ambil dari blognya Ramani dan Hans. Fungsi dari fasilitas ‘Read More’ ini adalah untuk memperpendek artikel yang anda terbitkan di blog. Kelebihan dari Read More versi Ramani dan Hans adalah ketika anda klik pada ‘Read More’, maka seluruh artikel bisa langsung terbuka tanpa harus loading lagi.
Kadang untuk versi “Read More’ yang terdahulu kita harus menunggu untuk loading kembali ketika kita klik “Read More’ nya. Kelebihan lainnya tentu untuk mengurangi lambatnya koneksi internet (bayangkan yang mempunyai koneksi internet lambat, setiap membuka artikel harus menunggu loading). Kekuranganya, versi ini hanya untuk blog template terbaru. Jadi bagi anda yang masih menggunakan template klasik mohon maaf versi ini tidak bisa digunakan.

Berikut langkah-langkah yang harus kita jalankan :
1. Silahkan Login terlebih dahulu di blog anda
2. Pilih menu Tata Letak (Layout)
3. Pilih menu Edit HTML
4. Silahkan anda backup dulu template anda pada pilihan Download Template Lengkap, untuk mengurangi resiko apabila terjadi kesalahan dalam proses editing template.
5. Berikan tanda pada kotak kecil di samping tulisan Expand Template Widget
6. Tunggu proses loading sampai selesai
7. Copy kode dibawah ini, kemudian paste tepat di atas kode </head>

<script type='text/javascript' src='http://amen24.googlepages.com/Readmore.js' />

8. Cari kode berikut sebagai patokan, gunakan tombol Ctrl F atau Shift F3 untuk memunculkan toolbar pencarian kode HTML :

<div class='post-body'

9. Tambahkan kode dibawah ini pada template anda. Tulisan warna hitam adalah kode asli dari template dan warna merah adalah kode yang harus di tambahkan :

<h3 class='post-title'>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h3>
</b:if>
<div class='post-header-line-1'/>
<div class='post-body' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>
<b:else/>
<style>#fullpost {display:none;} </style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Selengkapnya... </a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Ringkasan saja... </a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "data:post.id/>")</script>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</div>
.... rest of template code ....

10. Pilih tombol SIMPAN TEMPLATE

Langkah Berikutnya :
1. Pilih menu Pengaturan
2. Pilih menu Format

3. Copy dan paste kode dibawah inipada kotak Template posting

<span id="fullpost">


</span>

4. Pilih tombol Simpan Setting

Mulailah anda biasakan dengan cara posting artikel berikut ini :
1. Pilih menu Posting, kemudian pilih Edit HTML, jangan memilih menu Tulis atau Compose
2. Pada kotak posting Edit HTML, secara otomatis terlihat kode berikut :

<span id="fullpost">


</span>

3. Cara posting artikel, ketik atau copy paste paragraf pertama atau ringkasan artikel anda, sebelum atau di depan kode :

<span id="fullpost">

4. Kemudian ketik atau copy paste artikel selanjutnya, sebelum atau di depan kode :

</span>

5. Selanjutnya pilih tombol Simpan Entry atau Terbitkan Entry untuk langsung menerbitkan artkel ke dalam blog anda

Untuk artikel yang pendek, sebaiknya anda tidak menggunakan fasilitas ini, tentunya untuk kenyamanan pembaca blog anda. Caranya anda tinggal menghapus kode yang ada dalam kotak posting Edit HTML tadi.
Selamat Belajar.

TUTORIAL 5 (Posting Artikel Bagian Kedua)

0 Comments

Pada posting artikel ini, kadang memang seringkali terjadi permasalahan, dimana jarak antar paragraf menjadi kacau, kadang paragraf pertama dan kedua jaraknya lebih dari dua spasi atau bahkan lebih. Masalah ini biasanya muncul karena kita melakukan ‘copy’ dokumen dari office, notepad, atau yang lainnya, dan di ‘paste’ kan begitu saja pada halaman posting tanpa memperhatikan posisi posting di mode Compose (Tulis) atau posisi pada mode Edit HTML.

Untuk masalah ini, saran saya gunakan posting pada mode Compose (Tulis) terlebih dahulu baik yang sistem copy dan paste tadi, edit sistem penulisannya seperti perataan teks (Align Left, Right atau Justify) dan yang lainnya. Setelah selsesai di mode tersebut, barulah anda pindah ke mode ‘Edit HTML’.

Pada mode ini, diantara paragraf yang satu dengan paragraf lainnya sisipkan kode HTML :

<br/><br/>

Satu kode <br/> artinya jaraknya satu spasi, kalau anda menginginkan jarak yang lebih, anda tinggal menambahkannya beberapa kali.

Contoh :

Perusahaan dalam menjalankan usahanya untuk mencapai keberhasilan pada kondisi persaingan dunia usaha yang semakin ketat dewasa ini, maka akan mendorong pihak pengambilan keputusan (manajemen, untuk selalu bersikap hati-hati dan agresif dalam menentukan segala kebijaksanaan yang berkaitan dengan maju mundur dan berkembangnya usaha itu sendiri.
<br/><br/>
Dalam usaha meningkatkan volume penjualan untuk meraih bagian dari konsumen yang ada maupun konsumen potensial di masa yang akan datang hendaknya perusahaan harus berhati-hati dalam hal mengambil sikap. Sikap dimaksud seperti antara lain, sikap menentukan harga produk, pelayanan kepada pembeli atau langganan, dan lain sebagainya.

Maka hasilnya :


Perusahaan dalam menjalankan usahanya untuk mencapai keberhasilan pada kondisi persaingan dunia usaha yang semakin ketat dewasa ini, maka akan mendorong pihak pengambilan keputusan (manajemen, untuk selalu bersikap hati-hati dan agresif dalam menentukan segala kebijaksanaan yang berkaitan dengan maju mundur dan berkembangnya usaha itu sendiri.

Dalam usaha meningkatkan volume penjualan untuk meraih bagian dari konsumen yang ada maupun konsumen potensial di masa yang akan datang hendaknya perusahaan harus berhati-hati dalam hal mengambil sikap. Sikap dimaksud seperti antara lain, sikap menentukan harga produk, pelayanan kepada pembeli atau langganan, dan lain sebagainya.

Selain kode <br/> ini, anda bisa juga menggunakan kode :

<p>…</p>


Tapi dilihat dari bentuk perintahnya, lebih praktis yang pertama. Tapi itu tergantung selera anda saja, yang penting adalah manfaat dari artikel ini bisa berguna bagi anda semua, itu yang saya harapkan.
Selamat Belajar.

TUTORIAL 4 (Posting Artikel Bagian Pertama)

0 Comments
Posting Artikel merupakan tujuan utama kita membuat dan mendesain blog. Karena blog tanpa artikel tentunya tidak akan mendapatkan pengunjung yang akan tertarik terhadap blog anda. Artikel merupakan kunci utama dalam menjalankan sebuah blog, dimana nantinya pengunjunglah yang akan menentukan artikel apa yang ingin dilihat dan diinginkan dari sebuah situs maupun blog melalui ‘search engine’. Untuk itu, saya sarankan anda untuk menyusun artikel yang bisa menarik minat pengunjung untuk datang ke blog anda, semakin banyak pengunjung akan mempengaruhi ranking blog anda.


Toolbar pada menu posting diantaranya :

 Untuk mengubah jenis huruf yang di pakai

 Untuk mengubah ukuran huruf

 Untuk menebalkan huruf

 Untuk memiringkan huruf

 Untuk mengubah warna huruf

 Untuk membuat link

 Untuk membuat artikel rata kiri

 Untuk membuat artikel berada di tengah

 Untuk membuat artikel rata kanan

 Untuk membuat artikel rata kiri dan rata kanan

 Untuk membuat sub bahasan dengan angka (numbering)

 Untuk membuat sub bahasan oleh simbol (bullet)

 Untuk mengecek spelling

 Untuk memasukan gambar(upload gambar)

 Untuk mengedit posting artikel dengan kode HTML

 Untuk mengedit artikel dalam mode Compose (biasa)

 Untuk melihat artikel sebelum diterbitkan


Cara kerja toolbar tersebut mirip sekali dengan Microsoft Office, apabila anda ingin mengubah artikel sebelum diterbitkan, terlebih dahulu di blok (beri tanda) tulisan yang akan di edit, selanjutnya tekan tombol toolbar yang di inginkan untuk mulai mengedit.
Langkah-langkah dalam memposting artikel:
• Sebaiknya pilih posting artikel menggunakan mode ‘Compose atau Tulis’, biasanya kalau langsung memakai mode ‘Edit HTML’, lalu kita edit di mode Compose (Tulis) ketika diterbitkan akan berantakan. Copy artikel yang telah anda buat, kemudian paste di area posting. Edit sesuai dengan keinginan anda.
• Pilih tombol menu ‘insert picture’, jika anda ingin memasukan gambar ataupun photo untuk menambah menarik posting artikel anda.
• Pilih tombol menu ‘ Preview’ untuk melihat hasil posting artikel anda, sebelum diterbitkan.
• Pilih tombol menu ‘Terbitkan Entri’.
• Artikel anda sudah masuk ke dalam Blog dan anda tinggal menunggu apakah ada yang membaca artikel di blog anda ?

Selamat Berposting Ria..,

TUTORIAL 3 (Memilih Template di Blogspot)

0 Comments
Bagi anda yang sudah membuat blog panda blogspot dan melakukan beberapa setting, langkah berikutnya yang perlu anda lakukan adalah memilih template. Template adalah desain-desain halaman web ataupun blog beserta seluruh komponennya (Header, sidebar, Wraper, Picture, Stylesheet, dan lainnya) baik berupa file yang statis maupun file dinamis, yang berupa program atau aplikasi yang berjalan sebagai aplikasi di dalam web ate blog. Seperti yang anda lihat sekarang, seperti banner di atas, warna background, kolom-kolom di atas, di samping kanan, serta semua yang anda lihat sekarang dalam blog saya adalah salah satu bentuk dari desain template.
Memilih template yang baik sesuai keinginan kita sangatlah perlu kita lakukan, karena dengan tampilan template yang baik dan menarik untuk di lihat maka akan membuat para pengunjung yang masuk ke blog kita menjadi senang untuk berlama-lama berada di blog kita, selain tentunya isi dari blog kita juga sangat menunjang.



Pada awal membuat blog, sebenarnya kita sudah diberikan perintah untuk menentukan template mana yang akan kita gunakan, namun disana pilihan template-nya masih sedikit. Nah, sekarang kita langsung menuju ke pembahasan utama, yaitu langkah-langkah memilih template blog di blogger.com :

1. Silahkan anda login terlebih dahulu seperti biasa dengan memakai user name milik anda.
2. Pada blog Dasbor anda pilih ‘Tata Letak’ (blogger baru) dan pilih ‘Template Baru’.
3. Disana terdapat lebih dari 10 template yang bisa anda pilih dan anda bisa menggunakan alternatif ‘Pratinjau atau Pratayang’ untuk sekedar memilih layout template mana yang sesuai dengan keinginan anda. Baru setelah anda yakin pilih menu ‘Simpan’.
4. Klik Menu ‘Lihat Blog’, maka template blog anda sudah jadi
5. Untuk Pemula atau pendatang baru di dunia blog (seperti saya ini nih), saya sarankan untuk memakai template ‘Minima’ terlebih dahulu, untuk memudahkan nantinya bila anda ingin mengedit format HTMLtemplate. Seperti yang anda lihat, blog saya juga menggunakan template ‘Minima’ yang sudah di edit (sesuai keinginan hati saya tentunya).

Mungkin anda pernah mengunjungi beberapa blog di internet yang menggunakan blogspot di blogger.com, akan tetapi template yang digunakan tidak ada dalam pilihan ketika memilih template. Artinya bahwa template yang di gunakan adalah template yang sudah diedit format HTML-nya atau bukan template buatan dari blogger.com sendiri. Sebab, di internet banyak sekali situs-situs atau malah blog yang memberikan template secara gratis untuk di pakai di Blogger (blogspot).
Bila anda ingin mencari dan memakai template yang lain anda bisa mengunjungi blognya Kang Rohman di http://kolom-tutorial.blogspot.com atau di situs www.o-om.com. Tapi saya sarankan agar anda ikuti benar-benar petunjuk dari mereka, jangan langsung memasang template yang anda download. Mengapa ? Format HTML yang agak berbeda dengan yang ada di blogger.com bisa membuat template default anda rusak (seperti yang pernah saya alami).
Jadi lebih baik, anda extract terlebih dahulu template yang anda download, biasanya hasilnya dalam bentuk file notepad. Baru anda perhatikan dan pelajari format HTML-nya, kemudian anda bisa copy paste format yang anda ingin masukkan ke dalam halaman edit HTML template anda. Ini adalah care instan membuat template anda menjadi lebih bervariasi tampilannya. Kalau anda ingin benar-benar belajar edit HTML, saya sarankan untuk mengedit format HTML template anda satu per satu saja. Insya Allah, saya akan mencoba untuk berusaha membuat panduan atau tutorial selanjutnya untuk anda.
SELAMAT BELAJAR.

TUTORIAL 2 ( Setting Pertama di Blogspot)

0 Comments
Untuk anda yang baru membuat blog, ada beberapa pengaturan yang harus di lakukan agar blog kita bisa di kenali oleh mesin pencari seperti Google, Yahoo, MSN dan yang lainnya. Jika belum tahu apa yang harus di lakukan untuk pengaturan blog, berikut langkah-langkahnya :
1. Anda terlebih dahulu Login ke blogger.com dengan username dan password milik anda
2. Pilih judul blog yang mau di setting ( jika anda sudah mempunyai beberapa blog)
3. Pilih Pengaturan, kemudian pilih Dasar. Beberapa form yang harus di isi pada menu Dasar adalah :
- Judul : isi dengan judul blog anda. Contoh : ANDA DI PALANGKARAYA
- Uraian : isi dengan deskripsi blog anda. Contoh : Blog Tutorial, Software, Hardware, Music, Video.
- Tambahkan blog Anda ke daftar kami : pilih Ya agar setiap posting kita selalu masuk di daftar Blogger.com.
- Biarkan mesin pencari menemukan blog Anda : pilih Ya
- Tampilkan Editing Cepat di Blog Anda : pilih Ya
- Tampilkan Link Posting Email : pilih Ya, pilih tidak juga tidak apa-apa
- Konten Dewasa : Pilih Tidak. Jika pilih Ya berarti blog anda di anggap blog untuk dewasa (blog porno)
- Tampilkan Mode Compose untuk semua blog Anda : pilih Ya
- Aktifkan transliterasi : pilih Tidak, alternatif bahasa yang lain Cuma bahasa hindi (India), pilih Ya jika anda suka bahasa India.
- Pilih tombol Simpan Pengaturan .
- Selesai



4. Pilih Publikasikan untuk mengatur menu Publikasi :
- Alamat blogspot : isi dengan nama blog anda. Contoh : Kalteng004.
- Pilih tombol Simpan pengaturan
- Selesai

5. Pilih Format untuk mengatur menu Format :
- Tampilkan : pilih angka posting (maksudnya Artikel yang anda buat) yang ingin anda tampilkan. Misal : Tampilkan : 9 posting, artinya artikel yang akan tampil di halaman blog anda adalah sebanyak sembilan artikel. Pilih Posting (jangan Hari) pada menu Pulldown.
- Format Header Tanggal : pilih model tanggal/bulan yang anda sukai, Format tanggal/bulan ini akan selalu muncul diatas postingan kita.
- Format tanggal Index Arsip : pilih model untuk pengarsipan yang anda sukai.
- Format Timestamp : Pilih bentuk waktu yang anda sukai.
- Zona Waktu : Pilih zona waktu yang Sesuai lokasi negara anda. Contoh untuk WIB : [UTC-+7.00]Asia/Jakarta.
- Bahasa : Pilih bahasa yang di inginkan, bila anda seorang pemula, pilih bahasa Indonesia
- Tampilkan Field judul : Pilih Ya
- Tampilkan kolom link : pilih Ya
- Aktifkan perataan float : pilih Ya
- Pilih tombol Simpan Pengaturan
- Selesai
6. Pilih Komentar Untuk mengatur menu Komentar :
- Komentar : pilih Tampilkan, ini agar artikel anda dapat di komentari oleh pengunjung
- Siapa yang Bisa Berkomentar : Pilih Siapa pun - termasuk Pengguna Anonim. Ini di maksudkan agar setiap orang bisa berkomentar tidak terbatas kepada anggota blogspot saja.
- Default Komentar untuk Posting : pilih Posting baru memiliki komentar.
- Link balik : Pilih Tampilkan. Ini dimaksudkan agar kita mengetahui apabila ada yang memasang link pada artikel kita.
- Default Link Balik untuk Posting : pilih Posting baru Memiliki Link Balik.
- Format Timestamp Komentar : pilih format jam yg singkat. Contoh: 8.00 PM.
- Tampilkan komentar dalam sebuah window popup : pilih Ya. Supaya ketika di Pilih oleh pengunjung, halaman blog anda tidak menghilang/terutama halaman komntar.
- Aktifkan moderasi komentar : pilih Tidak.
- Tampilkan verifikasi kata untuk komentar : pilih Ya. Dimaksudkan agar terhindar dari software robot dengan tujuan melakukan spam.
- Tampilkan gambar profil dalam komentar : pilih Ya. Supaya gambar komentator yg punya id blogger, dapat menampilkan fotonya.
- Email Pemberitahuan Komentar : isi dengan alamat email anda, ini di maksudkan agar setiap ada yang berkomentar pada artikel anda, anda dapat kiriman email dari blogger.com sebagai pemberitahuan.
- Pilih tombol Simpan Pengaturan.
- Selesai

7. Pilih Arsipkan Untuk mengatur menu Arsipkan :
- Frekuensi Arsip : pilih Mingguan atau Bulanan.
- Aktifkan Halaman Posting : pilih Ya.
- Pilih tombol Simpan Pengaturan
- Selesai

8. Pilih Feed Situs untuk mengatur menu Feed Situs :
- Izinkan Feed Blog : pilih Penuh.
- Posting URL Pengubahan Arah Feed : di isi dengan alamat feed penggati semisal alamat feed dari feed burner, jika belum punya, di kosongkan saja.
- Footer Feed Posting : Silahkan di isi dengan kode iklan yang anda punya, misal kode iklan dari Google Adsense dsb, namun jika tidak punya, silahkan kosongkan saja.
- Pilih tombol Simpan Perubahan
- Selesai.

SELAMAT BELAJAR..

TUTORIAL 1 (Membuat Blog di Blogspot)

0 Comments
Mungkin ada diantara anda-anda yang belum tahu tentang blog dan bertanya-tanya tentang blog, maka saya akan mengulas sedikit tentang blog menurut versi saya sendiri.
1. Apa itu Blog ?
Blog ( singkatan dari Web log) adalah situs yang sifatnya lebih pribadi, yaitu lebih berat kepada penggambaran dari si pembuat blog itu sendiri.
Blog dibuat oleh para desainer penyedia blog agar bekerja secara otomatis dan mudah untuk dioperasikan , jadi bagi kita-kita yang masih bingung dengan bahasa pemrograman untuk membuat sebuah website tidak jadi persoalan. Apabila anda sudah bisa membuat sebuah account email di internet, maka dalam membuat blog pun saya yakin anda bisa.

2. Cara membuat blog
Seperti halnya e-mail, dalam membuat blog pun kita harus mempunyai sebuah account terlebih dahulu, oleh karena itu silahkan daftarkan diri anda terlebih dahulu di free blog provider (penyedia hosting/domain blog gratis). Free blog provider sangatlah banyak terdapat di internet dan beberapa yang populer saat ini adalah http://www.blogger.com, http://www.wordpress.com serta http://blogsome.com.

Dalam kesempatan kali ini saya akan mengulas tentang cara pembuatan blog di http://www.blogger.com,
Setelah anda berada pada situs blogger.com, anda akan melihat gambar seperti gambar di atas.Silahkan lakukan langkah-langkah berikut ini :
1. Klik tanda anak panah yang bertuliskan " CIPTAKAN BLOG ANDA "
2. Isilah Alamat Email dengan alamat email anda (tentunya yang valid)
3. Isikan kembali alamat email anda tadi pada form Ketik ulang alamat email
4. Tuliskan password yang anda inginkan pada form Masukkan sebuah password
5. Isikan kembali password anda tadi pada form Keyik ulang sandi (password)
6. Isi Nama Tampilan dengan nama yang ingin anda tampilkan
7. Tulis tulisan yang tertera pada form Verifikasi Kata. Beri tanda tik/cek pada kotak di pinggir tulisan Saya menerima Persyaratan dan Layanan.
8. Klik gambar anak panah yang bertuliskan "LANJUTKAN"
9. Tuliskan judul blog yang anda inginkan (nanti bisa di rubah lagi) pada form Judul Blog
10. Tulis nama situs anda pada form Alamat Blog (URL)
11. Tulislah tulisan verifikasi yang ditampilkan pada form Verifikasi kata, jika sudah selesai klik gambar panah yang bertuliskan "LANJUTKAN".
12. Pilihlah gambar (template) yang anda inginkan (nanti bisa di rubah lagi), kemudian klik gambar anak panah yang bertuliskan "LANJUTKAN"
13. Setelah keluar tulisan "Blog Anda telah di iptakan". Klik gambar panah bertuliskan "MULAI POSTING". Silahkan anda tuliskan semau anda, jika sudah selesai klik tombol "MEMPUBLISKAN POSTING".
3. Isi ( Content ) blog :
Bagi para pemula, biasanya mereka bingung setelah daftar membuat blog apa yang harus di isi(diposting) dalam sebuah blog. Isi (content) dari sebuah blog tentu saja terserah kepadasi pemilik blog itu sendiri, apakah mau di isi puisi, perjalan hidup, teknik, ataupun apa saja. Nah di sini saya menyarankan, isilah blog anda tersebut dengan minat ataupun hoby serta keahlian anda sendiri, karena tentu saja di luar sana banyak sekali orang yang tentunya sama minat dan hoby nya dengan anda, sehingga mereka akan tertarik untuk membaca tulisan-tulisan anda.

Table of Contents

0 Comments

Posting Terbaru

 

Pengikut Blog Ini