me

About Us


Kolom Tutorial didedikasikan bagi mereka yang sedang mencari tutorial membuat blog di blogspot, free template serta informasi seputar internet.

Blog Tutorial Untuk Pemula

  • 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
  • 100. Cara menghilangkan navbar Blogger
  • 101. Cara membuat frame iklan
  • 102. Cara mengganti warna sidebar pada template minima
  • 103. menyisipkan Icon pada View Profile
  • 104. Baca feed melalui Google Reader
  • 105. Cara Upload data ke Google Page Creator
  • 106. Cara membuat ONLINE BOOKMARK
  • 107. mengenal perintah Iframe
  • 108. Cara menampilakan karakter khusus
  • 109. tutorial software HTML Color V.1.4
  • 110. Cara pasang search engine di blog
  • 111. Membuat sidebar ada di kiri dan kanan
  • 112. Tutorial software scott box shot maker
  • 113. Menambah emoticons di shoutbox
  • 114. Tips membuat multi kolom
  • 115. Cara membuat tabel di blog
  • 117. Horizontal tab menu j
  • 118. Horiontal tab menu 10
  • 119. POp up generator
  • 120. Backup blog secara Online
  • 121. Atasi error widget harus unik
  • 122. Backup data dalam widget
  • 123. Pasang fasilitas print
  • 124. Trik mudah membuat Read more
  • 126. Pasang google talk di blog
  • 127. Pasang feed dalam kode marquee
  • 128. Pasang yahoo messenger (2)
  • 129. Pasang google talk di blog (2)
  • 130. Hilangkan angka dalam label
  • 131. Tips Search Engine Optimization (SEO)
  • 132. Pasang Game di blog
  • 133. Free CSS menu tabs 6
  • 134. Setor muka via gravatar
  • 135. membuat gambar thumbnail
  • 136. Read more sejajar dengan posting
  • 137. Pasang tombol digg
  • 138. Upload gambar ke yahoo geocities
  • 139. Pasang favicon
  • 140. Drop down menu sama lebar
  • 141. Drop down menu dengan CSS
  • 142. membuat daftar isi (2)
  • 143. Pasang widget post terbaru dan komentar terbaru
  • 144. pasang yahoo emoticon (2)
  • 145. install assteg emoticon ke post editor
  • 146. membuat background posting berbeda-beda
  • 147. Pasang iklan google adsense di bawah posting
  • 148. Pasang iklan kliksaya.com di bawah read more
  • 149. cara membagi dua kolom header
  • 150. Install Emoticon More-smilies Cosa aranda ke Editor Posting
  • 151. Buat Tulisan bergaya web 2.0 secara Online
  • 152. Ziddu - free file hosting
  • 153. Tutorial navigasi : Dynamic-FX Slide-In menu
  • 154. Free Logo Maker
  • 155. Cara Membuat Favicon (2)
  • 156. Atasi error copy paste kode wordpress
  • 157. fitur-fitur baru dari Blogger.com
  • 158. Setting komentar di bawah posting
  • 159. Kotak Komentar di bawah Posting
  • 160. membuat efek Photo Blur
  • 161. Mengubah Lebar Arsip Dropdown
  • 162. Cara mengcopy gambar di layar monitor
  • 163. menyimpan widget di bawah header
  • 164. Cara membuat elemen Persis di bawah header
  • 165. Mengatur Tampilan Judul Sidebar
  • 166. Google Docs : pasang data excel di blog
  • 167. Mengatur tampilan judul posting
  • 168. Widget baru mybloglog
  • 169. fitur baru blogger
  • 170. Membuat warna link berkedip
  • 171.  Cara Modifikasi Kotak Komentar
  • 172.  Revisi: Cara Modifikasi Kotak Komentar
  • 173.  Alternatif Warna Kotak Komentar
  • 174.  Memilah Milah Komentar
  • 175.  Zoom Efek Dengan Script Fancy Zoom
  • 176.  Cara membuat Contact form / Kontak Kami
  • 177.  Elemen Halaman Mempunyai Fungsi Scroll
  • 178.  Tips Menghilangkan Pesan Pencarian Blogger
  • 179.  Membuat Read more Plus Judul Artikel
  • 200.  Membuat Sidebar Dalam Kotak-Kotak Terpisah
  • 201.  Free Template : Magazine Template 2
  • 202.  Tanya Jawab seputar Template magazine 2
  • 203.  Menghilangkan Icon Obeng dan Tang / Quick edit Blogger
  • 204.  Tanya Jawab Seputar Template Magazine 1
  • 205.  Pasang Skrip Alert Di Blog
  • 206.  Pasang Google Toolbar
  • 207.  Free Icon Untuk Blog Dan Website
  • 208.  Asyik Ngeblog Bersama Windows Live Writer
  • 209.  Tanya Jawab Seputar Windows Live Writer (WLW)
  • 210.  Buat Kolom Diatas Kolom Posting Pada Magazine template 2
  • 211.  Buat Kolom Dibawah Header Pada Magazine Template 2
  • 212.  Blog Pertama Kang Rohman
  • 213.  Free html dan PHP Editor
  • 214.  Apa sih Alexa Rank atau Peringkat Alexa Itu?
  • 215.  Tutorial Pasang Widget Alexa di Blog
  • 216.  Tips Meningkatkan Alexa Rank
  • 217.  Apa Sih Situs Social Bookmarking Network Itu?
  • 218.  Solusi Mengatasi Kotak Komentar Yang bermasalah
  • 219.  Tutorial Membuat Horizontal Navigasi
  • Rabu, Desember 19, 2007

    Tips Membackup Data Dalam Widgets

    Karena banyaknya keluhan dari teman-teman blogger ketika mengganti template yaitu menghilangnya segala aksesori serta blog tools yang telah di pasang di blog, maka pada postingan kali ini saya akan mencoba mengulas tentang bagaimana cara membackup data-data yang telah di masukan ke dalam elemen halaman atau di sebut juga dengan widget.

    Sebenarnya, tentang cara membackup data widget ini pernah saya ulas di sini, akan tetapi rupanya postingan tersebut belum terlalu jelas, sehingga masih banyak teman-teman blogger yang merasa kecewa saat mengganti template.

    Ada banyak cara untuk membackup data yang ada dalam Widgets, akan tetapi karena keterbatasan waktu untuk mengulasnya secara detail, maka saya akan mencoba dua buah langkah saja yaitu membackup secara langsung dari elemen halaman serta membackup melalu source code template.

  • Membackup widgets melalui Elemen Halaman


  • Membackup widgets dengan cara ini sebenarnya sedikit merepotkan, akan tetapi daripada kita kehilangan berbagai aksesori serta tool yang telah terpasang, sepertinya lebih bijaksana untuk melakukannya.

    Silahkan ikuti langkah-langkah berikut ini :

    1. Sign in di blogger dengan ID sobat.


    2. Klik Layout.


    3. Klik menu Elemen halaman, sobat akan melihat halaman seperti ini (contoh saja) :


    4. contoh gambar elemen halaman


    5. Pada contoh gambar di atas terlihat tulisan edit yang saya beri lingakaran merah, tugas sobat yaitu klik pada tulisan Edit pada setiap elemen halaman yang ada, maka akan muncul popup window yang menyertakan kode yang pernah di masukan kedalamnya. Perhatikan gambar berikut :


    6. ini adalah contoh gambar popup window yang akan muncul


    7. Copy kode yang tertanam di dalamnya, kemudian paste pada Notepad.


    8. Ulangi langkah di atas pada seluruh elemen yang ada. Jika sobat mempunyai 20 elemen halaman, maka buka ke 20 elemen halaman tersebut lalu copy paste kode yang ada di dalamnya


    9. Selesai.



    Seperti yang saya katakan di atas bahwa langkah ini sedikit membosankan dan memerlukan waktu yang cukup lumayan lama, akan tetapi untuk menyelamatkan data yang ada maka bolehlah untuk di lakukan.



  • Backup widget melalui Source Code Template


  • Cara ini menurut saya lebih cepat dan efisien, hanya perlu sedikit waktu untuk melakukannya. Akan tetapi walaupun demikian, cara ini memerlukan kejelian sobat dalam mencari kode widget di balik tumpukan kode template yang ada. Penasaran bagaimana langkahnya? silahkan ikuti langkah-langkah berikut ini :

    1. Kunjungi alamat blog milik sobat sendiri.


    2. Setelah sobat berada pada blog sobat sendiri, klik menu View yang berada pada bar menu sebelah atas pada browser masing-masing. Perhatikan gambar berikut :


    3. ini contoh gambar untuk melihat source code template


    4. setelah klik View, maka akan keluar sub menu dari view ini, lalu klik Source.


    5. Apabila sobat memakai browser Internet Explorer, maka akan secara otomatis keluar program notepad yang memuat source code dari template milik sobat. Apabila sobat memakai browser Mozilla Firefox atau Opera, maka akan keluar halaman baru yang memuat source code dari template milik sobat. Perhatikan gambar berikut :


    6. contoh source code pada program notepad


    7. Simpanlah (Save) data source code tersebut untuk nanti di masukan ke dalam elemen halaman.


    8. Selesai.




    Seperti yang saya katakan di awal bahwa cara ini sangat mudah, akan tetapi source code tersebut memuat bukan hanya kode widget, akan tetapi seluruh kode yang termuat di dalam template milik sobat. Pertanyaan yang mungkin timbul yaitu di manakah letak kode-kode yang ada dalam elemen halaman/widget? Jawabannya yaitu setiap kode (baik aksesori blog, javascript, kode buku tamu, dll) yang tertanam di dalam elemen halaman akan selalu di awali dengan kode :


    <div class='widget-content'>


    Dan di akhiri dengan kode :


    </div>


    Sebagai contoh, di dalam source code template milik saya terdapat kode seperti ini :

    <h2 class='title'>Buku Tamu</h2> <!-- yang ini kode judulnya -->

    <div class='widget-content'> <!-- perhatikan kode yang ini -->
    <!-- Begin Shoutbox - http://www.shoutmix.com -->
    <iframe scrolling="auto" width="170" frameborder="0" src="http://www.shoutmix.com/?jaya" height="500" title="jaya">
    <a href="http://www.shoutmix.com/?jaya">View shoutbox</a>
    </iframe>
    <br/><a href="http://www.shoutmix.com" title="Get your own free shoutbox at ShoutMix!"></a><br/>
    <!-- End Shoutbox -->
    </div> <!-- perhatikan juga kode yang ini -->



    Maka dapat di pastikan kode yang ada dalam widget untuk keperluan nanti di masukan kembali saat baru mengganti template adalah kode yang ini :
    <!-- Begin Shoutbox - http://www.shoutmix.com -->
    <iframe scrolling="auto" width="170" frameborder="0" src="http://www.shoutmix.com/?jaya" height="500" title="jaya">
    <a href="http://www.shoutmix.com/?jaya">View shoutbox</a>
    </iframe>
    <br/><a href="http://www.shoutmix.com" title="Get your own free shoutbox at ShoutMix!"></a><br/>
    <!-- End Shoutbox -->


    Semoga dengan postingan ini, ketika sobat mengganti template dengan yang baru tidak lagi mengeluhkan kehilangan berbagai kode yang ada dalam elemen halaman karena sudah membuatkan backup elemen halaman. Jadi mulai sekarang, apabila sobat berniat untuk mengganti template, jangan lupa untuk membuatkan backup template serta Backup elemen halaman / Widget.

    Selamat mencoba !
    Bagi yang ingin belajar PHP / HTML / MySQL dengan sangat mudah sambil langsung praktek, kang Rohman rekomendasikan anda belajar di sini   «« sok atuh di klik biar situsnya keluar

    Comments :

    22 komentar ke “Tips Membackup Data Dalam Widgets”

    Makasih Kang atas infonya. Saya sebelum tahu tentang ini, sering kerepotan kalau mau ganti template. Walhasil, template ancur amburadul dan naasnya, widget-widgetnya pun raib. Jadi gitu ya kang, di-save di notepad dulu. Ok deh, salam hangat dari Solo.

    Darin mengatakan...
    pada 

    kang rohman makasih ya.......

    edy saputra mengatakan...
    pada 

    terima kasih atas semuanya

    purwoadi sulistiono mengatakan...
    pada 

    wah bagus banget tipsnya, mungkin lain kali bisa saya coba. tulisan biru di bawah ini membuat saya pusing ngeliatnya, bisa diusahakan tampilan baru gak?

    www.askhas.blogspot.com

    askhas mengatakan...
    pada 

    For Sale CD VCD DVD : A. Robbins, Brian Tracy, D. Waitley, Zig Ziglar, Jim Rohn, Internet Marketing Training (Dan Kennedy, Rich Schefren, Alex Mandossian), Options, Stocks, and Forex Trading - etc. CALL / SMS : 0812.97.98.94.6 - mramru@gmail.com - DOWNLOAD FREE CATALOG at site - http://mramru.blogspot.com

    Anonim mengatakan...
    pada 

    Kang saya teh udah nyobain template magazine nya, meni sae teh, tapi dah terus terang abdi nteu pati ngartos nga"manage"na. jadi weh kembali ka template awal. nu kitu weh garing. ngke abdi berguru nyak kang.nuhun.
    mau tanya sih intina mah, gimana caranya ngemunculin comment yg kayak gini? padahal udah dicentang ditunjukkan sesuai paririmbon dari kang rohman, kenapa gak ada ya?nuhun sateuacanna. bales ke ym abdi nyak di cohaseitezaites

    Rezkizuka mengatakan...
    pada 

    matur suwun kang

    kiki_moklet13 mengatakan...
    pada 

    Kang Rohman, saya msh bingung cara mendapatkan templet baru yg bukan dari blogger semisal dreamtemplate...setelah ana registrasi member, trus gmn lg???

    Ahmed Farisy mengatakan...
    pada 

    repot ya...
    kapan ya blogspot punya fungsi mengganti template se-enak di wordpress?

    anangyb mengatakan...
    pada 

    kang gimana cara daftar di shoutmix

    Rachman "Home's" mengatakan...
    pada 

    Thanks atas semua tips yang Kang Rohman berikan. Terus terang saya ini the beginner blogger yang baru belajar. Saya baru coba satu per satu apa yang Kang Rohman tutorkan. Hasilnya ada di www.aji-raharjo.blogspot.com. Mohon komentarnya, apakah sdh layak tampil dalam dunia persilatan.

    aji raharjo mengatakan...
    pada 

    Tips yang bagus Kang, kalau saya mau edit template biar gak acak - acakan lagi. Trims.

    Ratno mengatakan...
    pada 

    kalo mo ganti widget yang gak pake kode html gmn?? ky pengikut,, link tautan dll??

    hasi mengatakan...
    pada 

    Wah Mantap Artikel nya keep do the best thanks banget sangat membantu buat newbie seperti saya..

    Andi mengatakan...
    pada 

    gimana cara balikin gatget2 yg tadi saya sudah saya backup....yg sesuai perintahnya???

    Mhumetz mengatakan...
    pada 

    mas kalo bikin post coment kayak gini ini di mana...

    aku bingung mau pasang di comentluv..


    kasih tau ya mas.....

    unix mengatakan...
    pada 

    Maaf Kang Rohman, kalo ada konfirmasi seprti ini: "Widgets are about to be deleted, ketika kita merubah template blog, apa itu juga sekaligus menyimpan gadget? Bagaimana cara memasangnya kembali? Trims atas tips2nya..mohon koreki blog saya kang..

    oheem mengatakan...
    pada 

    Ga ada yang cepet dan simple ya?
    Ini mah repot kopi paste... Duh.... T_T

    Andryan mengatakan...
    pada 

    wah rumit juga ya

    sharetech13 mengatakan...
    pada 

    terima kasih , sangat bermanfaat bagi saya..

    Alboin Benediktus Pangaribuan, SE mengatakan...
    pada 

    salam kang rohman & semua blogger...semoga sehat selalu...
    Mohon maaf sebelumnya karena telah mengganggu.

    Saya ada masalah dgn layout blog (amatiran) saya...
    Silakan kang, lihat dulu di http://www.padahal-aku.co.cc
    Ada yang aneh kan? Page elements yang kemarin masih normal berada di kolom kecil sebelah kanan, kok tiba2 bisa berpindah dengan sendirinya ke bagian paling bawah...di bawah Postingan???
    Mulanya saya kira ini karena masalah pada browsernya, karena pernah saya coba2 buka di browser2 yang tidak terlalu terkenal, jadinya emang agak ngaco layoutnya.
    Tapi dugaan saya ternyata salah, karena setelah saya masuk ke layout blogger pun ternyata page elementsnya yang tadinya berjajar rapi di kolom kecil sebelah kanan, jadi pada ngacir ke sebelah bawah, setelah bagian Posting.
    Kenapa ya kang? Solusinya tau nggak ya?

    Sekali lagi mohon maaf kang...& terima kasih ya....

    Wassalam...

    cahbagussss mengatakan...
    pada 

    sedikit pengalaman juga ya kang. Karena saya sering berpindah-pindah tempat (bukan nomaden lho :D. Saya biasanya memback-up widget tersebut di postingan saya

    afdil mengatakan...
    pada 

    Poskan Komentar

    Mau komentar? silahkan, asal jangan komentar spam.

    Maaf! Komentar bernada spam akan saya hapus.