Page 1 of 3 123 LastLast
Results 1 to 15 of 40
http://idgs.in/185999
  1. #1
    Kurt.D.Cobain's Avatar
    Join Date
    Apr 2008
    Location
    =
    Posts
    1,974
    Points
    4,012.20
    Thanks: 0 / 20 / 17

    Default [Tutorial-Untuk Pemula]Membuat Blog di Blogspot.com

    Blog Tutorial Untuk Pemula





    Pembahasan


    1. Panduan membuat blog
    2. Cara setting blog
    3. Memilih template
    4. Mengatur huruf dan warna
    5. Cara memposting artikel
    6. Buat Read more pada template klasik
    7. Cara membuat Text Area
    8. Cara membuat menu dropDown
    9. cara Upload foto
    10. Cara membuat Link(1)
    11. Cara membuat Link(2)
    12. Cara membuat marquee (text berjalan)
    13. Cara membuat efek Refresh
    14. Kode HTML tampil pada postingan
    15. Masalah posting artikel
    16. Simbol Yahoo! Emoticons
    17. Simbol Blogger Emoticons
    18. Cara Pasang jam
    19. Cara membuat banner animasi
    20. Cara membuat buku tamu
    21. HTML Tutorial
    22. Free Download
    23. Foto animasi
    24. Cara pasang Statistik & Tracker
    25. Perlunya IE dan FireFox
    26. Cara pasang musik
    27. Logo & Button
    28. Membuat Menu D Tree (menu mirip pada windows explorer)
    29. HTML Tutorial(2)
    30. Membuat Read more pada template baru
    31. User Online status
    32. Cara membuat blogroll Alternatif
    33. Cara pasang gambar
    34. Cara membuat Icon YM
    35. cara pasang Video
    36. Daftar Mybloglog
    37. Membuat Navigasi dengan CSS
    38. Template baru VS template Klasik
    39. Membuat Penggalan Artikel
    40. Membuat Link Untuk Download
    41. Menu Dropdown dengan JavaScript
    42. Menu Dropdown dengan JavaScript (2)
    43. Cara Membuat Favicon
    44. Pasang Recent Comments
    45. Text Berjalan di Bar menu
    46. Rotating banner
    47. Cara membuat kategori (label)
    48. Read more versi baru
    49. Pasang Link di New Blogger Template
    50. Cara Pasang Feed di Blog
    51. Pasang Banner di Header Blog
    52. Membuat Banner Bertaburan
    53. Tips Menghilangkan Border Image
    54. Cara membuat Navigasi Dengan Css (2)
    55. Mengatur Perataan Posting Artikel
    56. Tips Mengganti Background Blog
    57. Pasang Image pada judul Artikel
    58. Membuat link satu halaman
    59. Photo profile berbingkai
    60. Photo profile berbingkai
    61. Gambar berbingkai
    62. Image dalam kode marquee
    63. Pasang kode tuker link
    64. Cara daftar search engine
    65. Cepat terindeks di google
    66. Pasang Kalender
    67. Hilangkan garis bawah Link
    68. Ubah Warna Link
    69. Pelacak IP Address
    70. Pasang Jadwal Sholat
    71. Mengubah lebar kolom template
    72. Daftar Google Sitemap
    73. Daftar Feedburner
    74. Pasang Snaps Shots
    75. membuat navbar
    76. pasang label cloud
    77. Membuat tulisan bergaya koran
    78. horizontal dropdown menu
    79. membuat marquee text dalam gambar
    80. Marquee dengan Javascript
    81. Siapa yang pasang link ke blog kita
    82. Kotak komentar dengan haloscan
    83. Cara membuat daftar isi blog
    84. Cara menghilangkan Subcribe to
    85. Tips menambah kolom pada template baru
    86. Setting Widget Mybloglog
    87. membuat kursor animasi
    88. Download Mini Icon
    89. Menyisipkan Mini icon pada label
    90. Lebih jauh mengenai Read more
    91. Cara menghilangkan navbar Blogger
    92. Cara membuat frame iklan
    93. Cara mengganti warna sidebar pada template minima
    94. menyisipkan Icon pada View Profile
    95. Baca feed melalui Google Reader
    96. Cara Upload data ke Google Page Creator
    97. Cara membuat ONLINE BOOKMARK
    98. mengenal perintah Iframe
    99. Cara menampilakan karakter khusus
    100. tutorial software HTML Color V.1.4
    101. Cara pasang search engine di blog
    102. Membuat sidebar ada di kiri dan kanan
    103. Tutorial software scott box shot maker
    104. Menambah emoticons di shoutbox
    105. Tips membuat multi kolom
    106. Cara membuat tabel di blog
    107. Horizontal tab menu j
    108. Horiontal tab menu 10
    109. POp up generator
    110. Backup blog secara Online
    111. Atasi error widget harus unik
    112. Backup data dalam widget
    113. Pasang fasilitas print
    114. Trik mudah membuat Read more
    115. Pasang google talk di blog
    116. Pasang feed dalam kode marquee
    117. Pasang yahoo messenger (2)
    118. Pasang google talk di blog (2)
    119. Hilangkan angka dalam label
    120. Tips Search Engine Optimization (SEO)
    121. Pasang Game di blog
    122. Free CSS menu tabs 6
    123. Setor muka via gravatar
    124. membuat gambar thumbnail
    125. Read more sejajar dengan posting
    126. Pasang tombol digg
    127. Upload gambar ke yahoo geocities
    128. Pasang favicon
    129. Drop down menu sama lebar
    130. Drop down menu dengan CSS
    131. membuat daftar isi (2)
    132. Pasang widget post terbaru dan komentar terbaru
    133. pasang yahoo emoticon (2)
    134. install assteg emoticon ke post editor
    135. membuat background posting berbeda-beda
    136. Pasang iklan google adsense di bawah posting
    137. Pasang iklan kliksaya.com di bawah read more
    138. cara membagi dua kolom header
    139. Install Emoticon More-smilies Cosa aranda ke Editor Posting
    140. Buat Tulisan bergaya web 2.0 secara Online
    141. Ziddu - free file hosting
    142. Tutorial navigasi : Dynamic-FX Slide-In menu
    143. Free Logo Maker
    144. Cara Membuat Favicon (2)
    145. Atasi error copy paste kode wordpress
    146. fitur-fitur baru dari Blogger.com
    147. Setting komentar di bawah posting
    148. Kotak Komentar di bawah Posting
    149. membuat efek Photo Blur
    150. Mengubah Lebar Arsip Dropdown
    151. Cara mengcopy gambar di layar monitor
    152. menyimpan widget di bawah header
    153. Cara membuat elemen Persis di bawah header
    154. Mengatur Tampilan Judul Sidebar
    155. Google Docs : pasang data excel di blog
    156. Mengatur tampilan judul posting
    157. Widget baru mybloglog
    158. fitur baru blogger
    159. Membuat warna link berkedip
    160. Cara Modifikasi Kotak Komentar
    161. Revisi: Cara Modifikasi Kotak Komentar
    162. Alternatif Warna Kotak Komentar
    163. Memilah Milah Komentar
    164. Zoom Efek Dengan Script Fancy Zoom
    165. Cara membuat Contact form / Kontak Kami
    166. Elemen Halaman Mempunyai Fungsi Scroll
    167. Tips Menghilangkan Pesan Pencarian Blogger
    168. Membuat Read more Plus Judul Artikel
    169. Membuat Sidebar Dalam Kotak-Kotak Terpisah
    170. Free Template : Magazine Template 2
    171. Tanya Jawab seputar Template magazine 2
    172. Menghilangkan Icon Obeng dan Tang / Quick edit Blogger
    173. Tanya Jawab Seputar Template Magazine 1
    174. Pasang Skrip Alert Di Blog
    175. Pasang Google Toolbar
    176. Free Icon Untuk Blog Dan Website
    177. Asyik Ngeblog Bersama Windows Live Writer
    178. Tanya Jawab Seputar Windows Live Writer (WLW)
    179. Buat Kolom Diatas Kolom Posting Pada Magazine template 2
    180. Buat Kolom Dibawah Header Pada Magazine Template 2
    181. Blog Pertama Kang Rohman
    182. Free html dan PHP Editor
    183. Apa sih Alexa Rank atau Peringkat Alexa Itu?
    184. Tutorial Pasang Widget Alexa di Blog
    185. Tips Meningkatkan Alexa Rank
    186. Apa Sih Situs Social Bookmarking Network Itu?
    187. Solusi Mengatasi Kotak Komentar Yang bermasalah
    188. Tutorial Membuat Horizontal Navigasi



    Note:
    Seperti Biasa... Ini Tutorial Pemula, Bagi Yang Sudah Merasa Bisa Harap Di Skip Aja Thread Ini...
    Last edited by Kurt.D.Cobain; 12-04-09 at 19:05.
    For Fun
    www.R-L.me

  2. Hot Ad
  3. The Following 2 Users Say Thank You to Kurt.D.Cobain For This Useful Post:
  4. #2
    Kurt.D.Cobain's Avatar
    Join Date
    Apr 2008
    Location
    =
    Posts
    1,974
    Points
    4,012.20
    Thanks: 0 / 20 / 17

    Default

    Panduan membuat Blog di Blogspot

    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, Silahkan anda klik gambar dibawah untuk mendaftar.

    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.
    For Fun
    www.R-L.me

  5. #3
    Kurt.D.Cobain's Avatar
    Join Date
    Apr 2008
    Location
    =
    Posts
    1,974
    Points
    4,012.20
    Thanks: 0 / 20 / 17

    Default

    Cara Setting Blog

    Bagi para IDGSers 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 :
    1. Silahkan kalian Login ke blogger.com dengan user name dan password milik kalian
    2. Klik judul blog yang mau di setting ( jika kalian sudah mempunyai beberapa blog)
    3. Klik Pengaturan, trus klik Dasar. Beberapa form yang harus di isi pada menu Dasar :
      • Judul ⇒ isi dengan judul blog sobat. Contoh : Blogspot Tutorial
      • Uraian ⇒ isi dengan deskripsi blog sobat. Contoh : disini kita akan berbagi pengalaman dan pengetahuan seputar Blog
      • 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? ⇒ Sebaiknya pilih ya, tapi pilih tidak juga tidak apa-apa
      • Konten Dewasa? ⇒ Pilih tidak. Kalau pilih ya berarti blog anda di anggap blog untuk dewasa (semacam blog porno)
      • Tampilkan Mode Compose untuk semua blog Anda? ⇒ pilih Ya
      • Aktifkan transliterasi? ⇒ pilih Tidak, jika anda ingin ada button untuk mengubah biasa ke hurup hindi (India), pilih ya jika sebaliknya)
      • Klik tombol Simpan Pengaturan . Selesai

    4. Klik Publikasi untuk mengatur menu Publikasi :

    • 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.
    • Klik tombolSimpan pengaturan. Selesai
    5. Klik Format untuk mengatur menu format :

    • 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 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 peng-arsip-an yang anda sukai.
    • Format Timestamp ⇒ Pilih bentuk waktu yang anda sukai.
    • Zona Waktu ⇒ Pilih zona waktu yang sesuai. Contoh untuk WIB : [UTC-+7.00]Asia/Jakarta.
    • Bahasa ⇒ Pilih bahasa yang di inginkan.
    • Tampilkan Field judul ⇒ Pilih ya atau tidakpun tidak apa-apa
    • Tampilkan kolom link ⇒ pilih ya, tapi seandainya pilih tidak juga tidak apa-apa.
    • Aktifkan perataan float ⇒ pilih ya, tapi seandainya mau pilih tidak juga tidak apa-apa
    • Klik tombol Simpan Pengaturan. Selesai
    6. Klik 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 klik oleh pengunjung, halaman blog anda tidak menghilang/tertimpa halaman komntar.
    • Aktifkan moderasi komentar? ⇒ pilih Tidak (sebaiknya).
    • Tampilkan verifikasi kata untuk komentar? ⇒ pilih Ya. ini di maksudkan 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 dg alamat email anda, ini di maksudkan agar setiap ada yang berkomentar pada artikel anda, anda dapat kiriman email dari blogger.com sebagai pemberitahuan.
    • Klik tombol Simpan Pengaturan. Selesai
    7. Klik Arsipkan Untuk mengatur menu Arsipkan :

    • Frekuensi Arsip ⇒ pilih Bulanan.
    • Aktifkan Halaman Posting? ⇒ pilih ya.
    • Klik tombol Simpan Pengaturan . Selesai.
    8. Klik Fedd 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.
    • Klik tombol Simpan Perubahan. Selesai.


    Satu pekerjaan sudah selesai
    tinggal menyongsong pekerjaan lainnya..
    For Fun
    www.R-L.me

  6. #4
    Kurt.D.Cobain's Avatar
    Join Date
    Apr 2008
    Location
    =
    Posts
    1,974
    Points
    4,012.20
    Thanks: 0 / 20 / 17

    Default

    Memilih Template

    Bagi IDGSers yang sudah melakukan beberapa setting-an seperti posting terdahulu, langkah selanjutnya yang perlu IDGSers lakukan adalah memilih template.

    Sekilas tentang template

    Template adalah desain-desain halaman web ataupun blog beserta seluruh komponennya (misal : gambar, stylesheet, dsb) baik berupa file statis maupun file dinamis yang berupa program atau aplikasi yang berjalan sebagai aplikasi web. Seperti yang IDGSers lihat sekarang, seperti banner diatas, background warna putih, kolom-kolom di samping kanan, serta semua yang IDGSers lihat sekarang adalah salah satu bentuk dari desain template. Memilih template yang cantik sangatlah perlu, karena dengan tampilan template yang menarik untuk di lihat maka akan membuat para pengunjung dari blog kita menjadi betah untuk berlama-lama berada di blog kita selain tentunya isi dari blog kita juga sangat menunjang. Hmmm.. kayanya cukup deh pembahasan tentang apa itu template, keburu bosan kalau lama-lama….Sekarang langsung aja ke topik utama, yaitu langkah-langkah pemilihan template di blogger.com :


    • Silahkan IDGSers login terlebih dahulu seperti biasa dengan memakai user name milik anda.
    • Klik "Tata Letak" (bila IDGSers menggunakan blogger baru) atau klik "Template" (bila IDGSers menggunakan template classic).
    • Klik "Pick New Template", silahkan IDGSers pilih template yang IDGSers suka. Sebelum memutuskan dalam memilih "template" ini, sebaiknya anda lihat terlebih dahulu satu persatu contoh layout yang di sediakan dengan cara meng klik tulisan "preview template". Jika di rasa sudah menemukan yang paling IDGSers sukai, silahkan klik tulisan "Save template" yang ada di sebelah kanan atas, selesai.
    Mungkin IDGSers pernah mengunjungi beberapa blog di internet yang menggunakan blogger.com (blogspot), akan tetapi template yang di gunakan tidak ada dalam pilihan ketika memilih template. Ini ada kemungkinan bahwa template yang di gunakan adalah template buatan bukan dari blogger sendiri. Di internet banyak sekali situs-situs yang memberikan template secara gratis untuk di pakai di Blogger (blogspot), Jika ingin melihat-lihat berbagai template buatan bukan dari blogger.com silahkan klik di sini.
    For Fun
    www.R-L.me

  7. #5
    Kurt.D.Cobain's Avatar
    Join Date
    Apr 2008
    Location
    =
    Posts
    1,974
    Points
    4,012.20
    Thanks: 0 / 20 / 17

    Default

    Mengatur Hurup dan Warna

    Untuk para blogger baru, IDGSers akan menikmati fasilitas baru dari blogger.com, yaitu IDGSers 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")
    • Page Background color --> pengaturan warna background blog. Silahkan klik warna yang ada di sebelah kanan yang di sukai
    • Text Color --> pengaturan warna hurup dari posting-an
    • Link Color --> pengaturan warna hurup yang di link
    • Blog Title Color --> pengaturan warna hurup judul Blog
    • Blog Description Color --> pengaturan warna hurup deskripsi blog
    • Post Title Color --> pengaturan warna hurup judul posting-an
    • Border Color --> pengaturan warna kotak yang mengelilingi judul blog, serta garis pemisah
    • Sidebar Title Color --> pengaturan warna hurup judul yang anda di sidebar (kolom samping)
    • Sidebar Title Color --> pengaturan warna hurup yang ada di sidebar(kolom samping)
    • Visited link Color --> pengaturan warna hurup link ketika pengunjung mengarahkannya ke tulisan yang mengandung link
    • Text Font --> pengaturan jenis hurup,berlaku untuk hurup hasil dari posting-an ataupun hurup yang ada di sidebar
    • Sidebar Title Font --> pengaturan jenis hurup untuk judul yang ada di sidebar serta tanggal postingan
    • Blog Title Font --> pengaturan jenis hurup Judul blog
    • Blog Description Font --> Pengaturan jenis hurup dekripsi blog
    • Post Footer Font --> pengaturan jenis hurup footer (contoh : posted by )
    • Klik “ 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.
    For Fun
    www.R-L.me

  8. #6
    Kurt.D.Cobain's Avatar
    Join Date
    Apr 2008
    Location
    =
    Posts
    1,974
    Points
    4,012.20
    Thanks: 0 / 20 / 17

    Default

    Cara Memposting Artikel

    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.

    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.

    For Fun
    www.R-L.me

  9. #7
    Kurt.D.Cobain's Avatar
    Join Date
    Apr 2008
    Location
    =
    Posts
    1,974
    Points
    4,012.20
    Thanks: 0 / 20 / 17

    Default

    Membuat Read More untuk Template klasik

    Wah judul yang aneh, "membuat Read More" maksudnya apa? Begini IDGSers, 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 IDGSers 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.

    IDGSers 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 >> Selengkapnya...", ini di sebut pengkaburan atau pengkamuflasean postingan (ribet banget nyebutnya). Bagi IDGSers yang baru posting artikel hanya satu atau dua artikel saja mungkin menganggap tidak perlu menyingkat artikel IDGSers, namun jika nanti artikel IDGSers sudah banyak, maka mungkin saja ada terbersit ingin membuat menu ini.

    Oke... kelamaan ngawurnya, mending langsung saja. Untuk membuat menu Read more 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.

    Silahkan ikuti langkah-langkah berikut :

    • Login ke blogger.com dengan id IDGSers
    • Klik menu bertuliskan Template
    • Klik menu Edit HTML
    • jangan lupa Copy seluruh kode template milik IDGSers 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.
    • Copy kode HTML di bawah, kemudian paste persis di atas kode </style> :
      <MainOrArchivePage>

      div.fullpost {display:none;}

      </MainOrArchivePage>

      <ItemPage>

      div.fullpost {display:inline;}

      </ItemPage>
      Untuk mempercepat pencarian kode </style>, silahkan IDGSers 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.
    • langkah selanjutnya adalah, silahkan copy kode berikut lalu paste setelah kode <$BlogItemBody$> :

      <MainOrArchivePage><br/> <a href="<$BlogItemPermalinkURL$>">Read more!</a></MainOrArchivePage>


      Lagi-lagi Untuk mempercepat pencarian kode <$BlogItemBody$>, silahkan IDGSers klik menu Edit yang ada pada bar menu browser, kemudian klik Find (on this page)..., lalu tulis trus klik tombol <$BlogItemBody$>find next, maka secara otomatis akan di bawa ke kode tersebut.
    • Klik tombol yang bertuliskan SAVE SETTINGS
    • Langkah selanjutnya adalah klik menu Setting
    • Klik menu Formatting
    • Dibagian bawah menu tersebut ada kotak di samping tulisan Post Template, nah isi kotak kosong tersebut dengan kode di bawah ini :
      <div class="fullpost">
      </div>
      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.
    • kemudian jangan lupa klik tombol Save Settings
    • Selesai


    Cara Posting Artikel
    Oke, sesudah beberapa tahap kita lalui, sekarang kita masuk ke tahap bagaimana cara memposting suatu artikel agar ada menu Readmore nya.

    • Klik menu Posting
    • klik menu Edit HTML, nah di sana secara otomatis akan tampak kode yang kita simpan tadi, yakni :

      <div class="fullpost"> </div>
      simpan artikel IDGSers yang ingin di tampilkan sebelum kode <div class="fullpost">, kemudian simpan sisa keseluruhan artikel setelah kode <div class="fullpost"> dan sebelum kode </div>
      Agar lebih jelas, saya beri contoh, misal artikelnya begini :
      Ini adalah contoh tulisan yang di simpan pada awal artikel yang akan selalu muncul pada blog kita, sedangkan tulisan yang lainnya tidak akan muncul.
      <div class="fullpost">
      dan tulisan yang ini adalah tulisan yang akan muncul ketika para pengunjung meng klik link yang bertuliskan Read more. </div>
      Hasilnya yang akan tampak pada blog kita adalah seperti ini :

      Ini adalah contoh tulisan yang di simpan pada awal artikel yang akan selalu muncul pada blog kita, sedangkan tulisan yang lainnya tidak akan muncul.
      Read more!

    Bagaimana IDGSers, sudah jelaskan. bila belum jelas silahkan di tanyakan kembali pada komentar.

    Sedikit clue, kata Read more! sebenarnya bisa kita ganti sesuai dengan keinginan kita, misalkan kita rubah menjadi Baca selengkapnya..., Selengkapnya.., Lanjutannya... atau apa saja yang penting kata tersebut bisa memberi tahu kepada para pengunjung bahwa artikel kita ada kelanjutannya.

    Kode di atas sebenarnya ada alternatif lain, yakni memakai kode Span, jika berminat, ganti semua kode div menjadi Span. Hasilnya akan sama, cuma bagi para IDGSers yang suka posting pada menu compose, kode ini sering ada masalah di karenakan bertabrakan dengan perintah lain yang memakai kode Span.

    For Fun
    www.R-L.me

  10. #8
    Kurt.D.Cobain's Avatar
    Join Date
    Apr 2008
    Location
    =
    Posts
    1,974
    Points
    4,012.20
    Thanks: 0 / 20 / 17

    Default

    Membuat Text Area

    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></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.for m.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.for m.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 </HEAD> ..................... selamat mencoba.
    For Fun
    www.R-L.me

  11. #9
    Kurt.D.Cobain's Avatar
    Join Date
    Apr 2008
    Location
    =
    Posts
    1,974
    Points
    4,012.20
    Thanks: 0 / 20 / 17

    Default

    Membuat Menu Dropdown

    Dalam konsep blog, setiap posting kita akan terarsip otomatis secara rapi setiap bulan. Setiap memasuki bulan baru, seperti Januari, maka arsip bulan Desember akan tampil di sidebar. Masalahnya, kalau kita sudah ngeblog setahun, maka arsip dari Januari sampai Desember akan berjejer di sidebar kita. Bagaimana kalau dua dan tiga tahun lagi? 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.

    Untuk membuat arsip pulldown ini ada dua yakni untuk blogger dengan template klasik, dan template baru. Untuk template klasik langkahnya yaitu:

    1. Login ke blogger.com dg id Anda
    2. Klik Template
    3. Di bagian sidebar blog Anda bagian archives, ada kode html sbb:
      &<BloggerArchives>
      <a href="<$BlogArchiveURL$"$gt;'><$BlogArchiveName$></a>
      </BloggerArchives>
    4. Nah, ganti kode di atas dg kode html di bawah ini:
      <select name="archivemenu"
      onchange="document.location.href=this.options[this.selectedIndex].value;">
      <option selected>- Archives -</option>
      <BloggerArchives>
      <option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option>
      </BloggerArchives>
      </select>
    5. Apabila selesai, klik SAVE CHANGES. Bila sudah DONE, klik REPUBLISH.
    6. Selesai.

    Untuk anda yang memakai template baru, langkahnya lebih 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 saya pribadi 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? Selamat mencoba !
    For Fun
    www.R-L.me

  12. #10
    Kurt.D.Cobain's Avatar
    Join Date
    Apr 2008
    Location
    =
    Posts
    1,974
    Points
    4,012.20
    Thanks: 0 / 20 / 17

    Default

    Upload Gambar dan Foto Profile

    Agar posting artikel pada blog lebih menarik untuk dilihat, maka sebaiknya kita menyisipkan gambar di antara poting-an kita tersebut, di samping untuk lebih memperjelas apa yang kita sampaikan. Misalkan kita sedang menerangkan sesuatu, maka dengan adanya gambar akan lebih memperjelas maksud dari topik yang sedang kita jelaskan kepada para pembaca artikel kita. Bagi anda-anda yang masih bingung bagaimana caranya untuk memasukan gambar atau istilah resminya yaitu upload gambar, maka akan saya ulas langkah-langkahnya :

    1. Login seperti biasa dengan id anda
    2. Klik Posts
    3. Klik New Post (bila sebelumnya anda telah mempunyai posting-an)
    4. Klik toolbar yang bergambar seperti ini
    5. Beri tanda tik/cek pada radio button pada pilihan Choose a layout, bila anda menginginkan posisi gambar bisa di tempatkan di mana saja, pilih pada radio button None, bila posisi gambar di sebelah kiri pilih left, bila ingin di tengah pilih Center, bila ingin di kanan pilih Right.Beri tanda tik/cek pada Image size, bila ingin gambar yang di upload hasilnya kecil pilih Small, bila ingin sedang pilih Medium, bila ingin besar pilih Large
    6. Beri tanda ceklis di samping tulisan Use this layout every time bila anda menginginkan setiap upload gambar settingnya seperti semula
    7. Tekan tombol Browse, lalu masukan gambar dari komputer anda yang ingin di upload.
    8. Klik Add another image bila gambar yang ingin di upload lebih dari satu gambar
    9. Klik tombol UPLOAD IMAGE, tunggu beberapa saat sampai proses upload selesai
    10. Klik Tombol Done untuk mengakhiri proses upload
    Setelah proses upload anda selesai, untuk melihat gambar tadi, klik tombol Compose. Nah disini anda bisa melihat gambar yang anda upload tadi sekaligus dapat mengatur kembali ukuran dari gambar ini, caranya yaitu klik gambar tersebut sampai gambar anak panah mouse anda berubah menjadi gambar panah empat penjuru. Arahkan mouse pada garis samping gambar sampai gambar mouse berubah menjadi panah dua arah, tekan tombol mouse lalu tahan dan gerakan kearah kiri atau kanan untuk merubah lebar gambar, bila susah sesuai dengan yang anda inginkan lepas tombol yang anda tahan tadi. Untuk mengatur tinggi gambar, arahkan mouse pada tepi bawah atau atas gambar sampai gambar mouse berubah menjadi anak gambar panah dua arah, tekan mouse lalu tahan kemudian gerakan mouse keatas atau kebawah untuk mengatur tinggi gambar, lepaskan mouse bila ukuran gambar sudah sesuai dengan yang anda inginkan.

    Nah sekarang bagaimana cara memasukan foto untuk mengisi Profile kita?, caranya sama seperti langkah-langkah di atas, cuma ada sedikit perbedaan yaitu kamu harus menghapus beberapa kode tersebut. Jika foto kamu sudah selesai di upload (langkahnya sama seperti di atas). Tekanlah menu Edit HTML untuk melihat kode HTML dari Foto anda tadi, copy / paste kode HTML tersebut kedalam program notepad (agar lebih mudah) atau bisa juga ditulis di kertas. Kemudian klik publish. Untuk memasukan foto kedalam Profile kita, silahkan ikuti langkah berikut:

    1. Setelah upload gambar, klik menu Dasboard
    2. Klik menu Edit Profile
    3. Di dalam form - form isian profile ada tulisan Photo URL, nah disini paste kode HTML yang telah anda copy tadi ke dalam notepad tapi jangan semuanya, yaitu yang di paste adalah kode setelah tulisan [src="] yaitu link yang di mulai dengan [http://] dan berakhir dengan [.jpg] atau [.jpeg]
    4. Klik Save Profile, maka foto anda yang cantik dan ganteng sudah terpampang di blognya dan bisa dilihat oleh seluruh dunia
    5. Selesai
    Sebenarnya ada cara lain untuk mengisi foto Profile kita, yaitu dengan cara meng-upload (memasukkan) foto kita pada hosting lain, dan baru kemudian link URL foto yang kita dapat dari hosting tersebut di copy/paste ke profile yang ada di blogger/blogspot. Saya ambil contoh, biasanya saya menyimpan foto-foto saya di http://www.indoimage.com (atas rekomendasi Black Zero, asalnya sih suka nyimpen di Photobucket) jika anda mau silahkan daftarkan diri anda (gratis ko), apabila sudah selesai daftar dan bisa login, silahkan upload photo anda. Setelah proses upload foto selesai, maka secara otomatis foto tersebut akan di beri PHOTO URL, copy alamat link URL foto tersebut lalu paste di Profile Blogger.com pada kolom Photo URL setelah itu tinggal SAVE CHANGES dan REPUBLISH.


    Selesai ... selamat mencoba.
    For Fun
    www.R-L.me

  13. #11
    Kurt.D.Cobain's Avatar
    Join Date
    Apr 2008
    Location
    =
    Posts
    1,974
    Points
    4,012.20
    Thanks: 0 / 20 / 17

    Default

    Membuat Link (1)

    Dalam dunia blog, tentu anda tidak asing lagi dengan yang namanya link. Apabila anda seorang blogger (tukang ngeblog kata orang jakarta mah), tentu saja membuat link adalah sebuah keharusan. Berbeda dengan website pada umumnya, di jagat per blog-an ada yang namanya link exchange atau bertukar link dengan blog lain, jadi kalau anda tidak bisa membuat link, ini dapat berakibat anda akan di asingkan alias di cuekin oleh blogger lainnya karena di anggap pelit dalam memberikan link. Dalam topik membuat link ini, saya akan mengulasnya dalam beberapa sub bagian yakni :

    Link pada posting-an
    Jika anda membuat sebuah artikel untuk di posting, trus di dalam nya ingin di buatkan sebuah link, misalkan artikel tersebut bercerita tentang bisnis yang anda ikuti pada sebuah website di internet, lalu anda ingin mengajak para pembaca artikel tersebut untuk mengunjungi website yang anda ceritakan. Misalkan dalam artikel tersebut ada kata –kata seperti Jika anda tertarik silahkan anda klik disini, nah untuk membuat link dari kata-kata tersebut silahkan ikuti langkah-langkah berikut :

    1. Highlight kata-kata yang ingin di buat link, contoh di atas adalah klik disini.
    2. Klik ikon yang bergambar seperti ini yang berada pada toolbar, maka setelah itu akan muncul tulisan http:// pada window baru yang berbentuk seperti gambar di bawah ini :
    3. Isi kotak yang ada tulisan tersebut dengan alamat situs yang anda inginkan, misalkan: http://www.indogamers.com
    4. Klik OK. Selesai


    Link dengan window baru
    Mungkin anda punya pikiran, kalau anda membuat sebuah link trus pembaca mengkliknya, anda kwawatir kalau pengunjung blog kita akan meninggalkan blog kita. Untuk meminimalisir hal tersebut, bisa dilakukan dengan cara membuat window baru, jadi ketika pengunjung mengklik salah satu link yang kita buat, halaman blog kita tidak akan tertimpa dengan halaman baru tapi yang terjadi adalah halaman blog anda tetap ada dan halaman yang baru di klik akan muncul terpisah. Sebagai contoh, silahkan anda klik tulisan Resep Bisnis atau Obral plus pada banner header diatas. Ketika anda mengkliknya, akan tercipta window baru. Untuk membuat link seperti ini dapat di lakukan dengan cara :

    1. Apabila sudah melakukan cara membuat link seperti keterangan diatas, klik menu yang ada pada toolbar.
    2. Pada tulisan yang kita link tadi akan muncul kode seperti ini ( contoh tulisan klik disini di link ke http://www.indogamers.com/f393/ :
      <a href="http://www.indogamers.com/f393/">klik disini</a>
      maka disini anda harus menambahkan embel-embel kode HTML target="new' ataupun target="_blank" pada awal ataupun akhir kode tersebut . Contoh kode yang sudah di modifikasi adalah :
      <a href="http://www.indogamers.com/f393/" target="new">klik di sini</a>
      atau :
      <a href="http://www.indogamers.com/f393/" target="new">klik di sini</a>
      atau bisa juga seperti ini :
      <a href="http://www.indogamers.com/f393/" target="_blank">klik di sini</a>

    Buat Links di sidebar
    Bila anda berkeinginan membuat link kepada teman anda di sidebar, cara termudah adalah seperti ini : ( khusus untuk template klasik)

    1. Sign in di blogger dengan id anda
    2. Klik menu TEMPLATE
    3. Klik Edit HTML
    4. Klik Edit
    5. Klik Find (on this page)… --> untuk mempercepat pencarian
    6. Tuliskan kata dimana anda ingin tempatkan, contoh di blog saya adalah Links para sahabat, klik Find
    7. Tuliskan link yang anda inginkan, contoh jika anda ingin membuat link ke blog saya, maka kode yang di tulis adalah :
      • <a href="http://www.indogamers.com/f393/" target="_blank">Tempat Gue</a>
    8. Klik Save Template Changes. Selesai

    Sedikit clue untuk anda. Jika anda sedang mengotak - atik kode Template sebaiknya sebelum di obrak-abrik, sebaiknya anda copy terlebih dahulu seluruh template ke dalam notepad, ini untuk jaga-jaga apabila anda melakukan kesalahan, anda bisa mengembalikan kesemula karena sudah mempunyai backup data template tersebut.

    Atau bisa juga sebelum anda klik Save Template Changes sebaiknya anda klik terlebih dahulu tombol preview untuk melihat perubahan yang anda lakukan, apabila sudah cocok dengan perubahan tersebut baru di save Template Changes.
    Last edited by Kurt.D.Cobain; 12-04-09 at 18:14.
    For Fun
    www.R-L.me

  14. #12
    Kurt.D.Cobain's Avatar
    Join Date
    Apr 2008
    Location
    =
    Posts
    1,974
    Points
    4,012.20
    Thanks: 0 / 20 / 17

    Default

    Membuat Link (2)

    Untuk anda pengguna Blogger baru, ada perbedaan dalam membuat link, silahkan ikuti langkah berikut ini :


    1. Login di blogger dengan ID anda
    2. Klik menu Layout
    3. Klik Page Elements
    4. Klik Add a Page Element
    5. Klik ADD TO BLOG pada menu Link List
    6. Tulis Judul link pada pada isian di sebelah form Title. Contohnya Adalah “Link Partner” atau silahkan terserah anda
    7. 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.
    8. 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
    9. Tulis alamat URL yang akan di Link pada form New Site URL. Contoh: http://indogamers.com
    10. Tulis nama atau tulisan yang ingin muncul pada link yang anda buat pada form New site Name. contoh: Forum Games.
    11. Klik Add Link, jika link yang anda buat lebih dari satu. Silahkan isi semua form sesuai dengan langkah di atas.
    12. Klik SAVE CHANGES bila sudah selesai
    13. 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 ) .
    14. Klik SAVE. Selesai


    Membuat link dari gambar atau image
    Apabila anda mempunyai sebuah gambar, dan gambar tersebut ingin di jadikan sebuah link. Maka caranya seperti di bawah ini :

    1. Upload gambar yang anda miliki ke hosting tempat menyimpan gambar, contohnya saya disini mengambil http://www.photobucket.com.
    2. Jika anda sudah mengupload gambar anda, maka gambar tersebut akan di beri alamat URL, copy alamat tersebut pada notepad.

      Nah jika anda ingin membuat gambar tersebut menjadi sebuah link, maka kode yang di tulis adalah :
      <a href="http://indogamers.com"><img src="http://link dari photobucket"></a>
      (kode dalam satu baris)

      jika ingin dalam window baru :
      <a href="http://indogamers.com" target="_blank"><img src="http://link dari photobucket"></a>
      (kode dalam satu baris)


    Link berjudul
    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 :
    <a href="http://www.indogamers.com target="new" title="Forum Tempatnya Para Gamers">Forum Games</a>

    Mudah bukan

    Selamat Mencoba
    For Fun
    www.R-L.me

  15. #13
    Kurt.D.Cobain's Avatar
    Join Date
    Apr 2008
    Location
    =
    Posts
    1,974
    Points
    4,012.20
    Thanks: 0 / 20 / 17

    Default

    Membuat efek Marquee

    Apa itu marquee ? Marquee adalah suatu program HTML untuk membuat teks bisa bergerak atau berjalan. 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.

    Marquee ini bisa di buat dengan menggunakan tag <marquee></marquee>

    Atribut yang sering di gunakan adalah :

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


    Agar lebih jelas akan saya sertakan kodenya:
    Contoh marquee dari gerakan :
    <MARQUEE align="center" direction="right" height="200" scrollamount="2" width="30%">marquee dari kanan ke kiri</MARQUEE>
    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">Kata Yang Ingin Anda Masukan </MARQUEE>
    marquee menurut perilaku
    Contoh marquee dengan variasi hurup dan warna latar belakang :
    <div align="left">&ltFONT 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 kodenya:
    <marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center">Arahkan Mouse Kesini</marquee>
    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://indogamers.com" target="new">Forum Games Indonesia</a><br/>

    <a href="http://indogamers.com" target="new">Forum Games Indonesia</a><br/>

    <a href="http://indogamers.com" target="new">Forum Games Indonesia </a><br/>

    </marquee>
    Mungkin itu saja beberapa contoh yang bisa di berikan, silahkan anda otak-atik sendiri agar tercipta variasi-variasi dari marquee ini.


    Selamat bereksperimen

    For Fun
    www.R-L.me

  16. #14
    Kurt.D.Cobain's Avatar
    Join Date
    Apr 2008
    Location
    =
    Posts
    1,974
    Points
    4,012.20
    Thanks: 0 / 20 / 17

    Default

    Membuat Refresh

    Fungsi refresh di gunakan untuk membuat “penyegaran” kembali halaman blog ataupun website. Fungsi refresh ini sama dengan fungsi refresh yang ada pada browser internet, perbedaannya yaitu fungsi ini di buat bekerja secara otomatis, yakni pengguna tidak perlu menekan tombol refresh yang ada pada tool bar.

    Untuk membuatnya cukup dengan hanya membubuhkan program di bawah ini:
    <meta http-equiv="refresh" content="10">
    Untuk template klasik cukup dengan kode diatas, tapi untuk template baru harus memakai tag penutup yakni </meta> , kodenya jadi seperti di bawah:
    <meta http-equiv="refresh" content="10"></meta>
    Simpan kode di atas antara <head> .... </head> sedikit uraian kode diatas, content="10" --> angka sepuluh menunjukan bahwa proses refresh akan di lakukan dalam rentang waktu 10 detik. Jadi sebaiknya angka ini di set jangan terlalu cepat karena bisa menimbulkan kejengkelan kepada para pembaca apabila terlalu cepat di refresh.

    Fungsi refresh selain untuk menyegarkan kembali halaman-halaman blog, ada fungsi lain yang juga cukup menarik, yakni berfungsi sebagai Redirect dari satu URL addres ke URL addres yang lain. Ini berfungsi jika anda ingin membawa pengunjung blog atau situs anda ke alamat situs yang anda inginkan. Agar lebih jelas, saya ambil salah satu contoh. Ada teman saya sudah lama nge blog, dan setelah sekian lama kemudian dia membuat situs baru. Jadi blog yang lama tidak ingin di aktifkan lagi (di non aktifkan). Nah selain memakai cara meninggalkan pesan bahwa alamat situs atau blog sudah pindah alamat, alangkah baiknya kita memakai fungsi Refresh yang di setting secepat mungkin yakni waktu refresh di set 0 (nol) detik. Jadi apabila ada pengunjung yang mengunjungi alamat blog tersebut akan secara otomatis di bawa langsung ke alamat baru yang di inginkan.

    Fungsi Redirect ini bisa di buat dengan kode :
    <meta http-equiv="refresh" content="0;URL=tulis alamat URL tujuan di sini"></meta>
    Khusus template baru harus pake kode penutup


    Selamat mencoba
    For Fun
    www.R-L.me

  17. #15
    Kurt.D.Cobain's Avatar
    Join Date
    Apr 2008
    Location
    =
    Posts
    1,974
    Points
    4,012.20
    Thanks: 0 / 20 / 17

    Default

    Kode HTML tampil di posting-an

    Agar kode-kode HTML dapat muncul pada posting-an blog kita, ada beberapa cara dan yang saya ketahui saat ini cuma baru dua cara ( barangkali kawan-kawan ada yang lebih tahu ).

    Yang pertama yaitu anda harus mengganti karakter-karakter perintah dari program HTML dengan notasi tertentu. Karakter-karakter yang sering di gunakan yaitu seperti yang tertera pada tabel di bawah ini :


    Nah agar lebih paham akan saya beri contoh, misalkan dalam postingan anda berisi kata-kata seperti ini :

    Untuk membuatnya cukup dengan hanya membubuhkan program di bawah ini :
    <meta http-equiv="refresh" content="10"></meta>

    Jika ingin tampil seperti itu maka yang di tuliskan tidak persis seperti kode di atas, sebab nanti di postingan tulisan kode tersebut tidak akan muncul, yang ada justru efek dari kode yang anda tuliskan. trus jalan keluarnya gimana? Seperti yang saya tuliskan pada tabel, anda harus mengganti karakter-karakter perintah yang ada dengan notasi penggantinya, jadi yang harus anda tuliskan pada postingan adalah seperti ini :

    Untuk membuatnya cukup dengan hanya membubuhkan program di bawah ini :
    &ltbr/><br/> <code>
    &lt;meta http-equiv="refresh" content="10"&gt;
    <br/>
    &lt;/meta&gt;
    </code>


    Pembubuhan perintah <code> dan </code> adalah untuk menandakan bahwa yang anda tulis adalah sebuah kode HTML, dan nantinya pun tulisan-tulisan yang berada dalam perintah ini akan tanpil beda dengan tulisan-tulisan yang lainnya, sebagai contoh silahkan anda lihat postingan saya yang lainya yang membubuhkan kode-kode HTML. pembubuhan perintah <br/> adalah untuk membuat tulisan berpindah kebawah, jika anda tidak membubuhkan perintah <br/> tadi, walaupun di posting-an anda tulis jauh kebawah, hasilnya akan tetap bersatu.

    Sebagai contoh, untuk menuliskan kode-kode di atas, pada posting-an anda harus menuliskan seperti ini :

    Untuk membuatnya cukup dengan hanya membubuhkan program di bawah ini :
    <br/><br/>
    <p align="left"><textarea name="code" rows="6" cols="400">
    &lt;meta http-equiv="refresh" content="10"&gt; &lt;/meta&gt;</textarea></p>

    Maka yang akan tampil di blog anda adalah seperti ini :

    Untuk memposting seperti yang saya jelaskan dia atas, anda harus pada posisi Edit HTML jangan pada posisi Compose


    For Fun
    www.R-L.me

Page 1 of 3 123 LastLast

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •