NAME : Muhammad Reza Padillah

BIRTHDAY : 20-06-1998

COUNTRY : Samarinda, Indonesia

STATUS : Kamu Human Error !


Toward #1 IT Vocatioanal School In Indonesia .: SMK Ti Airlangga :.

Thursday, 27 November 2014

Cara Menambahkan Tools Tambahkan Gadget Di Blogspot

Share it Please
Cara Menambahkan  Gadget Di Blogger

Cara Menambahkan Tools Tambahkan Gadget Di Blogspot

Pertama-tama sebelumnya yang harus kita pahami adalah layout atau tata letak dari template yang kita gunakan masing - masing disini saya memberikan tutorial menggunakan template  " Minima Classic - Download

Klik menu Template => Edit HTML lalu cari script HTML " sidebar-wrapper " dan script HTML " sidebar " Contoh nya bisa di lihat di script di bawah ini :

  1. <div id='sidebar-wrapper'>
  2.         <b:section class='sidebar' id='sidebar' preferred='yes'>

Nah jika sudah jangan lupa tutup script nya lihat script nya di bawah :


  1. <div id='sidebar-wrapper2'>
  2.         <b:section class='sidebar2' id='sidebar2' preferred='yes'>
  3.          
  4.         </b:section>
  5.  </div>

Jangan lupa di ganti nama id dan class nya , disitu saya tambahin angka 2 dibelakang nya maksudnya itu adalah gadget ke 2 , belum paham silahkan gambar di bawah ini :D maklum saya susah nge-jelasin nya kalau nggak tatap muka langsung :D



Nah jika sudah silah kan copy dan paste script " sidebar-wrapper2 " tadi


  1. <div id='sidebar-wrapper2'>
  2.         <b:section class='sidebar2' id='sidebar2' preferred='yes'>
  3.          
  4.         </b:section>
  5.  </div>

Tepat diatas " sidebar-wrapper " Contohnya bisa lihat screenshot di bawah :


Seperti pada komentar saya di script HTML disitu yaitu <!-- gadget saya letakkan di posisi kiri--> Caranya gampang tinggal kita cari CSS " sidebar-wrapper " Ctrl+F lalu paste , maka kita akan menemukan script " #sidebar-wrapper " tinggal copy paste , pastekan tepat di bawah " #sidebar-wrapper " nya ganti dengan nama " #sidebar-wrapper2 " Contoh nya bisa lihat gambar di bawah : 




Di script diatas ganti code float : $endSide; menjadi float left; di " #sidebar-wrapper2
Dan simpan template lalu lihat di layout atau tata letak maka akan muncul 1 lagi tools tambahkan gadget atau add gagdet pada posisi atau letak di sebalah kiri :)


Note : Float Atau Posisi Gadget Bisa Di Ganti Mau Di Posisi Rigth Atau Left

Untuk lebih jelas dan lengkap nya silahkan nonton video tutorial nya :) 



 Lihat juga video-video saya lainnya di channel youtube saya KLIK

Written by

Blogger Muda Yang Masih Berstatus Pelajar, Yang Berkecimpung Di Dunia IT Semenjak Tahun 2013 Dan Ingin Berbagi Ilmu Pengetahuan Tentang Programming Web Design,Desktop Application, Tips Blogging, Google Adsense, Dan Internet Marketing. Temukan Celotehan Saya Di Twitter @Anaksmkti

20 comments:

  1. wah ijin praktekin yaaa

    ReplyDelete
  2. kerenn nih ijin coba ah

    ReplyDelete
  3. lumayan nambah ilmu lagi

    ReplyDelete
  4. Makasi infonya gan, suatu saat nanti akan saya praktekin hehehe

    ReplyDelete
  5. lumayan nambah ilmu lagi sip gan

    ReplyDelete
  6. tinggalin jejak gan ,comment back ;)

    ReplyDelete
    Replies
    1. makasih gan :) , ada baiknya agan bacain artikel saya :)

      Delete
  7. Thanks infonya gan bermanfaat bnget (y)

    ReplyDelete
    Replies
    1. terimakasih gan sudah baca artikel nya :) (y)

      Delete
  8. Replies
    1. Kalau di pelajarin nggak rumit kok gan :) hehe :D

      Delete
  9. Mantap nih jadi bisa belajar nambah space gadget..

    ReplyDelete

© 2014 Website Inspirasi. Template Created By Templateism, Full Redesigned By Muhammad Reza Padillah