Showing posts with label Tutorial Blogger. Show all posts
Showing posts with label Tutorial Blogger. Show all posts

Thursday, May 20, 2010

Membuat Link Download di Blog


Membuat link download di blog bukanlah hal yang rumit. Kita hanya membutuhkan hosting yang bisa kita peroleh baik secara gratis maupun secara berbayar.Hoasting yang gratis pun bayar tersedia di internet. Beberap hostingan gratis antara lain : 000webhost.com , byethost.com, box , ziddu , dan masih banyak lagi. Namun, sebaiknya disarankan gunakan yang  box atau ziddu saja karena setelah kalian upload file, kalian bisa langsung mendapatkan link untuk mendownload file yang kamu upload tersebut  yang nantinya bisa langsung diterapkan di blo kamu. Untuk bisa memiliki hosting tersebut tentunya harus daftar dulu.
Daftarnya gratis lho......Untuk tutorial kali ini, saya akan menggunakan via ziddu. Caranya setelah kita berhasil melakukan pendaftaran secara gratis adalah :

  1. Login ke www.ziddu.com
  2. Jika ingin meng-upload file, klik saja "Upload File " yang ada di bagian kanan atas.
  3. Akan muncul tampilan seperti gambar berikut ini :
  4. Pada bagian "Multiple Files Upload", adalah bagian di mana kita bisa mengatur berapa banyaknya file yang akan kita upload dalam sekali upload. Jika pilihannya 4, maka tampilannya akan berubah menjadi seperti gambar ini :
  5. Pilih file yang akan di-upload dengan menekan tombol "Browse".
  6. Klik "Upload" jika sudah pasti filenya.
  7. Tunggu prosesnya
  8. Setelah proses selesai, kita akan mendapatkan link untuk download file yang tadi kita upload. Letakkan aja di blog kamu dengan melakukan copas (copy and paste ). Kita juga bisa mengirim file tersebut langsung ke alamat email temen kita.
  9. Jangan lupa Logout setelah selesai semuanya.

Baca Selengkapnya..

Saturday, May 8, 2010

Percepat Respon Pembaca Blogmu

Tampilan di samping adalah tampilan respon yang diberikan oleh blog secara otomatis pada jendela postingan jika kita sudah mengatur/mengedit tampilan tersebut. Jika belum dilakukan pengeditan, tampilan yang isinya "POSTING INI :     Sangat Menarik             Lumayan                  Kurang Menarik " tidak akan muncul. Untuk mengaturnya, kita hanya perlu melakukan sedikit pengeditan pada tab Tata Letak/Layout pada widget posting. Caranya adalah sebagai berikut :


  1. Login ke blog kamu .

  2. Klik tab Tata Letak/Layout.

  3. Perhatikan widget Posting Blog. Klik pada link Edit

  4. Akan muncul form yang isinya tentang posting kamu. Beri centang pada checklist yang berisi respon seperti gambar berikut :


  5. Jika ingin mengganti teksnya, klik saja Edit. Jika sudah selesai, klik aja pada sembarang tempat di form tersebut.

  6. Lihat previewnya pada bagisan bawahnya.

  7. Klik simpan jika sudah selesai.
Kalian juga bisa mengatur hal yang ingin kalian tanpilkan di posting, misalnya edit entri yang biasanya bergambar pensil di blog, link ke email, memunculkan.menghilangkan teks baca selanjutnya, dll hanya dengan meng-edit widget Posting Blog ini.
Have Fun !!!!

Baca Selengkapnya..

Tuesday, April 13, 2010

Memasang Widget "Sharing is Sexy "


Widget-widget untuk blog sangat banyak sekali jumlah dan macamnya. Mulai dari yang ber-HTML sampai yang Javascript. Widget-widget tersebut dimaksudkan untuk mempercantik tampilan blog kita. Namun, disarankan jangan terlalu banyak menggunakan widget yang berbasis HTML/ Javascript karena bisa memperlambat kinerja komputer dalam mengakses blog/web kita.
Nah, langsung saja tutorial untuk memasang widget ini :

  1. Login ke akun blogger Anda
  2. Klik Tata Letak/Layout
  3. Klik Edit HTML
  4. Beri centang pada checklist Expand Widget Templates
  5. Cari kode berikut :]]></b:skin>
  6. Copy kode di bawah ini setelah kode tersebut
    <style type='text/css'>

    div.sexy-bookmarks { height:54px; background:url(http://img709.imageshack.us/img709/57/sharing.png) no-repeat left bottom;position:relative; width:540px }

    div.sexy-bookmarks span.sexy-rightside { width:17px; height:54px; background:url(http://img709.imageshack.us/img709/57/sharing.png) no-repeat right bottom; position:absolute; right:-17px }

    div.sexy-bookmarks ul.socials { margin:0 !important;padding:0 !important; position:absolute; bottom:0;left:10px }

    div.sexy-bookmarks ul.socials li { display:inline-block !important; float:left !important; list-style-type:none !important; margin:0 !important; height:29px !important; width:48px !important; cursor:pointer !important; padding:0 !important }

    div.sexy-bookmarks ul.socials a { display:block !important; width:48px !important; height:29px !important;f ont-size:0 !important; color:transparent !important}

    .sexy-furl, .sexy-furl:hover, .sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumble, .sexy-stumble:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoo, .sexy-yahoo:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-script-style, .sexy-script-style:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-syndicate, .sexy-syndicate:hover, .sexy-email, .sexy-email:hover { background:url(http://img406.imageshack.us/img406/9198/sexyy.png) no-repeat !important }

    .sexy-furl { background-position:-300px top !important }

    .sexy-furl:hover { background-position:-300px bottom !important }

    .sexy-digg { background-position:-500px top !important }

    .sexy-digg:hover { background-position:-500px bottom !important }

    .sexy-reddit { background-position:-100px top !important }

    .sexy-reddit:hover { background-position:-100px bottom !important }

    .sexy-stumble { background-position:-50px top !important }

    .sexy-stumble:hover { background-position:-50px bottom !important }

    .sexy-delicious { background-position:left top !important }

    .sexy-delicious:hover { background-position:left bottom !important }

    .sexy-yahoo { background-position:-650px top !important }

    .sexy-yahoo:hover { background-position:-650px bottom !important }

    .sexy-blinklist { background-position:-600px top !important }

    .sexy-blinklist:hover { background-position:-600px bottom !important }

    .sexy-technorati { background-position:-700px top !important }

    .sexy-technorati:hover { background-position:-700px bottom !important }

    .sexy-myspace { background-position:-200px top !important }

    .sexy-myspace:hover { background-position:-200px bottom !important }

    .sexy-twitter { background-position:-350px top !important }

    .sexy-twitter:hover { background-position:-350px bottom !important }

    .sexy-facebook { background-position:-450px top !important }

    .sexy-facebook:hover { background-position:-450px bottom !important }

    .sexy-mixx { background-position:-250px top !important }

    .sexy-mixx:hover { background-position:-250px bottom !important }

    .sexy-script-style { background-position:-400px top !important }

    .sexy-script-style:hover { background-position:-400px bottom !important }

    .sexy-designfloat { background-position:-550px top !important }

    .sexy-designfloat:hover { background-position:-550px bottom !important }

    .sexy-syndicate { background-position:-150px top !important }

    .sexy-syndicate:hover { background-position:-150px bottom !important }

    .sexy-email { background-position:-753px top !important }

    .sexy-email:hover { background-position:-753px bottom !important }

    </style>
  7. Lalu cari kode <data:post.body/>
  8. Letakkan kode di bawah ini setelah kode tersebut
    <div class='sexy-bookmarks'>

    <ul class='socials'>

    <li class='sexy-delicious'><a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

    <li class='sexy-digg'><a expr:href='&quot; http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

    <li class='sexy-technorati'><a expr:href='&quot; http://technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

    <li class='sexy-reddit'><a expr:href='&quot; http://www.reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

    <li class='sexy-stumble'><a expr:href='&quot; http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

    <li class='sexy-designfloat'><a expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

    <li class='sexy-facebook'><a expr:href='&quot; http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

    <li class='sexy-twitter'><a expr:href='&quot; http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

    <li class='sexy-furl'><a expr:href='&quot; http://www.furl.net/storeIt.jsp?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

    <li class='sexy-syndicate'><a href='http://feeds2.feedburner.com/kangzin' title='Subscribe to RSS'/></li>

    <li class='sexy-email'><a expr:href='&quot; mailto:?subject=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

    </ul>

    <span class='sexy-rightside'/></div>
  9. Lalu Simpan Template
Sebelumya, ada huruf yang saya beri warna merah. Kode tersebut adalah kode nama feed burner kamu. Jika kamu sudah punya tuliskan saja nama kode feed burner kamu. Have fun !!!

Baca Selengkapnya..

Wednesday, March 3, 2010

HTML Code Generator

Biasanya kita menggunakan bantuan tabel untuk menempatkan kode-kode yang akan kita masukkan dalam blog. Nah...dengan tabel tersebut, kita akan bisa mengatur tabel akan kode tersebut tidak berbenturan dengan kode-kode yang tidak diinginkan.
Namun, sekarang aye akan tunjukkan bagaimana meletakkan kode-kode dalam blog agar tidak berbenturan dengan kode lain tanpa menggunakan bantuan tabel.
Masuk aja langsung ke situs yang khusus digunakan untuk meng-encode kode. Ini dia situsnya :

http://centricle.com/tools/html-entities/
Anda hanya perlu memasukkan kode yang akan Anda encode . Misalnya, kita akan meng-encode kode </body>
  1. Tuliskan kode tersebut dalam kotak yang disediakan.
  2. Klik tombol Encode.
  3. Nah...akan muncul kode yang bisa Anda masukkan langsung dalam blog Anda tanpa menggunakan bantuan tabel .
  4. Langsung aja copas (copy paste) di postingan blog kamu dan kamu bisa lihat hasilnya melalui Pratinjau/Preview .
Yupss....enaknya melakukan copas di mana pun dan kapan pun.
And jangan lupa beri komentar yach...

Baca Selengkapnya..

Memasang Google Analytic di Blog

Untuk mempermudah megetahui berapa jumlah pengunjung blog kita, kita bisa memanfaatkan fasilitas Google Analytics . Fasilitas ini merupakan tools bawaan Google yang memang khusus digunakan untuk mengetahui jumlah visitors blog/web kita.
Caranya mudah kok...Jika kalian sudah punya Google Account tentunya....Tapi bagi yang punya blog dengan blogger.com pasti sudah punya, kalo yang belum punya, lagsung daftar aja dech lewat mail.google.com
Jika dah selesai langsung aja masuk ke www.google.com/anaylitics. Lalu klik Acces Analytics. Nah...langkah selanjutnya adalah

  1. Jika Anda sudah punya web/blog yang sudah memakai Google Analytic, maka tampilan pertama pada layar Anda akan berbentuk seperti ini :

  2. Jika Anda masih tergolong orang baru (baru di google), klik aja pada bagian pojok kanan atas (PKS), lalu pilih  Create New Account.
  3. Klik Sign Up

  4. Jika sudah, masukkan pada form yang ada tentang informasi dari blog Anda, misalnya judul blog, alamat blog, asal negara Anda, dll.

  5. Klik Continue
  6. Akan muncul form untuk mengisikan nama Anda (awal dan akhir) serta negara Anda. Masukkan sesuai nama dan negara yach...ingat !! Kita bangga menjadi Indonesia .

  7. Klik Continue lagi
  8. Akan muncul sebuah konfirmasi yang meyatakan bahwa Anda setuju dengan persyaratan layanan Google Analytic. Pengin dibaca ??? Baca aajah.....Jika malezzzzz.....lagsung aja beri centang pada checklist-nya.

  9. Klik Create New Account
  10. Nah...selesai dech...lalu kita tinggal lakukan aja copas alias copy paste kode yang diberikan google, lalu taruh kode tersebut pada blog/web kamu yang sudah terupload tentunya, sebelum kode : </body>

  11. Selesai dech dan jangan lupa klik Save and Finish....
Alhamdulillah selesai juga...Jangan lupa dicek tiap kali kamu ngeblog. Berapa pengunjung kamu per hari, minggu, atau per bulan . Enjoy.....

    Baca Selengkapnya..

    Monday, March 1, 2010

    Upload File-mu dan Dapatkan Uang-mu

    Biasanya kita membuat blog dengan tujuan untuk mengutarakan apapun yang kita mau, termasuk unek-unek di hati (tapi harus hati-hati). Berbagai macam blog pun bisa kita manfaatkan untuk mendapatkan uang, misalnya dengan memasang Google Adsense untuk blog yang berbasis bahasa Inggris.
    Tapi, untuk yang bahasa Indonesia juga jangan khawatir karena masih banyak kok situs yang meyediakan layanan memberika imbalan uang kepada kita. Misanya aja Ziddu .

    Dengan meg-upload file kita, kita sudah termasuk berusaha untuk membuat uang kepada diri kita sendiri.
    Caranya gampang :
    1. Daftar ke ziddu.com .Gratis lho...
    2. Klik Register
    3. Ikuti aja persyaratannya, misal memasukkan email dan lain-lain.
    4. Jika semuanya sudah selesai, kamu akan dihadapkan pada tampilan seperti ini :

    5. Klik Upload File jika ingin men-upload file kamu. Nah, jika proses upload telah selesai, kamu akan dihadapkan pada sebuah link untuk men-download file tersebut. Hal inilah yang nantinya akan menjadi penghasilan kamu. Masukkan link-nya di blog / web kamu dan biarkan orang lain men-downloadnya.
    6. Tiap kali di-download, kamu akan memperoleh uang yang bisa kamu cek pada menu My Earning
    7. Selamat berjuang untuk kaya dengan blog / web kamu


    Baca Selengkapnya..

    Tuesday, January 19, 2010

    Mengenal Blog dan Cara Membuatnya

    Udah banyak sekali situs yang menyediakan layanan pembuatan web dengan gratis, baik itu Wordpress Blog bahkan sampai banyak hostingan gratis pula untuk web, seperti 000webhost.com, byethost.com dan lain sebagainya.
    Namun, kali ini saya akan membahas tentang Blogger.com.
    Nah, bagi kalian yang ingin belajar banyak tentang blogger, kalian bisa membaca beberapa tutorial yang ada di sini, karena tutorialnya dari dasar sampai akhir tenatng blogger akan dikupas abiss di sini. Bagaimana ya cara membuat blog yang profesional dan menarik ? Gimana yach...cara membuat blog yang menarik dan enak dilihat oleh pembaca ?


    Perhatikan langkah berikut ini :

    1. Buka Blogger.com
    2. Klik pada "Ciptakan Blog Anda"
    3. Setelah itu, Anda akan diminta untuk membuat account baru Anda . Namun, Anda harus memiliki account Gmail terlebih dahulu. Jika Anda belum memiliki account Gmail, Anda tetap bisa mendaftar, tetapi harus memiliki kode verifikasi yang nantinya akkan dikirimkan ke ponsel Anda.
    4. Jika anda sudah mendapatkan kode verifikasi dari Google, langsung aja masukkan kode tersebut. Namu, jika Anda belum menerima kode tersebut, mungkin Anda terpaksa harus meniggalkan proses pembuatan blog untuk sementara karena mungkin saja google akan megirim kode verifikasinya beberapa jam ke depan.
    5. Jika sudah memasukkan kode verifikasi, Anda ikuti saja langkah-langkah yang harus Anda penuhi.
    6. Gmapang kan???

    Baca Selengkapnya..

    Monday, December 21, 2009

    Menghilangkan Tang dan Obeng di Blog


    Blog yang ganti template baru, biasanya akan muncul gambar tang dan obeng di sudut-sudut widgetnya. Nah, jika kalian merasa terganggu dengan hal tersebut, kalian bisa menghilangkannya dengan measukkan beberapa script saja.
    Pengin tahu nih, gimana tutorialnya? Let's read this !!!

    1. Login ke blog kamu 
    2. Pilih Layout / Tata Letak

    3. Pilih Edit HTML

    4. Beri centang pada Expand Widget Templates
    5. Cari kode berikut :



      ]]>



    6. Lalu, copykan kode berikut tepat di atas kode tadi yang kamu cari . Lalu simpan Template.
      Lihat hasilnya .



      .quickedit{
      display:none;
      }

    Baca Selengkapnya..