Tuesday, 13 September 2016

Cara Mengubah Ukuran Header Blog

Saya seorang blogger yang menggunakan header dengan posisi tengah dan kiri. Tampilan header atau judul blog Anda sangat berpengaruh pada blog Anda, Kenapa? Agar supaya pembaca merasa menyaman dengan apa yang mereka baca.

Header dengan tampilan sederhana namun elegant itu lebih baik dari pada header Anda dipenuhi dengan pernak-pernik yang sebenarnya tidak berguna untuk blog Anda.

Ini penting buat Anda, walau header Anda berada pada posisi yang Anda sukai namun ukuran header Anda yang tidak selaras dengan posisinya sama halnnya Anda melihat seorang yang gendut bulat memakai pakaian bayi, sungguh tidak pas kelihatannya.

Maka dari itu untuk mengatasinya Anda hanya perlu mempelajari cara berikut ini.

Pertama
Anda terlebih dahulu login pada blog Anda dan pada tampilan menu blog Anda pilih Template dan Sesuaikan.



Kedua
Jika Anda pada tampilan Sesuaikan Template Anda pilih Tingkah Lanjut kemudian scroll kebawah lalu pilih Tambahkan CCS dan masukan kode berikut ini pada kolom Tambahkan CCS Khusus.
.header-outer{
left:-40px;
width:1000px;
height:40px;
bottom:10px;
}

 left:-40px : Mengatur kerapatan sisi pada header blog Anda. Anda dapat mengubah angka 40 sesuai dengan keinginan Anda.

Width:1000px : Mengatur lebar header blog Anda. Anda dapat mengubah angka 1000 sesuai dengan keinginan Anda.

Height:40px : Mengatur tinggi header pada blog Anda. Anda dapat mengubah angka 40 sesuai dengan keinginan Anda.

Bottom:10px : Mengatur jarak kerapatan bagian bawah pada blog Anda. Anda dapat mengubah angkanya sesuai dengan keinginan Anda.

Bagaimana? cukup mudahkan untuk mengubah ukuran header blog Anda jika Anda mempelajari dengan seksama cara berikut tadi. Saya yakin Anda dapat melakukannya sendiri tanpa ada jasa yang membebani.

Sekian dan Terima kasih.

Cara Menghilangkan Bingkai Pada Gambar di Blog

Banyak blogger pemula yang risih dengan bingkai dari gambar yang mereka unggah dalam blog mereka, termasuk saya dulu.

Saya sering mendapati diblog saya setelah saya mengunggah gambar untuk melengkapi tulisan saya, saya mendapati bingkai putih tebal atau berwarna dan beberapa bentuk lainnya. Namun setelah saya mempelajari setiap blog yang menuliskan tentang blog, saya akhirnya tahu bagaimana cara untuk menghilangkan bingkai pada gambar yang telah diunggah kedalam blog.

Dalam template bawaan blogger biasanya setelah mengunggah foto atau gambar akan muncul bingkai putih atau berwarna pada gambar tesebut, itulah yang saya sebut dengan bingkai atau border.

Lalu bagaimana cara menghilangkan bingkai atau border tersebut? jawabannya Anda hanya perlu mempelajari cara berikut ini.

Pertama
Anda terlebih dahulu login pada blog Anda kemudian pada menu blog Anda pilih Template lalu Sesuaikan.
Klik Gambar Untuk Memperjelas

Kedua
Jika Anda telah berada pada tampilan sesuaikan template pilih Tingkat Lanjut kemudian scroll ke bawah dan pilih Tambahkan CCS, akan muncul kotak CCS khusus. dan masukan kode berikut ini pada kolom CCS khusus tersebut.

.post-body img, .post-body .tr-caption-container, .Profile img,
.Image img, .BlogList .item-thumbnail img {
border: 0px;
-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, .0);
-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, .0);
box-shadow: 0px 0px 0px rgba(0, 0, 0, .0);
border-radius: 0px 0px 0px 0px;
background: none;
}
Klik Gambar Untuk Memperjelas
Jika sudah Anda hanya melakukan tahap ketiga.

Ketiga
Anda hanya tinggal menyimpan template Anda yang telah Anda sesuaikan, kemudian lihat hasilnya pada blog Anda.

Bagaimana, cukup mudahkan. Walau harus berhubungan dengan kode HTML tapi cukup mudah dilakukannya jika Anda memperlajari cara menghilangkan bingkai atau border pada blog Anda.

Sekian dan Terima kasih.

Sunday, 19 January 2014

Cara Submit Sitemap Ke Google

Anda pastinya tahu sitemap itu apa jika Anda pernah mempelajari cara membuat sitemap pada blog.
Dengan mesubmit sitemap Anda ke Google, itu berarti Anda memberitahukan isi sitemap Anda ke Google, dengan begitu Anda dan Google akan melakukan crawl atau perayapan ke blog Anda dengan mudah.

Lalu bagaimana cara mesubmit sitemap ke Google? Maka dari itu Anda harus mempelajari cara berikut ini lagi.

Pertama
Anda login terlebih dahulu kemudian kunjungi link ini Google Webmaster Tools, lalu pilih blog mana yang Anda ingin submit sitemapnya.

Kedua
Setelah Anda memilih blog mana yang Anda ingin submit sitemapnya, Anda langsung menuju pada tulisan Crawl lalu Sitemap. Kemudian akan muncul tampilan seperti pada gambar berikut ini dan lakukan seperti keterangan pada gambar berikut ini.

Klik Gambar Untuk Memperjelas

Setelah Anda Crawl lalu Sitemap selanjutnya akan muncul seperti tampilan berikut namun jangan bingung, cukup fokus saja pada kolom merah. ADD/TEST SITEMAP klik tombol tersbut kemudian akan muncul lagi jendela dibawah kolom merah. Fokus saja pada kolom kuning terlebih dahulu. Pada kolom tersebut Anda diarahkan untuk mengisi kolom tersebut.

Maka dari itu pilih salah satu dari kode berikut ini untuk mengisi kekosongan pada kolom kuning.
  • feeds/posts/default?orderby=updated
  • sitemap.xml
Jika selesai, terakhir ikuti cara ketiga berikut ini.

Ketiga
Ketika Anda selesai maka dari itu fokuslah pada kolom orange. klik Submit. Jika berhasil akan ada tampilan seperti gambar tahap kedua batangan biru. Namun jika belum Anda hanya perlu menunggu 1x24 jam.

Semoga berhasil. Sekian dan Terima kasih.

Saturday, 18 January 2014

Cara Membuat Meta Tag Di Blog

Awalnnya saya juga tidak tahu meta tag itu apa? namun setelah saya mempelajari lebih lanjut, maka dapat saya simpukan meta tag itu adalah jika diibaratkan seperti email dan pass Anda. Meta tag ini membantu blog Anda untuk terindeks ke mesin pencari Google.

Lalu bagaimana cara membuat dan memasang meta tag itu di blog? Anda hanya perlu memperlajari cara berikut ini lagi.

Pertama 
Anda terlebih dahulu login pada blog Anda, kemudian pada menu blog Anda pilih Template dan Edit Template. Lalu akan muncul sekumpulan kode HTML, seperti gambar berikut ini.
Klik Gambar Untuk Memperjelas

Setelah itu pada kolom HTML blog Anda, tekan Ctrl+F lalu masukkan kode HTML ini dan cari kode.
<b:include data='blog' name='all-head-content'/>
 Kedua
Jika kode tersebut telah Anda dapatkan, kemudian masukkan kode berikut ini dibawah kode yang telah Anda temukan tadi.
<meta content='Deskripsi Blog Anda' name='description'/>

<meta content='Kata Kunci Blog Anda' name='keywords'/>
Catatan : Deskripsi Blog Anda dan Kata kunci Blog Anda ganti dengan sesuai blog Anda.

Jika sudah, tampilannya akan seperti pada gambar berikut ini.

Klik Gambar Untuk Memperjelas
Anda dapat mengklik Simpan Template jika Anda ingin mengakhirinya sampai tahap kedua namun jika Anda ingin melanjutkannya sampai tahap ketiga pelajari lagi, cara tahap ketiga ini.

Ketiga
Jika Anda ingin melanjutkan tahap ketiga ini boleh saja, dan juga tahap ketiga ini memberikan kesan SEO Friendly lagi pada template blog Anda.
Caranya Anda hanya menambahkan kode HTML ini dibawah kolom merah seperti gambar tahap kedua.
<meta content='Index, Follow' name='robots'/>

<meta content='BELAJAR BLOG' name='STEP BLOG'/>
<meta content='© 2014 STEP BLOG' name='copyright'/>
<meta content='1 days' name='revisit'/>
<meta content='never' name='expires'/>
<meta content='always' name='revisit'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='Bahasa' name='language'/>
<meta content='Indonesia' name='geo.country'/>
<meta content='All-Language' http-equiv='Content-Language'/>
<meta content='global' name='distribution'/>
<meta content='blogger' name='generator'/>
<meta content='general' name='rating'/>
<meta content='global' name='target'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='index, follow' name='googlebot'/>
<meta content='follow, all' name='Googlebot-Image'/>
<meta content='follow, all' name='msnbot'/>
<meta content='follow, all' name='Slurp'/>
<meta content='follow, all' name='ZyBorg'/>
<meta content='follow, all' name='Scooter'/>
<meta content='all' name='spiders'/>
<meta content='all' name='WEBCRAWLERS'/>
<meta content='noodp' name='robots'/>
<meta content='noydir' name='robots'/>
<link expr:href='data:blog.url' rel='canonical'/>
<meta content='aeiwi, alexa, alltheWeb, altavista, aol netfind, anzwers, canada, directhit, euroseek, excite, overture, go, google, hotbot. infomak, kanoodle, lycos, mastersite, national directory, northern light, searchit, simplesearch, Websmostlinked, webtop, what-u-seek, aol, yahoo, webcrawler, infoseek, excite, magellan, looksmart, bing, cnet, googlebot' name='search engines'/>
Catatan : Pada kode HTML ada kata yang bergaris miring itu berarti Anda haru menggantinya sesuai dengan blog Anda.

Seperti pada gambar berikut ini.

Klik Gambar Untuk Memperjelas
Jika selesai Anda hanya tinggal mengklik Simpan Template

Cukup mudahkan untuk memasang meta tag pada blog Anda. Anda dapat melakukannya dengan dua atau tiga cara dan semunya saling berkaitan. Mudahkan.
Maka dari itu, Sekian dan Terima kasih.

Friday, 17 January 2014

Cara Menggunakan Webmaster Tools

Setelah Anda membaca dan memperlajari artikel yang berjudul cara mendaftarkan blog di Google Anda selanjutnya akan mempelajari cara menggunakan Webmaster tools. Untuk kali ini caranya cukup mudah jika Anda mempelajari cara berikut ini.

Pertama
Kunjungi link ini terlebih dahulu Webmaster Tools, Anda akan diarahkan pada jendela baru yang dimana Anda harus memasukkan url blog Anda lalu klik Tambah. Jika berhasil tampilannya akan seperti gambar berikut ini. 
Klik Gambar Untuk Memperjelas

Kedua
Masih dalam tampilan tersebut, lakukan seperti pada gambar berikut ini.

Klik Gambar Untuk Memperjelas
  1. Warna Biru : Pilih Perayapan
  2. Warna Merah : Kemudian pilih Ambil Sebagai Google
  3. Warna Kuning : Isi kolom tersebut dengan url postingan Anda
  4. Warna Hijau : Klik Ambil
  5. Warna Hitam : Jika Anda telah Mengambilnya akan muncul seperti kolom hitam tersebut
  6. Warna Orange : Klik Kirim Ke Indeks
Ketiga
Setelah Anda mengirim ke indeks, akan muncul jendela baru untuk konfirmasi dan lakukan seperti gambar berikut ini.
Klik Gambar Untuk Memperjelas
  1. Warna Biru : Anda diarahkan untuk melakukan tes sederhana.
  2. Warna Merah : Pilih Rayapi URL Ini Dan Tautan Langsungnya.
  3. Warna Kuning : Anda hanya tinggal untuk mengirimnya.
Jika Anda mempelajari tulisan ini dengan seksama berarti Anda telah berhasil, dan lakukan lagi setiap Anda membuat postingan baru untuk blog Anda.

Cukup mudahkan? Pastinya. Dan untuk selanjutnya Anda hanya tinggal menunggu lagi yang perlu Anda pelajari.

Sekian dan Terima kasih.

Thursday, 16 January 2014

Cara Mendaftarkan Blog Di Google

Saya pernah berpikir buat apa lagi mendaftarkan blog saya di Google kalau sudah menggunakan Blogger.com pasti blog saya terdaftar di Google. Namun setelah saya membaca beberapa artikel ternyata blog saya memang terdaftar di Google tapi tidak di nampakkan di urutan awal Google. 

Lalu bagaimana cara untuk mendaftarkan blog Anda di Google? Tapi sebelum itu saya ingin menuliskan untuk Anda betapa pentingnya blog Anda terdeteksi di Google. Dengan terindexnya blog Anda di Google tanpa Anda sadari akan mengundang pembaca yang lain untuk membaca blog Anda. Itu sudah jelas.

Dengan terdaftarnya di Google bukan berarti blog Anda akan muncul langsung pada halaman utama Google namun untuk pembelajaran ini setidaknya blog Anda terdeteksi.

Anda jangan langsung berpikir negatif, setiap yang Anda lakukan untuk blog Anda sangat berarti jika Anda mengoptimalkannya dari awal. Jadi Anda akan mempelajari yang namanya SEO atau Search Engine Optimization.

Maka dari itu Anda mulai dengan mendaftarkan blog Anda di Google.

Pertama
Klik link ini www.google.com/addurl setelah itu akan muncul jendela yang membawa Anda untuk memasukkan url blog Anda. Seperti pada gambar berikut ini.
Klik Gambar Untuk Memperjelas

  • Warna Biru : Anda diarahkan untuk memasukkan url blog Anda.
  • Warna Merah : Anda diarahkan untuk melakukan tes sederhana.
  • Warna Kuning : Anda diarahkan untuk mengirim yang telah Anda lakukan sebelumnya.
Kedua
Setelah Anda mengirim surat lamaran add url, Anda hanya tinggal menunggu beberapa menit untuk terindexnya blog Anda di Google.

Ketiga
Dan terakhir Anda hanya tinggal masuk pada halaman awal Google seperti gambar berikut ini.
Klik Gambar Untuk Memperjelas
Jika Anda memasukkan url blog Anda dan muncul seperti artikel Anda itu berarti blog Anda telah terdeteksi oleh Google.

Tahap awal Anda dalam mempelajari SEO telah selesai dan masih ada lagi tahap selanjutnya jadi jangan menyerah.

Sekian dan Terima kasih.

Wednesday, 15 January 2014

Cara Menghilangkan Kolom Komentar Di Laman Blog Anda

Menghilangkan kolom komentar di laman blog Anda caranya cukup mudah, untuk menghilangkannya Anda hanya perlu membuat laman baru atau mengedit halaman Anda yang ingin Anda hilangkan kolom komentarnya.

Lalu bagaimana caranya? Anda hanya perlu memperlajari lagi cara berikut ini.
  1. Seperti biasanya Anda harus login terlebih dahulu pada blog Anda.
  2. Lalu pada bagian laman Anda pilih Buat Laman Baru atau Edit Laman.
  3. Jika Anda berada pada tampilan untuk membuat halaman.
  4. Dibagian samping Ada keterangan Setelan Laman. dan lakukan seperti gambar berikut ini.
  5. Pilih Pilihan.
Klik Gambar Untuk Memperjelas
Jika Anda melakukan seperti gambar tersebut Anda hanya tinggal klik Publikasikan, kalau Anda telah membuat laman baru atau mengeditnya.

Cukup mudahkan untuk menghilangkan kolom komentar di laman blog Anda, Selamat mencoba.

Sekian dan Terima kasih.

Tuesday, 14 January 2014

Cara Menampilkan Komentar Google+ Di Blog

Sejak Anda menggunakan blog di blogger.com berkomentar di blog Anda menggunakan bawaan blog Anda namun dengan cara ini pembaca Anda akan mudah untuk berkomentar lewat google+. Ini berguna bagi pembaca Anda yang sering berselancar di google+.

Lalu bagaimana cara menampilkan komentar google+, Anda hanya perlu untuk memperlajari cara ini.
  1. Anda harus login terlebih dahulu di blog Anda.
  2. Kemudian pada menu blog Anda pilih Setelan.
  3. Pada tampilan setelan pilih Pos, Komentar dan Berbagi.
  4. Lalu Scroll ke bawah seperti gambar berikut ini.
  5. Setelah Anda scroll ke bawah Anda hanya tinggal untuk mengatur sesuai keiginan Anda. Seperti gambar berikut ini.
  6. Setelah Anda mengaturnya sesuai dengan keinginan Anda. Terakhir Anda hanya tinggal untuk mengklik Simpan di sudut atas.
Cukup mudahkan untuk menampilkan komentar google+ di blog Anda. Selamat mencoba.

Sekian dan Terima kasih.

Monday, 13 January 2014

Cara Membuat Sitemap Pada Blog Anda

Sitemap pada blog Anda, tidak seperti maps atau peta pada android Anda. Sitemap ini berupa tulisan yang menampilkan keseluruhan tulisan Anda, hampir mirip dengan arsip blog seperti contoh sitemap berikut ini klik disini. Sitemap ini mempunyai kelebihan tersendiri salah satunya membantu pembaca Anda menemukan artikel yang ingin mereka baca.

Lalu cara membuat sitemap itu bagaimana? Anda hanya perlu mempelajari lagi cara berikut ini.

  1. Anda terlebih dahulu login pada blog Anda.
  2. Langsung menuju pada menu blog Anda
  3. Dan pilih Laman sekaligus membuat Laman Baru.
  4. Jika Anda berada pada tampilan membuat laman baru, ganti metode penulisan Anda dari Compose ke HTML. Seperti pada gambar berikut ini. 
  5. Kemudian salin code HTML ini ke dalam metode penulisan HTML.
    <script src="https://sites.google.com/site/script4shared/sitemap.js"></script><script src="http://steplo.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>


  6. Tulisan yang berwarna biru tersebut ubah dengan alamat blog Anda sendiri.
  7. Kemudian publikasikan dan selesai. Tampilannya akan seperti gambar berikut ini. 
Cukup mudahkan untuk membuat sitemap blog Anda dan juga pembaca Anda tidak perlu melihat tulisan terdahulu Anda satu per satu untuk mencari judul yang mereka inginkan.

Sekian dan Terima kasih.

Sunday, 12 January 2014

Cara Mengganti Logo Blog

Logo blogger seharusnya tidak bisa diganti? Memang. Namun kali ini Anda akan mempelajari cara mengganti logo blog Anda bukan logo blogger. Ini agar supaya blog Anda tampil beda dari blog lainnya karena pada umumnya logo blog Anda menggunakan logo blogger.com logo standar bagi setiap blog blogger.com dan biasanya logo blog ini dinamakan dengan favicon.

Lalu bagimana cara menggantinya? Anda hanya perlu mempelajari cara berikut ini lagi. 
  1. Yang Anda harus lakukan mencari gambar untuk logo blog Anda. Ingat yang sesuai dengan blog Anda.
  2. Anda perlu mengunjungi situs pembuat favicon ini, klik disini dan masukkan gambar Anda, yang ingin Anda jadikan favicon blog Anda. Catatan buat Anda "Saya juga menggunakan situs tersebut dalam membuat favicon untuk blog pribadi saya".
  3. Masuklah pada bagian menu blog Anda dan pilih Tata Letak.
  4. Anda perlu mengikuti gambar berikut ini. 
  5. Klik Edit pada tampilan menu tata letak Anda, Lalu akan muncul jendela yang mengarahkan Anda untuk mengganti logo Anda.
  6. Seperti pada gambar berikut ini. 
  7. Kemudian klik Pilih File, gunakan gambar yang telah Anda atur ulang pada situs freefavicon.com.
  8. Setelah Anda memasangnya, terkhir Anda hanya perlu untuk mengkilik Simpan dan selesai.
Logo blog Anda telah diubah menjadi logo blog yang sesuai dengan blog Anda. Cukup mudahkan untuk mengganti logo blog Anda. 

Sekian dan Terima kasih.