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
  • Selasa, Oktober 27, 2009

    Jadikan Google Site Sebagai file hosting

    google site Sebelum Google pages atau Google page creator resmi ditutup oleh google dan digantikan dengan layanan baru yang disebut Google site, Google pages merupakan file hosting pavorit kang Rohman. Seringkali kang Rohman menyimpan berbagai file disana seperti file gambar, file css, file javascript dan lain lain. Yang paling sering dilakukan adalah menjadikan google pages sebagai sumber script atau hot link file untuk javascript atau CSS.

    Kabar yang kurang sedap dari Google site sebagai pengganti google pages adalah kita tidak dapat menjadikan sumber script atau hotlink file seperti javascript, css ataupun gambar untuk dipakai di blog atau website kita.

    Walaupun demikian, jika anda berkeinginan untuk menjadikan Google Site sebagai file hosting anda, ada banyak trik untuk mewujudkannya. Pada posting ini kang Rohman akan menerangkan salah satu trik agar javascript atau css anda bisa di host di Google site.

     

    Caranya sebagai berikut :

     

    1. Silahkan anda login terlebih  ke http://sites.google.com dengan account gmail anda ( alamat email anda di gmail serta passwordnya)
    2. Jika anda belum pernah membuat Google site sebelumnya, silahkan klik tombol Create Site

      create site di google site

    3. Silahkan isi form isian sesuai dengan keinginan anda. Setelah selesai akhiri dengan klik tombol “Create Site”

      create site

    4. Setelah halaman web anda terbentuk, klik tombol “ Create Page “ yang anda disebelah kanan atas monitor.

      create-page

    5. Isilah opsi yang diberikan dengan pilihan sebagai berikut :


      • Select a Template Use  →  Pilih File Cabinet
      • Name  →  isi dengan keinginan, misal Javascript
      • Pilih tombol radio untuk Put page at the top level
      • Akhiri  dengan klik tombol “ Create Page

      create-a-page

    6. Klik tombol Add File

      add file

    7.  

      Silahkan anda pilih, mau upload file dari komputer atau dari file yang telah di upload ke server lain. Untuk upload dari komputer anda, silahkan klik tombol Browse, lalu pilih file yang ingin anda upload, misalkan kang Rohman mengupload sebuah file javascript. lanjutkan dengan klik tombol “Upload

      upload-file

    8. Setelah file anda ter upload, silahkan klik kanan pada link download file anda, lalu pilih opsi “ Copy Link Location “ ( contoh ini pake browser firefox)

      copy link

    9. Paste link tadi pada program notepad atau program lainnya. Contoh kode link yang kang Rohman dapat adalah seperti ini :

      http://sites.google.com/site/kangrohman/javascript/FancyZoom.js?attredirects=0&d=1

    Dari hasil diatas dapat diketahui bahwa link yang didapat adalah seperti ini :

     

    http://sites.google.com/site/kangrohman/javascript/FancyZoom.js?attredirects=0&d=1

    Agar link tersebut bisa dijadikan sebagai sumber script untuk dipakai di blog atau di website kita, maka kode yang di cetak merah harus di buang, sehingga kode linknya akan seperti ini :

     

    http://sites.google.com/site/kangrohman/javascript/FancyZoom.js

    Jika kodenya sudah seperti itu, maka link tersebut bisa dijadikan sebagai sumber script untuk dipasang di blog kita, misal seperti ini :

     

    <script type=’text/javascript’ src=’http://sites.google.com/site/kangrohman/javascript/FancyZoom.js’ />

     

    Cara diatas tidak hanya berlaku untuk javascript saja, namun bisa juga untuk file lainnya seperti CSS ataupun gambar. Misalkan kang Rohman telah mengupload file CSS dan mendapatkan kode seperti ini :

     

    http://sites.google.com/site/kangrohman/javascript/kolom.css?attredirects=0&d=1

    Maka tentu saja linknya menjadi seperti ini :

     

    http://sites.google.com/site/kangrohman/javascript/kolom.css

     

    Untuk memakai link tersebut sebagai sumber script, maka kodenya jadi seperti ini :

     

    <link rel='StyleSheet' href='http://sites.google.com/site/kangrohman/javascript/kolom.css' type='text/css' />

     

    Contoh lain untuk file gambar, kang Rohman telah mengupload gambar dan mendapatkan kode link seperti ini :

     

    http://sites.google.com/site/kangrohman/javascript/lamp.jpg?attredirects=0&d=1

    Maka linknya jadi seperti  ini :

     

    http://sites.google.com/site/kangrohman/javascript/lamp.jpg

     

    Untuk menjadikannya sebagai sumber gambar, maka kode yang dipasang adalah seperti ini :

    <img src='http://sites.google.com/site/kangrohman/javascript/lamp.jpg' alt='lamp' />

     

    Maka hasilnya akan seperti ini  (sumber gambar langsung dari google site) :

     

    lamp

     

    Bagaimana, tertarik memakai google site menjadi free file hosting anda?

     

    Mudah-mudahan google tidak ngambek WinkingBig Grin

    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
    Jika anda merasa artikel ini bermanfaat, silahkan lakukan vote ke Lintas Berita agar artikel ini bisa di baca oleh orang lain.

    Comments :

    59 komentar ke “Jadikan Google Site Sebagai file hosting”

    PERTAMAX
    Makasih kang infonya :)
    Mudah-mudahan google tidak akan menutup fasilitas ini di lahin hari
    Tanks ya kang infonya

    Bambangxp mengatakan...
    pada 

    PertamaX dulu kang
    uhmm sayan belom nyoba layanan ini,,
    setlah akang post jadi tau terus kepengn nyoba deh.xixixi
    makasih kang infonya

    Cerita Cinta [yoyok] mengatakan...
    pada 

    info yang menarik, tapi untuk newbi seperti saya, agak kesulitan

    denadnan mengatakan...
    pada 

    Tips yang sangat membantu nie kang. Saya uda buat kang. He..he.. Makasi kang infonya.

    Dunia Komputer mengatakan...
    pada 

    Wah boleh juga nih Kang... :)

    serunya belajar seo mengatakan...
    pada 

    Wah ternyata bisa to kang...

    Ono SendaI mengatakan...
    pada 

    Makasih kang infonya, muantap :D

    hopskole mengatakan...
    pada 

    Patut dicoba, TOP dah pokoknya.....

    alhejawi mengatakan...
    pada 

    Hihihihi... lumayana buat ngirit space hosting lama

    buJaNG mengatakan...
    pada 

    mantap kang!!!!! bisa upload visitor eh java script ya kang, hehe..

    hatur nuhun kang!!!

    blog buat bloggers mengatakan...
    pada 

    Nambah lagi ilmunya. Mantap. Maturnuwun kang..

    akmal mengatakan...
    pada 

    Ini kang aku barusan buat http://sites.google.com/site/bambangxp4u/

    Bambangxp mengatakan...
    pada 

    saya jg dah daftar, tapi jarang di pakai fasilitasnya, jadi ntar deh klo buat file2 yg kecil aja

    Recent Posts Widget Using Ajax

    60+ Sites to Promote your Web

    Free Download IDM 5.18 Build 4 Full Version

    Free Download Office Professional 2010

    Ocim mengatakan...
    pada 

    Di coba dulu ya kang....

    WandI NewS mengatakan...
    pada 

    wah boleh juga tuh kang,, tp klo upload semacam flash .swf bisa gg ya?

    Galeri animasi flash mengatakan...
    pada 

    Mantap kang Rohman... bisa dijadikan t4 nyimpan gambar jg nih sbg alternatif ke-3...

    Manchester United Indonesia mengatakan...
    pada 

    salam buat Kang Rohman
    memberanikan diri untuk berkomentar..bagus Kang cocok banget buat saya yg tahap belajar thnxs n good luck ya...

    Rihar Diana(dhana) mengatakan...
    pada 

    File berbentuk PDF atau Doc

    bisa gak kang ???

    WandI NewS mengatakan...
    pada 

    wah mantap kang..! segera di praktikan..!

    omagus mengatakan...
    pada 

    mangstap kang rohman emang oyeee

    Mas Doyok mengatakan...
    pada 

    wah hebat Kang. Sekarang Google site bisa diakalin untuk menyimpan script. Keueren

    Distributor Pulsa Elektrik Murah All Operator mengatakan...
    pada 

    mudah2an gak ditutup seperti yahoo geocities....thanks infonya

    wharzutility mengatakan...
    pada 

    padahal aq dah pasang duluan dari dolo tapi dari kang rohman yang eksis duluan :(( huaaaa.....
    emang kalo blog kecil tuh gg pernah diperhatikan...

    coba deh pada ke artikel q yang Hosting Gratis dari Google

    ardi33 mengatakan...
    pada 

    mksh infonya kang

    ipenk mengatakan...
    pada 

    makasi infonya Om...

    bassalbagak mengatakan...
    pada 

    Waduh gw telat banget nih.... hh. Kang Rohman kalo mau jadiin picasa album jadi hosting gmn? jd gambarnya di ambil dari serper picasa album

    Kenny mengatakan...
    pada 

    mantap kang aku cek dulu ah ke TKP

    asep canda mengatakan...
    pada 

    wah, ini solusi yang di cari cari. mkasih infonya ya kang.
    ga nyesel udah ngefollow nih heheh

    Bayu sutrsino mengatakan...
    pada 

    mkasih kang infonya.. :)

    Bambang mengatakan...
    pada 

    top markotop mang !! tp Lumayan Mulex ogenya, tp dicobi weh !!

    hendrie k_bejo mengatakan...
    pada 

    mantabz nehhh.....
    skg jadi enak gag usah bingung cari filehosting...
    tanks infona...
    success....

    n66ee mengatakan...
    pada 

    Mantaf,info nya kang!

    Handi Priyono (Handz_Mentallist) mengatakan...
    pada 

    Mantab kang..curi2 hosting gratis emang paling asik ya.he..tapi kalo saya lebih seneng pake google code kang, soalnya google code menggunakan "Content Distribution Network" yang membuat waktu pemanggilan file lebih cepet..
    Buat yang mau coba bisa baca disini:
    Hosting Javascript Gratis
    Makasih kang, di antos wejanganna di blog saya kang :D

    Dev mengatakan...
    pada 

    kalau untuk file flash, bisa berfungsi ga ya?

    dilla mengatakan...
    pada 

    ogh....
    dapet ilmu baru lagi nih... :)
    thx kang rohman :D

    andriristiawan mengatakan...
    pada 

    iya bener
    ilmu ga rohman ga adamatinya ya
    update trus

    nada mengatakan...
    pada 

    lagi-lagi trimkasih kang rohman atas ilmunya... tp aq mo nyimpen apa ya kang?? klo buat nyimpen file bergiga-giga bisa ga ya kang?

    Putty Angelica - The Green Planet mengatakan...
    pada 

    hidup blogger malaysia n indonesia...thanks bro rohman for the tips

    tarian pendet mengatakan...
    pada 

    wah ada terobosan baru untuk Free File Hosting

    Rayhan mengatakan...
    pada 

    google mantab dah pokoqnya..

    ganool mengatakan...
    pada 

    Terima kasih Kang

    muchlisin mengatakan...
    pada 

    makasih infonya kang
    langsung praktek ah

    janu mengatakan...
    pada 

    wah mantap tu kang rohman ... tp aplikasi itu udah lama di keluar oleh google tp belum bisa menggunakan tp saya sering menggunakan ... aplikasi atau layanan tersebut KR ... tp banyak kelemahannya tu KR ...
    tapi makasih ya KR ... atas info untk yang lainnya ...

    alex prayogo mengatakan...
    pada 

    Oh..ada aja ya solusinya..
    kalo begitu ane juga mau pake ah... palagi free, :D

    viv mengatakan...
    pada 

    Mantap kang infona'
    praktis, simpel, n' tokcer langsung sasaran
    nuhun kang..

    flexter mengatakan...
    pada 

    Kalau hosting javascript dan css enakan hosting langsung aja DI BLOGGER LANGSUNG..!!!! Baca triknya disini..!!!

    Remba The Immaculate mengatakan...
    pada 

    Cocok bangetzzz!!!!!!!!!!!!!!!
    akan ku coba!
    terima kasih!

    Smansix Sepuluh Enam Zone mengatakan...
    pada 

    kecepatannya apakah di jamin cepet nech kang >>>>???

    Mufi_ed mengatakan...
    pada 

    Ga Mudeng... Tapi siplah

    Artikel Kehidupan mengatakan...
    pada 

    Blog + Google = BlooGle Huhehehe...

    Beben mengatakan...
    pada 

    wah makin ngetop ne google he he, mantab bgt bt google

    Mapuc mengatakan...
    pada 

    wah iya mantab nih info coba dari kemarin aku baca aku gak pusing utak-atik link dr file cabinet..

    ARMADA KOMPUTER INDRAMAYU mengatakan...
    pada 

    Terima Kasih kang Rohman :D

    Gak kepikiran kalo ada yang harus dibuang..Terima Kasih :D

    Tukang Corat - coret mengatakan...
    pada 

    Salam hangat...
    Sekarang kode srcip untuk video didepan dan belakang harus bagaimana mas? Juga untuk doc atau txt ? Mohon bantuannya

    Thank's

    Forex to Bisnis mengatakan...
    pada 

    gimana dengan file .mp3 kang bisa gak?? dari dulu cari yg gratis gak ketemu2. bahas donk kang

    Berbagi Menebar Manfaat mengatakan...
    pada 

    emang ini yang lagi dicari2 eh ketemu disini, kemarin2 ga ngerti soal google site....makasih tutornya kang...lumayan jelas... cuma saya bingung gimana cara convert file jadi javascrpit / js biar bisa di upload dan di gunakan di blog...
    eh iya kmarin2 saya sudah daftar zidu dibawah kang rohman.. trus klo kita pake zidu, kira2 kang google pundung ga yaa ?... ma acih kang.

    newbie sering pusing mengatakan...
    pada 

    wah saya pikir tidak bisa upload javascript ataupun css ternyata bisa yak

    subagya mengatakan...
    pada 

    goog news

    Sumanto mengatakan...
    pada 

    salah ketik good news kang heeeee

    Sumanto mengatakan...
    pada 

    Poskan Komentar

    Mau komentar? silahkan, asal jangan komentar spam.

    Maaf! Komentar bernada spam akan saya hapus.