Site Basic

Cara mengatur widget tampil - beberapa widget mungkin tidak ingin ditampilkan pada halaman utama atau pada halaman posting, tips atau cara mengatur widget ini bisa diatur dengan mudah sesuai dengan keinginan admin blog.

Apa itu Widget Blog ?

Secara teori apa itu widget blog ?, jujur saja saya tidak tahu, ini berdasarkan pendapat saya, jika anda memiliki pendapat lain, bolehlah tinggalkan pendapata-nya dihalaman komentar di bawah postingan ini, menurut saya yang masih baru belajar membuat blog ini, widget blog itu merupakan "acessoris tambahan sebagai pelengkap dari blog tersebut", dengan widget yang dimaksud bisa menambahkan sesuatu yang dianggap perlu, penambahan kode html, gambar (image), flash, java script.

Penambahan script-scipt lain yang tidak tersedia secara default, pada blogger blogspot, dengan menempatkan berbagai kode script dari pihak lain, seperti kode iklan, atau script navigasi buat blog misalnya : Popular post,recen post, recent comment dan masih banyak lagi lainnya.

Untuk Apa Harus Diatur ?
Untuk apa widget harus diatur, diatur maksud-nya penampilan widget tersebut, saat kapan widget tambahan itu harus muncul, apakah di munculkan / ditampilkan pada halaman utama (homepage), atau dihalaman postingan, atau pada halaman-halaman tertentu saja widget tersebut tampil.

Cara Mengatur Widget Tampil

Cara mengatur widget tampil, sesuai dengan keinginan kita, ada beberapa cara sederhana yang bisa diterapkan yaitu :

1. Mengetahui widget apa yang akan diatur.
   Tujuan-nya agar saat menyisipkan kode tambahan seperti dibawah ini tidak salah, sebaiknya terlebih dahulu mengetahui widget yang sudah ditambahkan sebelumnya, namun kemudian ingin dilakukan perubahan tampil, Buka dasbor blogger sobat kemudian pilih layut / Tata Letak, Sebagai contoh lihat gambar dibawah :
   
   

   HTML/JavaScript edit

   Pilih HTML/JavaScript yang akan di tambahkan atau disisipin kode, sebelumnya ketahui dulu id widget yang akan diedit.
   

   Cara mengetahui WidgetID.

   
   Setelah klik edit, perhatikan di bagian kanan atas paling ujung, akan terlihat kode html (widgetid), dari contoh gambar diatas widget-id html5.
2. Menyisipkan kode perintah pengkondisian, jika atau tidak/selain
   Perintah kondisi bisa digunakan dengan peryataan tidak/selain, sekilas pencerahan sederhana paling tidak bisa sedikit paham, dengan kode yang nantinya akan ditambahkan.
   
   contoh 1 Perintah kondisi Normal
   <b:if cond='data:blog.url == data:blog.homepageUrl'>
   
   isi, kode java script, img, html dan lain-lain
   
   </b:if>
   Penjelasan : <b:if = jika, jika Kondisi sama dengan data:alamat.blog sama, sama dengan data alamat utama blog, maka eksekusi isi,
   
   Contoh 2 perintah atau pernyataan kondisi, menyatakan pengecualian dengan tidak / selain
   <b:if cond='data:blog.url != data:blog.homepageUrl'>
   
   isi, kode java script,img, html dan lain-lain
   
   </b:if>
   Penjelasan : perhatikan <b:if cond='data:blog.url != jika kondisi tidak sama dengan data alamat blog dengan data alamat halaman blog utama, maka eksekusi isi.
   
   Berikut beberapa kode yang bisa ditambahkan untuk mengatur munculnya widget, sesuai dengan keinginan dimana widget tersebut akan ditampilkan.
   
   
   • Cara Mengatur tampilan widget Tampil dihalaman homepage
     Kode tambahan agar tampil di halaman utama / homepage saja
     
     <b:if cond='data:blog.url == data:blog.homepageUrl'>
   • Cara Mengatur Widget Tampil di halaman Posting
     Kode tambahan agar tampil di setiap halaman posting saja, sedangkan pada halaman utama (homepage), widget tidak akan tampil.
     
     <b:if cond='data:blog.pageType == &quot;item&quot;'>
   • Cara mengatur Widget Tampil di Halaman Tertentu
     Kode tambahan agar widget tampil pada halaman tertentu, penyesuaian sesuai dengan artikel posting, penambahan berdasarkan alamat.
     
     <b:if cond='data:blog.pageType == &quot;url-halaman&quot;'>
     
     
3. Contoh Menyisipkan kode tambahan, agar widget bisa tampil sesuai dengan keinginan.contoh menyisipkan kode pada html5, seperti langkah no 1 diatas,
   
   • Buka dasbor blogger kemudian pilih template, (penting: harap backup terlebih dahulu template sebelumnya, untuk antisipasi kesalahan yang menyebabkan error),
   • Di menu edit template cari widgetid HTML5,
     
     Cara 1 : Menu edit template pilih lompat ke widget, lihat gambar
     
     

     Menu Edit template, Lompat ke Widget

     
     Cara 2 : Gunakan tombol pencarian (find), dengan menekan tombol ctrl + f dari keyboard, kemudian masukan kata yang dicari misal HTML5.
     
   • Kemudian sisipkan kode pengaturan seperti cara pada nomor 2 diatas, kemudian sisipkan sesudah B:include, dan sisipkan kode penutup kondisi </b:if> sebelum </b:includable>, lihat contoh gabar dibawah ini:
     
     
     
     Perhatikan pada gambar, klik gambar untuk memperbesar (melihat lebih jelas), perhatikan kode html, yang diberi garis bawah berwarna merah, itu merupakan kode tambahan yang disisipkan, agar widget id, HTML5 tampil hanya pada halaman utama (homepage) saja.
4. Simpan Pengaturan / simpan template anda.

 Demikian tulisan saya tentang tutorial blog cara mengatur widget tampil, semoga bisa melengkapi dan dapat menyesuaikan dimana widget itu harus muncul, berdasarkan keinginan anda.

Mungkin pernah dengar konsep dasar membuat website, sitebasic sedikit memberikan gambaran konsep awal membuat atau membagun blog, membuat website membutuhkan keahlian khusus bisa dipastikan sudah menguasai beberapa bahasa pemrograman, begitu juga dengan membuat blog sebaiknya kita membuat konsep terlebih dahulu agar blog yang nantinya akan dibuat tidak hanya sebatas dibuat saja tapi bisa mengelola dan memanfaatkannya menjadi peluang usaha atau ladang guna mendapatkan penghasilan.

Bagi mereka yang sudah ahli artikel ini sudah bisa saya pastikan tidak bermanfaat, meskipun demikian saya mencoba berbagi dengan teman-teman yg sedang atau baru belajar membuat blog sendiri sama halnya dengan saya yang sedang mencoba belajar menulis dan menjadikan blog sebagai catatan.

Kenapa harus membuat konsep terlebih dahulu ?
Beberapa tahun silam saya pernah membuat blog sendiri  hanya sebatas buat catatan kecil bahkan saya tidak tahu apa yg akan saya buat, tulis dan lain sebagainya, sering sekali saya melakukan gonta-ganti template karena saya tidak pernah tau tujuan dan apa keuntungannya saya mempunyai blog, hanya sebatas menyelesaikan tugas yang diberikan oleh guru, ternyata banyak sekali orang-orang memiliki lebih dari satu blog dan mengelolanya hingga mendapatkan penghasilan tambahan, jadi bukan hanya tulas-tulis saja.

Saat pertama kali kita berada didepan layar komputer dan hendak membuat blog mungkin kita mempunyai keinginan yang kuat agar kita juga bisa punya blog, keinginan yang kuat tersebut bisa saja ada disaat awal-awal kita membuatnya, ada baiknya sebelum kita membuat segala sesuatu kita membuat konsepnya terlebih dahulu baru kita coba terapkan, agar blog yang akan dibangun bisa menjadi lebih baik.

Butuh waktu untuk memahami sembari belajar mengenal serta memahami tujuan dari segala usaha yang sedang dikerjakaan, tidak mudah membuat konsep apapun selama belum memahaminya.

Tujuan membuat blog
Sebenarnya apa tujuan membuat blog tersebut ? jadi pertanyaan bagi blogger pemula, berbagai pendapat secara personal bisa menyimpulkan tujuan dari buat blog itu, dari banyak sumber sembari belajar ada beberapa tujuan orang-orang mempunya blog sendiri.

• Mengisi Waktu Luang
• Hobi
• Melatih diri dengan menulis melalui blog
• Mencari Pendapatan dari Iklan
• Promo Produk, Jasa atau Seni
• Menulis Pemikiran atau Cerita
• Berbagi / Share ilmu yang di miliki

Dengan beberapa tujuan membuat blog diatas, tentu kita membutuhkan konsep dasar agar blog bisa dibuat sebaik mungkin,agar tujuan yang diinginkan tercapai dengan baik. Berikut ini share sederhana konsep dasar membuat blog.

Buatlah Konsep Rancangan

1. Tentukan Thema Blog yang akan dibangun.
   Untuk menentukan thema blog bukan hal yang mudah menurut saya apalagi buat kita yang belum mempunyai pengalaman alias newbie,
   
   • Layout
     Layout merupakan bagian dari bentuk tampilan blog, panjang, lebar (dalam pixel), nantinya berapa banyak kolom yang digunakan, posisi sidebar dikanan, dikiri atau tidak sama sekali.
   • Warna Latar, background, header, halaman posting, dan warna font.
     Untuk menentukan warna sangat berpengaruh sekali, jangan sampai kita menggunakan warna yang terlalu kontras dan pemberian warna yang terlalu berlebihan tidak beraturan akan mempengaruhi mata pengunjung, perlu kita ketahui pengunjung tidak selalu sama menggunakan display monitor yang sama dengan yang kita gunakan saat membuat atau membangun blog tersebut.
   • Font / Jenis Huruf dan Ukuran Font.
     Untuk jenis huruf sebaiknya gunakanlah font standar, yang jelas mudah dibaca tidak terlalu banyak seni, dan jangan terlalu banyak menggunakan jenis huruf, ukuran font juga akan mempengaruhi jangan terlalu kecil karena tidak semua pembaca bisa membaca huruf dengan ukuran kecil, baca menentukan warna font, link dan background blog.
   • dll
2. Buatlah nama / domain blog yang menjadi url dan usahakan mendekati atau menggambarkan dengan topik konten blog tersebut, penentuan nama domain / url / alamat blog dengan kata yang mudah untuk diingat. Jika anda ingin mengganti nama domain blogspot anda, dengan nama sendiri anda harus beli domain, bisa baca mau beli domain paling murah, dengan domain sendiri blog terkesan lebih profesional.
3. Mempelajari konsep penempatan widget atau navigasi, dari situs-situs blogger lain, hal ini akan membantu pengunjung untuk membaca semua tulisan pada blog tersebut.
4. Membuat konsep secara ofline, membuat coretan-coretan kecil dibuku, bisa berupa rancangan layout, isi kontent atau cerita yang akan diterbitkan melalui blog yang dibuat.

Sebaik-nya konsep dengan membuat rancangan draft disebuah buku diawali dari rancangan isi kontent yang kedepannya akan menjadi topik tulisan anda di blog tersebut, kemudian memberikan menentukan kategori yang mudah dan tepat untuk setiap postingan anda, langkah selanjutnya mewujudkan impian dengan membuat blog gratisan dengan blogger, baca cara membuat blog blogger di blogspot, jika anda sudah mempunyai blog sendiri anda, kemudian tambahkan link-link affiliasi di blog anda agar blog tersebut bisa memberikan tambahan uang, baca juga cara dapat uang lewat blog,

Cara membuat blog blogger di blogspot - tak pernah terbayang kalau saya akhirnya bisa buat blog sendiri, belajar bikin blog gratisan, dengan panduan dari teman-teman blogger Indonesia.

Membuat blog blogger gratisan

Blogger memberikan kebebasan buat siapa saja untuk bikin / buat blog blogger sendiri, secara gratisan.

Membiasakan diri untuk mencoba berbagi pengetahuan (share), melalui tulisan-tulisan yang dibagikan secara publik, bisa dilihat dan diakses oleh banyak orang dimana saja berada.

Memiliki situs web dengan rancangan desain sendiri, akan sangat bangga,puas, bisa biki situs dengan gaya tampilan yang berbeda dari lain-nya.

Akan tetapi situs web yang dibuat tidaklah gratis (berbayar), harus mempunyai hosting sendiri, dan domain sendiri yang dibeli dari penyedia, dan kebanyakan dari kita yang baru saja belajar membuat, tentu akan mencari penyedia jasa domain, dengan penawaran yang paling murah (baca : mau beli domain paling murah), sedikit rekomendasi untuk anda yang sedang mencari domain.

Cara Membuat Blog Gratis di Blogger

Tidak munafik kalau saya pribadi menggunakan layanan gratisan blogger, bahkan banyak yang menggunakan, layanan gratisan blogger untuk membuat situs usaha seperti toko online, pengalaman saat membuat blog ini saya coba tulis, disertai dengan gambar printscreen.

Cara mudah buat blog sendiri di blogger, tutorial blog 2013.

1. Harus sudah mempunyai akun email sendiri, lebih direkomendasikan menggunakan email gmail, jika belum baca : Cara Buat Email Gmail Google.
2. Login ke email google anda, atau
3. Kunjungi situs : blogger.com.
4. Lengkapi sesuai dengan 
5. 

Masukan password akun gmail, anda kemudian klik masuk :


Perhatikan gambar konfirmasi profil anda, diatas ada beberapa opsi : bahasa,opsi profil google+, dan profil blogger, pilih saja opsi profil blogger terbatas, profil google+ bisa dibuat setelah blog jadi.


Isi Nama tampilan pada kolom yang kosong, kemudian tekan tombol lanjutkan,

Isi title (judul blog anda, nama blog kemudian pilih template yang sesuai dengan keinginan anda.



Tampilan dasbor blogger yang baru, anda telah berhasil dibuat dan anda telah memiliki blog baru, mudah bukan ?, bukan cuma itu saja kita juga harus mengembangkan (optimasi) blog tersebut agar terkenal, ramai pengunjung baca : cara mendapatkan banyak pengunjung blog, 

Cara pasang Tempatkan Iklan kontent pada Halaman Posting - menempatkan iklan di dalam halaman posting diatas, tengah bawah, kiri dan kanan, memasang iklan sesuai dengan kontent posting akan memberikan peluang klik lebih besar, otomatis pendapatan anda akan bertambah.

Bagaimana cara pasang dan tempatkan script iklan pada halaman posting

1. Login ke Blogger -> Edit HTML
2. Backup dulu template Anda untuk jaga-jaga apabila terjadi kegagalan
3. Centang Expand Template Widget
4. Cari kode <data:post.body/> apabila Anda menemukan banyak kode seperti itu, pilih kode yang nomor dua
5. Kemudian ganti kode <data:post.body/> dengan kode dibawah ini:

  <div expr:id='&quot;iklan1&quot; + data:post.id'/>
        <div style='clear:both; float:right; margin:5px 0 5px 20px'>

Sponsor<br/>
 
   &lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXQMULS7SZwbTWOvwZXatIAv7R1gwpx7ukdKlQ9mX2LjG8bB9T6HsD2NP2iB3brtk_bCVgxFI4Di0T1OXAoNF_CJKupMYM1qk6mmDqL8kmm4KIGu2UFLbhM9JbGtNqG2JLSy8P2QLlCNuL/s1600/300250.gif" alt="contoh iklan"&gt;
          <br/>
</div>
<div expr:id='&quot;iklan2&quot; + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
var obj0=document.getElementById(&quot;iklan1<data:post.id/>&quot;);
var obj1=document.getElementById(&quot;iklan2<data:post.id/>&quot;);
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf(&quot; &quot;);
if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+1);}
</script>

Perhatian : Perhatikan scrip yang diberi warna merah diatas adalah merupakan kode iklan, hapus dan ganti dengan kode iklan anda yang sebenarnya, untuk kode iklan sebaiknya diparse terlebih dahulu.


Pengaturan untuk Penepatan posisi iklan dengan :

Posisi Iklan berada disebelah kiri = text-align:left atau float:left
Posisi Iklan berada di tengah = text-align:center
Posisi Iklan berada di sebelah kanan = float:right

Silahkan atur dan sesuaikan dengan keinginan anda. sebagai contoh hasil kode diatas dengan menggunakan gambar sebagai contohnya dan tulisan diatur justify.

lihat gambar diatas merupakan contoh cara pasang iklan dihalaman tengah postingan artikel, semoga tips ini bisa membantu anda .

Menentukan warna yang cocok pada blog kayaknya tidak mudah, seperti warna font normal warna font saat link diklik / hover link, juga menentukan warna latar belakang atau background diblog, kombinasi warna yang tidak sesuai bisa membuat tidak terbacanya kata pesan yang ada pada situs blog tersebut.

Saya sendiri tidak terlalu bisa menentukan warna yang cocok pastinya enak untuk dilihat, isi artikel bisa terbaca dengan jelas dan mudah jika perpaduan antar warna sesuai, tanpa adanya warna lain selain warna putih dan hitam, blog tersebut terkesan jadul kurang menerik para pembaca, banyaknya warna juga dapat mempengaruhi jadi bingung menentukannya.

Ternyata banyaknya warna yang menurut kita sudah bagus buat kita sendiri belum tentu bagus buat orang lain, tanpa warna lain ibarat sayur tanpa garam penyebab lain yang membuat kita melihatnya tidak nyaman diakibatkan perpaduan warna yang tidak sesuai, mungkin sipembaca buta warna, pasti akan sulit untuk membaca tulisan, efek dari display monitor komputer atau laptop yang digunakan kecerahan, kontras dan aspek lain kerusakan pada layar monitor atau tidak sempurnya warna layar.

Belajar Bikin Blog Sendiri dengan Blogspot - perkembangan teknologi yang kian pesatnya dan semakin banyak penyedia jasa internet menyediakan jasa koneksi dengan berbagai harga bahkan hampir semua alat komunikasi menyediakankan paket data internet dengan harga yang terjangkau, disamping teknologi komunikasi yang kian pesat hampir semua pelajar memiliki blog sendiri.

Buat blog sendiri dengan memanfaatkan blogspot, layanyan gratisan selain wordpress kita bisa belajar mengenal dunia blogging, banyak yang sukses dan bisa berhasil mendapatkan penghasilan lebih dari mengelola blog membuatnya sebagai mesin uang yang tidak mengenal waktu. Pemula seperti saya mungkin masih jauh dari karena masih harus banyak belajar dari para pakar-pakar webmaster mengikuti jejaknya, mempunyai situs web sendiri dengan domain hosting berbayar mungkin bisa jadi satu kebanggan, karena bisa buat atau desain web dengan gaya layout sesuai dengan keinginannya.

Mempunyai situs blog dari blogspot bisa memberikan kita tambahan pengetahuuan yang seputar html dan javascript dari cara otak atik template blog memasang widget, mengubah dan mengeditnya dengan begitu cepat atau lambat maka kita akan terbiasa dengan kode-kode html yang aneh itu.

Blogspot sendiri menurut saya yang paling banyak memberikan kemudahan kepada kita, diberikan kebebasan untuk buat apa saja selama tidak melanggar aturan tos blogger tersebut.

Belajar bikin blog sendiri gratis dari blogger blogspot, bisa menjadi refrensi tambahan buat sahabat setia sitebasic, sebelum membuat-nya kita diharuskan sudah memiliki akun email sendiri, lebih direkomendasikan menggunakan gmail karena blogger bagian dari google, baca cara membuat email gmail di google, sebelum anda membuat blog blogger blogspot, sebaiknya anda telah memiliki konsep draft atau rancangan (baca konsep awal sebelum membuat).

Cara Daftar Sitemap Di Google Webmaster - Google merupakan mesin pencari terbesar dan paling terkenal sejagad maya, bisa dipastikan hampir semua orang menggunakan google utuk berselancar, browsing tuk mencari informasi yang diperlukan.

Bagi seorang webmaster tentu akan berfikir berusaha agar web/blog yang dibuat bisa dengan mudah ditemukan oleh siapapun dan mendapatkan peringkat baik dimata mesin pencari.

Manfaat mendaftarkan situs ke webmaster mesin pencari

Ada banyak mesin pencari (search enggine), yang sering dipergunakan, yang terbesar diataranya google, yahoo, bing, baidu dan lain sebagainya.

Manfaatnya jika situs web / blog yang sudah terdaftar pada mesin pencari, akan lebih mudah untuk dirayapi, oleh mesin itu sendiri, jika dibandingkan dengan situs yang tidak terdaftar sama sekali, logikanya tidak mungkin seorang ayah / ibu akan mencari anak orang lain, ketimbang mencari anaknya sendiri, pasti anaknya akan menjadi prioritas pencarian.

Mendaftarkan blog ke webmaster google merupakan cara untuk optimasi bisa dikategorikan TIPS SEO, berikut cara daftar sitemap blog ke google webmaster agar blog bisa cepat terindeks oleh google.

Daftar Sitemap Google Webmaster,

Berikut Cara Daftarnya :

1. Sobat sudah harus mempunyai account gmail google terlebih dahulu, (baca : cara buat email gmail google).
2. Login ke situsnya webmaster tools google

Tambahkan Sitemapnya kemudian klik tombol mengirim peta situs, jika ragu dengan sitemap web/blog sebaiknya gunakan tombol uji peta situs terlebih dahulu, Jika menggunakan blogspot mungkin bisa menambahkan sitemapnya seperti dibawah ini :

• atom.xml
• feeds/posts/default
• atom.xml?redirect=false
• atom.xml?redirect=false&start-index=1&max-results=500

Copy dan paste pada kolom satu persatu kemudian klik tombol mengrim peta situs

Semoga cara daftar sitemp digoogle webmaster bisa sedikit memberikan tambahan informasi buat sahabat, yang belum menambhakan sitemap blog-nya digoogle webmaster.

Baca juga cara membuat menambahkan alt hover link pada judul postingan, untuk memperkuat seo judul posting.