Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan

Selasa, 06 Mei 2014

Tutorial Mengubah Blogspot Dengan SubDomain Idhostinger

Cara ini digunakan bagi anda yang ingin mengubah url blog yang dulunya xxxx.blogspot.com menjadi xxxx.hol.es atau yang lainnya. Perhatikan baik-baik!

  • Login ke idhostinger
  • Control Pnalel >> Pilih subdomain yang telah anda buat >> klik DNS setting
  • Buka dashboard blog anda >> Setelan >> Dasar
  • Lalu klik + Siapkan URL Pihak Ke-3 Untuk Blog Anda
  • Setelah itu isikan URL subdomain anda di idhostinger, pastikan menggunakan www.
  • Klik simpan, dan anda akan mendapatkan pesan error seperti gambar.
    lalu kembali ke DNS setting idhostinger tadi.
  • pada bagian CNAME, klik tambah baru. Lalu isikan:
    Host: www
    darahkan ke: ghs.google.com
    klik simpan
  • Klik lagi tambah baru, dan isikan:
    Host: (sesuai yang anda dapatkan di setelan dashboard/ baris kedua www)
    Diarahkan ke: v-tqaoqc6rhwbmav.dv.googlehosted.com
    klik simpan.

  • Scroll ke atas, lalu tambahkan baru. isikan satu persatu:
    1. Host: @
        Target:  
    216.239.32.212. Host: @
        Target: 
    216.239.34.21
    3. Host: @
        Target: 
    216.239.36.21
    4. Host: @
        Target: 
    216.239.38.21
  • Hingga menjadi seperti ini
  • Kembali ke setelan blogger tadi, lalu klik simpan, dan akan menjadi seperti ini
  • setelah itu klik edit pada setelan subdomain yang telah selesai tersimpan
  • Dan centang pada alihkan xxxxx.hol.es ke www.xxxxx.hol.es dan klik simpan
  • Subdomain telah siap digunakan.
Untuk contoh blogspot yang diganti dengan idhostinger klikdisini
Untuk cara membuat subdomain gratis idhostinger klikdisini

Buat Hosting gratis sekarang! klik gambar!
Unduh Adobe Flash player

Minggu, 13 April 2014

Cara Membuat Widget Join This Site Di Blog


Hallo,, sahabat blogger!! Kali ini saya akan membahas tentang bagaimana cara membuat widget Join This Site pada blog. Berikut caranya:

  1. Buka blogger dashboard, lalu pilih tata letak
  2. Setelah itu klik tambah gadget
  3. Pilih gadget dan lainnya, lalu klik gadget pengikut
  4. Atur tampilan sesuai dengan keinginan anda, setelah itu klik Simpan
  5. Tahap terakhir yaitu deengan mengklik Simpan Setelan

    Demikian tutorial bagaimana cara membuat widget Join This Site. Semoga membantu, Terimakasih.

Jumat, 11 April 2014

Cara Memposting Blog Lewat HP

Apakah punya blog? dan anda tidak punya PC atau Laptop? berikut ada cara yang paling mudah untuk memposing blog lewat HP.

  1. Anda harus punya Account Google
  2. Buka websitenya. LINK
  3. Pilih Login With GOOGLE
  4. lalu klik BERIKAN AKSES
  5. Setelah itu, pilih New Post
  6. Isi dengan Tittle Post, lalu pada bagian body isi dengan HTML Body. saya kurang tau scriptnya.
  7. Klik Publish
Contoh postingan lewat HP:  Klik disini

Minggu, 27 Oktober 2013

Cara Memasang Terjemahan Google Translate di Blog

Tutorial Blog - Luasnya jangkauan dunia internet hingga menyeluruh dunia bisa memungkinkan pengunjung dari negara lain menemukan blog kita dan membaca artikel yang mereka cari tetapi bagi mereka yang tidak mempunyai bahasa yang sama akan sulit untuk memahami artikel kita. Untuk mengatasi hal tersebut yang kita perlukan hanyalah widget translate atau alat penterjemah bahasa pada setiap website atau blog. Alat penterjemah google atau Google Translate adalah solusi yang paling tepat untuk mengatasi terjemahan bahasa dari bahasa kita ke bahasa lainnya. Dengan menggunakan widget Google translate Anda tidak perlu lagi pusing dengan persoalan bahasa, silahkan Anda berkreasi dalam blog/web Anda dengan bahasa Anda sendiri dan biarkan Google Translate menterjemahkan ke dalam bahasa lain. Widget Google Translate bisa Anda dapatkan di www.translate.google.com. Atau jika Anda ingin langsung memilikinya langsung ikuti langkah dibawah ini :


Berikut cara memasang widget Google Translate di blogger :
    1. Login ke akun blogger Anda.
    2. Klik Tata Letak.
    3. Klik tab Elemen Halaman.
    4. Klik Tambah Gadget.
    5. Klik HTML/Javascript.
    Copy paste kode Google Translate di bawah ini ke dalam kolom yang tersedia.
      <script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=id&w=160&h=60&title=&border=&output=js"></script>

      Lalu klik Simpan. Kemudian lihat blog Anda.

      Semoga bermanfaat untuk Anda. Terima kasih.

      Sabtu, 26 Oktober 2013

      Cara Mudah Mencari Kode Template Pada Menu Edit HTML

      Tutorial Blog - Sebelum adanya perubahan pada tampilan menu edit HTML blogger, saya sudah menjelaskan cara mencari kode template yang dengan mudah bisa kita temukan hanya dengan melakukan Ctrl+F pada keyboard dan memasukkan kode yang dicari ke dalam kolom pencarian yang berada di pojok kiri bawah yang akan memunculkan semua kode template, sehingga dari sini kita bisa menemukan kode yang di cari.

      Namun tidak demikian dengan tampilan menu Edit HTML dalam template blogger, saat kita mencari kode template, fitur centang Expand Template Widget sudah ditiadakan sehingga mau tidak mau kita harus mencari cara termudah dalam mencari kode template yang kita inginkan.


      Berikut ini adalah langkah-langkahnya :
        1. Masuk ke akun blogger Anda.
        2. Lalu klik Template, pilih Edit HTML.
        3. Ketika sudah akan tertampil seperti gambar di atas. Lalu tentukan terlebih dahulu kode yang ingin di cari, sebagai contoh saya akan mencari kode <data:post.body/>.
        4. Tekan tombol Ctrl+F pada keyboard laptop maupun komputer Anda.
        5. Lalu akan muncul kolom Search (Pencarian) di pojok kanan atas.
        6. Masukkan kata kunci kode di dalam kolom tersebut, contoh <data:post.body/>.
        7. Lalu tekan Enter  pada keyboard laptop Anda.
          Maka kode tersebut akan di temukan. Mudah kan?

          Semoga bermanfaat untuk Anda. Terima kasih.

          Cara Agar Blog Kita Tidak Bisa Di Copy Paste

          Tutorial Blog - Bagaimana cara memasang anti copas di blogger agar konten artikel tidak dapat di copy paste seenaknya dan menjaga agar posting artikel tidak diduplikasi oleh blog lain yang dapat merugikan blog sendiri bisa dianggap spam bahkan bisa menurunkan peringkat pada hasil SERP di mesin pencari Google, Bing, Yahoo, dll. Tentu ada banyak alasan lain selain yang disebut tadi. Maka, jika Anda seorang penulis asli (Blogger Sejati) sangat wajar apabila Anda menggunakan hak untuk melindungi hasil kaya tulis asli hanya untuk dibaca saja tetapi tidak mengizinkan orang lain mempublikasikan ulang di blog mereka. Nah, setelah googling, saya menemukan trik anti copas untuk melindungi artikel blog agar tidak bisa copy paste.



          Cara pasang script Anti Copas di blogger ini sangat mudah, Anda hanya menyimpannya pada > Layout/Tata Letak > Add Gadget > HTML/Java Script > Simpan kode script anti copas berikut :

          Catatan : Kode Anti Copas ini menonaktifkan klik kanan dan block target pada artikel.

          <script type="text/javascript">
          /***********************************************
          * Disable Text Selection script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
          * This notice MUST stay intact for legal use
          * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
          * Re-share at http://panduanbloggers.blogspot.com/
          ***********************************************/
          function disableSelection(target){
          if (typeof target.onselectstart!="undefined") //IE route
          target.onselectstart=function(){return false}
          else if (typeof target.style.MozUserSelect!="undefined") //Firefox route
          target.style.MozUserSelect="none"
          else //All other route (ie: Opera)
          target.onmousedown=function(){return false}
          target.style.cursor = "default"
          }
          disableSelection(document.body)
          </script>
          <script language=javascript>
          function clickIE4(){
          if (event.button==2){
          return false;
          }
          }
          function clickNS4(e){
          if (document.layers||document.getElementById&&!document.all){
          if (e.which==2||e.which==3){
          return false;
          }
          }
          }
          if (document.layers){
          document.captureEvents(Event.MOUSEDOWN);
          document.onmousedown=clickNS4;
          }
          else if (document.all&&!document.getElementById){
          document.onmousedown=clickIE4;
          }
          document.oncontextmenu=new Function("return false")
          </script>


          Selesai. Klik Simpan dan tunggu hasilnya di blog Anda.

          Semoga bermanfaat untuk Anda. Terima kasih.

          Membuat Favicon (Logo Blog)

          Tutorial Blog - Favicon blog adalah simbol bagi pengguna blog. Memang kalo blog kita faviconnya masih seperti default kadang suka gengsi dengan blog atau website lain, tapi gapapa kali ini kita akan praktekan cara membuatnya.


          Anda hanya perlu menyiapkan sebuah gambar kecil kotak persegi dengan format file jpg, jpeg, gif, png dan file berukuran kurang dari 100 kbyte saja (wajib), jangan gunakan gambar persegi panjang karena akan gagal dalam membuat faviconnya.


          1. Login ke Dashboar blogger Anda. Kemudian klik Design > Page Element/Tata letak, Anda tinggal klik Edit pada kotak Favicon untuk memasukan gambar.


          2. Setelah klik Edit, akan muncul pop up seperti gambar bawah, lalu klik Browse/Choose File atau kotak kosong untuk mengambil file gambar yang tersimpan di komputer Anda. Pastikan gambar berukuran kotak persegi maksimal 100 kbyte. Lalu klik Save.


          3. Jika berhasil, maka akan kelihatan seperti gambar di bawah ini (contoh blog lain) :




          4. Selesai.

          Perlu di ketahui, saya beberapa kali gagal dalam mengubah gambar favicon hanya karena memasukan gambar persegi panjang dan ukuran file lebih dari 100 kbyte, lalu saya edit dengan photoshop agar hasil bener-bener kotak persegi dan ukurannya pas.

          Semoga bermanfaat untuk Anda. Terima kasih.

          Membuat Template Blog Hasil Sendiri

          Tutorial Blog - Gimana cara membuat template blog sesuka Anda? Untuk Anda yang suka mendesign dan memodifikasi template Anda agar menjadi keren dan menarik, saya mempunyai sebuah tool secara online untuk edit template, modifikasi template, dan banyak sekali kegunaanya. Mungkin Anda yang dulunya menggunakan sebuah software untuk memodifikasi template blog. Namun Anda jangan susah-susah lagi untuk mengedit template blog.


          Hasilnya seperti yang diatas.
          Handal membuat dan modifikasi template blog dengan kreasi kita sendiri merupakan cita-cita para blogger, khususnya bagi yang senang memodifikasi template blognya sendiri. Namun kadang kita selalu terbentur dengan masalah coding dalam melakukannya. Apakah dengan begini Anda akan menyerah untuk mempercantik template blog Anda? Saya harap tidak, karena kemajuan teknologi sekarang memungkinkan bagi siapa pun untuk melakukan hal-hal instant yang dulunya rumit sekarang menjadi mudah.

          Berikut ini adalah cara membuat template blog hasil sendiri :

          1. Silahkan Anda langsung ke www.dotemplate.com.
          2. Scroll ke bawah, klik Browse All Templates lalu pilih salah satu dari template yang Anda sukai.
          3. Untuk memodifikasi, silahkan Anda klik Customize And Download.
          4. Ketika sudah masuk, klik saja bagian yang ingin Anda edit.



          5. Setelah selesai Anda edit, lalu klik Download dan pilih Platform yang Anda ingin pakai.
          6. Muncul jendela pop up lalu klik Download Your Templates.
          7. Selesai.

          Semoga bermanfaat untuk Anda. Terima kasih.