Tutorial Gratis

Diberdayakan oleh Blogger.
Senin, 25 Maret 2013

Cara Membuat Menu Dropdown

Tutorial GratisCara Membuat Menu Dropdown adalah hal yang akan saya tuliskan. Saya akan menuliskannya untuk anda, semoga ini bermanfaat untuk anda. Langkah praktis mengatasi hal ini adalah dengan membuat pull-down menu seperti di bawah ini:



Jadi, berapa bulan/tahun kita blogging di blogger/blogspot, menu bulan-bulan tsb tidak akan memenuhi dan berjejer panjang di sidebar kita. Yg tampak hanya nama "Archives", baru setelah di klik, akan muncul nama bulan arsip-arsip kita.


Caranya sangat mudah mudah yaitu :
  1. login dulu, tentunya dengan id anda
  2. klik LAYOUT
  3. Klik PAGE ELEMENTS, cari element (kotak) yang bertuliskan Blog Archive
  4. Klik Edit pada kotak Blog Archive tadi
  5. Di samping tulisan Style ada beberapa radio button, pilih radio button yang bertuliskan Dropdown Menu dengan cara memberi tanda tik/cek
  6. Klik Save Changes
  7. Selesai
Nah keterangan di atas tadi merupakan langkah-langkah untuk membuat menu Dropdown untuk Arsip, Sekarang bagai mana caranya membuat menu dropdown yang di dalam nya ada linknya, saya ambil contoh untuk menu Dropdown milik Kang Rohman yang berada di sebelah kanan atas yang berisi tulisan “ blog tutorial “. Untuk membuatnya silahkan anda copy kode HTML di bawah :

<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu><option value=0 selected>tulisan disini yang akan muncul duluan</OPTION>


<option value="isi dengan addres yang ingin di tuju">tulisan di sini yang akan muncul</option>
</select></form>


Sebagai contoh untuk menu Dropdown :

<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1
name=menu>

<option>- Blog Tutorial -</option>

<option value="http://kolom-tutorial.blogspot.com/2007/04/bikin-blog.html">Membuat Blog</option>

<option value="http://kolom-tutorial.blogspot.com/2007/04/cara-setting-blog.html">setting Blog</option>

<option value="http://kolom-tutorial.blogspot.com/2007/04/memilih-template.html">Memilih Template</option>

<option value="http://kolom-tutorial.blogspot.com/2007/04/mengatur-hurup-dan-warna.html">warna & hurup</option>

<option value="http://kolom-tutorial.blogspot.com/2007/04/cara-memposting-artikel.html">Posting Artikel</option>

<option value="http://kolom-tutorial.blogspot.com/2007/04/membuat-read-more-1.html">Read more (1)</option>

<option value="http://kolom-tutorial.blogspot.com/2007/04/membuat-text-area.html">Text area</option>

<option value="http://kolom-tutorial.blogspot.com/2007/04/blogger-emoticons.html">Blogger Emoticons</option>

<option value="http://kolom-tutorial.blogspot.com/2007/04/yahoo-messenger-emoticons.html">Yahoo!Emoticons</option>

<option value="http://kolom-tutorial.blogspot.com/2007/04/download-gratis.html">Download Gratis</option>

</select></form>


Hasilnya akan seperti ini :

Mudah bukan?

Itulah Tutorial tentang cara membuat menu Dropdown. Semoga bermanfaat

Unknown blog tutorial

Cara memasang Blogger Emoticons

Tutorial Gratis - Cara memesang Blogger Emoticons dapat anda lihat disini.  Biar senyum nya makin lebar, inilah perbendaharaan wajah-wajah kamu... (cukup copi kode dibawah dan simpan ditempat yang kamu inginkan)


Blogger Emoticons



<img src="http://photos1.blogger.com/blogger/7678/802/1600/wink.gif">



<img src="http://photos1.blogger.com/blogger/7678/802/1600/biggrin.gif">


<img src="http://photos1.blogger.com/blogger/7678/802/1600/cool.gif">

 
<img src="http://photos1.blogger.com/blogger/7678/802/1600/mad.gif">



<img src="http://photos1.blogger.com/blogger/7678/802/1600/sad.gif">

 
<img src="http://photos1.blogger.com/blogger/7678/802/1600/ohmy.gif">



<img src="http://photos1.blogger.com/blogger/7678/802/1600/tongue.gif">


<img src="http://photos1.blogger.com/blogger/7678/802/1600/smile.gif">



Selamat menghiasi postingannya...



Tutorial Gratis



Unknown hiasan blog

Cara Membuat Text Area

Tutorial Gratis - Cara Membuat Text Area adalah hal yang akan saya tuliskan. Saya akan menuliskannya untuk anda, semoga ini bermanfaat untuk anda. Apa itu text area?. Untuk memudahkan anda memahami apa itu text area, silahkan alihkan perhatian anda ke kolom sebelah kanan layar, di bawah tulisan Mau tuker link, ada sebuah kotak yang di dalamnya berisi text kode-kode HTML, itulah yang di sebut text area. Nah dengan melihat contoh tadi, maka dapat kita katakan bahwa 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.

Untuk membuat text area, silahkan anda Copy kode di bawah ini :

<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>&lt/p>

Sebagai contoh :


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.

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.

Text Area dengan memakai HighLight

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 :

<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>


Sebagai contoh :


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.
Elemen tombol highlight All :
  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.

  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.

  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.
Element text area :
  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.
  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;"
  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.
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 &lt/HEAD>.

Itulah Tutorial tentang Cara Membuat Text Area, cukup mudah bukan. Semoga artikel ini bermanfaat untuk anda.

Tutorial Gratis

Unknown blog tutorial

Cara Memposting Artikel

Tutorial Gratis - Cara Memposting Artikel adalah Hal yang cukup mudah. Saya akan menuliskannya untuk anda, semoga ini bermanfaat untuk anda. Bagi 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.

Inilah Beberapa Toolbar yang ada ketika posting :

--> Untuk merubah jenis hurup yang di gunakan

--> Untuk merubah ukuran hurup (heading)

--> Untuk Menebalkan hurup

--> Untuk memiringkan hurup

--> Untuk merubah warna hurup

--> Untuk membuat link

--> Untuk membuat artikel menjadi rata kiri

--> Untuk membuat tulisan menjadi di tengah

--> Untuk membuat artikel menjadi rata kanan

--> Untuk membuat artikel menjadi rata kiri dan rata kanan

--> Untuk membuat sub bahasan oleh angka

--> Untuk membuat sub bahasan oleh bullet

--> Untuk mengecek spelling

--> Untuk memasukan gambar(upload gambar)

--> Untuk membuat artikel dalam kode HTML

--> Untuk membuat artikel dalam mode Compose (biasa)

--> Untuk me review (melihat) artikel

Cara penggunaan toolbar di atas adalah blok (beri tanda) terlebih dahulu tulisan yang akan di edit, kemudian tekan tombol toolbar yang di inginkan.

Langkah-langkah dalam memposting suatu artikel:

  1. 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.

  2. Klik tombol “ compose “ untuk melakukan editing (jika anda masih bingung dengan kode HTML).

  3. Klik tombol tool yang berlambang “ panorama” berwarna biru, jika anda ingin memasukan gambar ataupun photo untuk menghiasi posting-an anda.

  4. Klik tombol “ Preview “ untuk melihat hasil posting-an anda yang nantinya akan tampil di dalam blog, barangkali masih ada yang perlu di edit.

  5. Klik tombol “ publish “. Selesai. Tulisan hasil karya anda akan bisa dilihat dan di baca oleh seluruh dunia.
Demikianlah tutorial tentang Cara Memposting Artikel. Semoga bermanfaat untuk anda.


Tutorial Gratis
Unknown blog tutorial

Cara Mengatur Huruf dan Warna

Tutorial Gratis - Cara Mengatur Huruf dan Warna di blog adalah Hal yang cukup mudah. Saya akan menuliskannya untuk anda, semoga ini bermanfaat untuk anda. Untuk para blogger baru, anda akan menikmati fasilitas baru dari blogger.com, yaitu anda 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).

Pilih menu "Fonts and Colors", maka akan muncul beberapa pengaturan :
(ini khusus untuk template "minima")

  1. Page Background color --> pengaturan warna background blog. Silahkan Pilih warna yang ada di sebelah kanan yang di sukai
  2. Text Color --> pengaturan warna hurup dari posting-an
  3. Link Color --> pengaturan warna hurup yang di link
  4. Blog Title Color --> pengaturan warna hurup judul Blog
  5. Blog Description Color --> pengaturan warna hurup deskripsi blog
  6. Post Title Color --> pengaturan warna hurup judul posting-an
  7. Border Color --> pengaturan warna kotak yang mengelilingi judul blog, serta garis pemisah
  8. Sidebar Title Color --> pengaturan warna hurup judul yang anda di sidebar (kolom samping)
  9. Sidebar Title Color --> pengaturan warna hurup yang ada di sidebar(kolom samping)
  10. Visited link Color --> pengaturan warna hurup link ketika pengunjung mengarahkannya ke tulisan yang mengandung link
  11. Text Font --> pengaturan jenis hurup,berlaku untuk hurup hasil dari posting-an ataupun hurup yang ada di sidebar
  12. Sidebar Title Font --> pengaturan jenis hurup untuk judul yang ada di sidebar serta tanggal postingan
  13. Blog Title Font --> pengaturan jenis hurup Judul blog
  14. Blog Description Font --> Pengaturan jenis hurup dekripsi blog
  15. Post Footer Font --> pengaturan jenis hurup footer (contoh : posted by )
  16. Pilih “ SAVE CHANGES” untuk mengakhiri pengaturan. Selesai
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.

Semoga Tutorial tentang Cara Mengatur Huruf dan Warna ini bermanfaat untuk anda, selamat ber blogging ria

Unknown blog tutorial

Cara mengatur Setelan Blogger

Tutorial Gratis -  Cara mengatur Setelan di Blogger Adalah Hal yang cukup mudah. Saya akan menuliskannya untuk anda, semoga ini bermanfaat untuk anda. Diawal-awal anda membuat blog, sebaiknya anda melakukan pengaturan yang tepat pada menu Setelan, karena ini akan berpengaruh terhadap banyak hal yang berhubungan dengan blog anda.

Untuk mengikuti panduan ini, pastikan pilihan bahasa blog anda adalah Bahasa Indonesia

Berikut adalah cara melakukan pengaturan pada menu Setelan di blogger :

Silahkan login ke blogger dengan akun anda.

Pilih pada nama blog yang ingin di atur.

Pilih menu Setelan yang berada disebelah kiri monitor.

setelan blogger

Silahkan Pilih masing-masing sub menu yang ada di bawahnya untuk melakukan pengaturan.

Dasar
  • Judul : Pilih “Edit” jika anda ingin melakukan perubahan terhadap judul yang ada atau biarkan saja jika judulnya sudah sesuai keinginan.
  • Uraian : Pilih “Edit”, kemudian isi dengan deskripsi blog yang ingin ditampilkan, sebaiknya ini diisi jangan dikosongkan, lanjutkan dengan Pilih tombol “Simpan perubahan”.
  • Privasi : Sebaiknya biarkan sesuai pengaturan asli, lakukan edit apabila blog anda ingin di jadikan blog private (tertutup bagi umum).
  • Alamat Blog : Biarkan apa adanya, kecuali bila anda ingin mengubah alamat blog dengan domain milik sendiri.
  • Penulis Blog : Biarkan saja sesuai pengaturan awal.
  • Pembaca Blog : Biarkan saja apa adanya jika blog anda ingin di bisa di baca oleh umum, lakukan edit bile blog anda ingin hanya bisa di baca oleh orang-orang tertentu yang anda pilih.
Post dan Komentar
  • Tampilkan sebanyak mungkin : ubah angkanya sesuai dengan jumlah posting yang ingin tampil di halaman depan blog anda.
  • Templat Entri  : biarkan tidak perlu di edit.
  • Tampilkan gambar dengan Lightbox : Boleh pilih “Ya” atau “Tidak”, ini tidak terlalu penting.
  • Bagikan ke Google+ : Pilih “Ya” jika nanti setelah posting ingin bisa langsung dibagikan ke layanan Google+, pilih “Tidak” jika sebaliknya.
  • Lokasi Komentar : Biarkan terpilih “Tersemat”, agar kotak komentar langsung berada di bawah setiap postingan.
  • Siapa yang dapat mengomentari? : Silahkan pilih sesuai keinginan. Pilihan “Semua Orang”, berati semua pengunjung blog anda bisa berkomentar.
  • Moderasi Komentar : Pilih “Selalu” bila setiap ada komentar harus melalui persetujuan anda sebelum tampil di blog. Pilih “Tidak Pernah” agar ada yang komentar langsung tampil di blog.
  • Tampilkan Tautan Balik : Pilih “Sembunyikan” bila anda tidak ingin menampilkan link siapa saja yang membuat tautan (link)  ke postingan bersangkutan. Pilih “Tampilkan” bila anda ingin menampilkan tautan.
  • Pesan Formulir Komentar : Silahkan di isi jika ingin anda pesan diatas kotak komentar nantinya, misal : Silahkan jika anda yang ingin komentar, namun tolong gunakan bahasa yang sopan. Atau di kosongkan  juga tidak ada masalah.
  • Mempublikasikan entri menggunakan SMS/MMS : Menu ini berguna apabila nantinya ingin mempublikasikan artikel melalui ponsel, silahkan baca lebih lanjut keterangan yang ada.
  • Mempublikasikan entri menggunakan email : Fasilitas ini memungkin anda untuk mengirimkan postingan melalui email. Untuk keterangan lebih lengkap, mungkin akan di bahas pada artikel di masa mendatang.
  • Email Pemberitahuan Komentar : isi dengan alamat email yang di inginkan, bila setiap ada komentar pada artikel blog anda akan di beritahukan secara otomatis ke alamat email tersebut. Kosongkan jika tidak menginginkan.
Bahasa dan pemformatan
  • Bahasa : Pilih “Indonesia” agar lebih familiar dengan anda.
  • Aktifkan transliterasi : Pilih “Dinonaktifkan”
  • Zona Waktu : Pilih zona waktu sesuai dengan keinginan. Untuk wilayah Indonesia Barat, anda bisa memilih zona (GMT +7:00) Jakarta.
  • Format Header Tanggal : Pilih format tampilan tanggal sesuai keinginan.
  • Format Timestamp : Pilih sesuai keinginan.
  • Format Stempel Waktu Komentar : Pilih sesuai keinginan.
Lainnya
  • Alat Blog : Impor blog, fasilitas untum mengimpor blog, dengan ini anda bisa memindahkan file dari blog lain. Ekspor Blog, fasilitas untuk mengekspor blog, jika anda bermaksud memindahkan isi blog ke blog yang lain. Fasilitas Ekspor blog berguna juga untuk sarana backup data, silahkan lakukan backup data secara rutin agar apabila suatu saat terjadi hal yang tidak di inginkan, anda masih punya data untuk di masukan ke blog baru. Hapus blog, fasilitas untuk menghapus blog, jangan pernah Pilih ini apabila blog anda tidak ingin terhapus.
  • Bolehkan Umpan Blog : Silahkan pilih sesuai keinginan, terkadang ada baiknya anda memilih mode “Penuh” namun terkadang perlu juga untuk di setting ke pilihan lain.
  • Posting URL Pengubahan Arah Feed : Untuk tahap awal, ini bisa di kosongkan dulu, kedepannya anda akan mengerti tentang pengalihan alamat feed ini.
  • Footer Feed Posting : Boleh di isi boleh di kosongkan, ini kaitannya dengan Feed.
  • Aktifkan Tautan Lampiran : Boleh di pilih “Ya” boleh “Tidak”.
  • URL OpenID Anda : Biarkan apa adanya.
  • Konten Dewasa? : pilih tidak bila isi blog anda bukan berisi konten khusus dewasa.
  • ID Properti Web Analytics : ini diisi dengan ID google analytic, bila belum punya bisa di kosongkan saja.
Semoga Totorial gratis tentang Cara mengatur menu Setelan di Blogger ini bermanfaat bagi anda yang baru memulai membuat blog di blogger.


Tutorial Gratis
Unknown panduan blogger
Minggu, 17 Maret 2013

Sitemap Tutorial gratis

Sitemap merupakan salah satu bangian penting dari blog atau web yang bertipe CMS. oleh karena itu sebaiknya kita mengetahui tentang sitemap. Sitemap berfungsi sebagai peta bagi search enggine untuk mengindeks semua postingan pada blog atau web kita.

Sitemap dari
Unknown