Free Download Respecta Template for Blogger

Live Demo
Click here



Download
Click here

Features

- Built in theme options page
- Responsive Design
- Shortcodes + Shortcode Generator in the post editor
- Custom Page Templates
- Featured Image Ready
- SEO Optimized
- Featured Posts Slider
- WooCommerce Ready
- Contacts Page Template
- 7+ Custom Widgets
- Translation Ready
- Compatible with latest WordPress versions
- Compatible with all major browsers: Chrome, Firefox, IE, Safari

Read More

NewBiz Responsive Blogger Template

Live Demo
Click here



Download
Click here

Features

- Built in theme options page
- Responsive Design
- Shortcodes + Shortcode Generator in the post editor
- Custom Page Templates
- Featured Image Ready
- SEO Optimized
- Featured Posts Slider
- WooCommerce Ready
- Contacts Page Template
- 7+ Custom Widgets
- Translation Ready
- Compatible with latest WordPress versions
- Compatible with all major browsers: Chrome, Firefox, IE, Safari

Read More

6 Cara Efektif Membuat Blog SEO Friendly

Tips and Trick 
Ketika kita berbicara tentang SEO , hal yang pertama yang kita butuh ialah mengecek seberapa hebat SEO score kita seperti Chkme.com dan lainnya , dan diikuti dengan pengoptimalan kualitas artikel kita dan seberapa baik juga kamu mengoptimalkan nilai meta dan keyword pada blog . Untuk itulah , pada kesempatan ini NTechno akan coba membagikan trik ampuh agar seo friendly .

1. Format Link Posting URL Blog

Permalink atau Permanent Link ( Tautan Permanen ) memiliki peran besar dalam peringkat artikel dalam search engine . Ada beberapa aturan tentang permalink pada blogspot yaitu :

- Judul Posting Tidak Boleh Melebihi 50 karakter
- Jangan Gunakan " StopWords " dalam Permalink dan Meta Tag .
( Contoh : Dan , Yang ,  Dalam , Sebuah , Ke )

Kata - kata stopwords ini tidak baik untuk search engine , jika kamu menggunakan kata stopwords dalam permalink , maka pengindexan keyword akan diabaikan oleh Google , namun kamu bisa mengedit permalink (tautan permanen) kamu sesuai keinginan .

2. Mempertahankan Kepadatan Kata Kunci (Keyword)

Keyword merupakan aspek penting untuk posisi artikel anda dalam search engine , terlalu sedikit keyword di artikel maka akan menyebabkan kurang peringkat dan isian keyword , namun anda juga tidak perlu melakukan penempatan kata kunci untuk optimasi SEO , tentunya harus relevan .

3. Label Yang Tepat dan Artikel Terkait

Label menambahkan kepadatan kata kunci dari pos, label harus mempunyai pelebaran sesuai dalam kategori daripada single kategori, saya jelaskan dengan contoh sepeti anda membuat sebuah posting, misalkan anda membuat artikel tentang "Google Chrome" dengan tiga kategori Windows,Browser ,
Perangkat lunak,maka otomatis label menambahkan kepadatan kata kunci dalam seluruh post dan label mempengaruhi tulisan artikel terkait di blog.

Silahkan anda lihat artikel terkait sesuai label yang anda baca, maka di artikel terkait akan memberikan posting sesuaa label. Dan jika ada begitu banyak posting dengan label yang sama di tandai di label tersebut akan mempengaruhi susunan artikel di related post atau artikel terkait di blog anda .

4. Menambahkan Meta Deskripsi

Meta tag menghasilkan tag HTML yang di gunakan oleh mesin pencari untuk mengedintifikasi judul,deskrispsi dan rincian lain dari URL, memang tidak banyak berpengaruh tapi akan memiliki dampak sedikit pada kata kunci yang di targetkan, ketika anda selesai membuat artikel, maka anda tinggal memasukan deskripsi, contoh gambar di bawah :

5. Optimasi Title dan Alt Tag 

Optimasi gambar untuk SEO dengan menggunakan tag alt dan tag title di setiap gambar, dan ini bisa di lakukan secara manual dilakukan setelah anda mengupload gambar, optimasi tag alt dan tag title untuk memberi tahu mesin pencari tentang inforamasi tentang gambar tersebut saat melakukan pencarian dengan gambar sesuai title. anda cukup klik kanan pada gambar dan klik properti lalu masukan title pada gambar tersebut . Lebih lengkap nya kunjungi Optimasi Alt Tag dan Title Tag

6. Link Eksternal Nofollow

Nofollow adalah atribut HTML yang tercantum pada hyperlink untuk memblokir keuntungan mesin pencari link eksternal dalam website, jadi ketika anda menggunakan link keluar ke website lain, anda bisa menggunakan rel='nofollow' atribut setelah URL, untuk mencegah mesin pencari merayapi link tersebut .

Sekian trik dan tutorial dari NTechno , semoga bermanfaat .

Read More

Cara Mengoptimasi Alt Tag dan Title Tag Pada Gambar

Pada kesempatan kali ini NTechno akan coba memberikan tips bagaimana caranya menambahkan Alt Tag dan Title Tag pada Gambar . Tag ini sungguh sangat berfungsi di perindexan Google Search nantinya dan akan di optimasi .
Atribute Alt Tag dan Title Tag fungsinya ialah untuk menginformasikan pada Google bahwa gambar ini memiliki deskripsi tentang title text yang sudah ditentukan dan mempunyai keterkaitan dengan artikel yang di cari berdasarkan query yang diketikan pada pencarian gambar .

Contohnya ialah jika kamu membuat artikel dengan judul "cara mendapatkan uang dari internet " dan menambahkan title text "cara mendapatkan uang dari internet " , maka di pencarian gambar akan sesuai dengan yang telah diketikan pada query pencarian Google .

Lihat contoh : 

Pada halaman pertama muncul website maxmanroe.com sebagai artikel teratas .

Pencarian dengan query yang sama pada halaman pencarian gambar

Kamu bisa melihat dalam pencarian gambar menunjukkan gambar yang sama pada pencarian artikel , maka sudah pasti jika kamu menambahkan title text pada gambar dengan query yang sama di artikel Anda , maka hasilnya akan sama dengan penambahan title text yang sudah kamu tentukan

Cara Mengoptimasikan Alt Tag dan Title Tag Pada Gambar

1. Pastikan kamu sudah mengupload gambar sebelum mempublikasikan artikel nya .
2. Klik pada gambar > Klik Properties > Akan muncul sebuah Pop Up , masukkan query sesuai artikel yang anda buat .

Maka dengan begitu gambar tersebut sudah memilik atributte Alt Text dan Title Text sehingga akan lebih memudahkan terindeks oleh Google dan lebih relevan membuat postingan kamu lebih SEO .

Sekian dulu artikel dari NTechno , semoga bermanfaat

Read More

Cara Membuat BlockQuote Menarik Pada Blog

BlockQuote memang sudah ada namun BlockQuote bawaan blogger tampilannya mungkin agak kurang menarik, sehingga bisa jadi mungkin akan di abaikan oleh pengunjung namun jika anda membuat BlockQuote yang bagus maka perhatian untuk BlockQuote akan lebih di perhatikan, bagi anda yang berniat untuk membuatnya lebih menarik, silahkan ikuti tutorialnya dari NTechno :1. Buka akun blogger anda.

2. Pilih Menu > Template >Edit Html
3. Cari kode seperti ini blockquote dan ganti script BlockQuote bawaan blogger dengan script dibawah ini.

 
blockquote{display:block;font-style:normal;color:#FFF;padding:15px 18px 15px 48px;position:relative;background-color:#1BBCE4;border-radius:4px;border-bottom:2px solid #0E7994}
blockquote:before{font-family:'fontAwesome';display:block;position:absolute;top:15px;left:16px;color:#fff;font-size:24px;line-height:1}
blockquote:before{content:"\f05a"}

Catatan : 

code blockquote yang default akan tampil biasanya seperti ini tapi setiap blog memiliki code blockqoute yang berbeda

blockquote {
background: #f8f8f8;
margin-left: 2em;
margin-right: 2em;
border-left: 4px solid #ccc;
padding: 1em 1em;
font-style: italic;
}

Semua kode blockquote default blogger di ganti dengan kode yang tadi , gimana sudah paham?

4. Selanjutnya copy kode dibawah ini dan letakan tepat diatas kode <head>

 <link type="text/css" href="https://googledrive.com/host/0B6FAz9FHjnXXWXIzaXpBVXJCLWs" rel="stylesheet"/>

5. Klik Save Template dan selesai .

Cara Menggunakan BlockQoute kamu tinggal mengklik lambang "tanda kutip " yang ada di menu pos blog , setelah itu masukkan kata sesuai keinginan .

Dan lihat hasilnya , cekidot!

Read More

Cara Membuat Arsip Blog dengan Scroll

Arsip blog atau Archive blog adalah sebuah daftar urutan artikel yang di urutkan sesuai tanggal bulan dan tahun, biasanya arsip blog atau archive blog ini di letakan di sidebar pada sebuah blog, arsip blog ini menurut saya sangat berguna sekali jika di pasang pada sebuah blog,karena dengan widget arsip ini bisa dengan mudah menemukan artikel-artikel anda hanya dengan melihat halaman arsip .
Pada kesempatan kali ini NTechno membagikan bagaimana caranya membuat scroll pada arsip blog yang memudahkan pembaca dan tidak memakan space pada blog .


Berikut caranya : 

1. Pastikan anda sudah menambahkan arsip blog ke widget blog anda.

2. Sekarang buka akun blogger anda.

3. Pilih menu template > Klik Edit Html 

4. Lalu silahkan anda cari kode 'BlogArchive'

5. Jika sudah ketemu lalu letakan kode kode di bawah ini tepat di atas kode 'BlogArchive'  

<div style='overflow:auto; width:ancho; height:200px;'>

6. Lalu anda geser ke bawah sedikit, maka anda akan melihat kode seperti ini <b:include name='quickedit'/> dan tambahkan kode </div> di atasnya Atau lebih jelasnya seperti di bawah ini.

<div style='overflow:auto; width:ancho; height:200px;'>  <div id='BlogArchive'><div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
<b:if cond='data:style == &quot;HIERARCHY&quot;'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == &quot;FLAT&quot;'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == &quot;MENU&quot;'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
</div><b:include name='quickedit'/>  </div>
</b:includable>

Catatan : 200px adalah tinggi arsip dan silahkan sesuaikan sesuka anda.

Sekian dulu tutorial dari Ntechno , semoga bermanfaat ^^

Read More

Cara Membuat Template Default menjadi Responsive Pada Blog

Dalam membangun sebuah blogger kita membutuhkan reaksi cepat dari semua pelayan internet , dan untuk itu jika blog kita sudah responsive design maka sudah jelas akan lebih cepat terindex oleh si Google dan sungguh menyenangkan karena bisa dikunjungi banyak orang .

Demo
Click here

Untuk itu berikut ini NTechno bagikan caranya : 

1. Pertama, matikan fitur navbar, pilih menu tata letak > klik navbar > Pilih "OFF"

2. Sekarang cari kode di bawah ini :

.post-body img, .post-body .tr-caption-container {
  padding: $(image.border.large.size);
}

3. Lalu ganti kode tersebut dengan kode dibawah ini.

.post-body img, .post-body .tr-caption-container {
padding: 0;
width:auto;
max-width:100%;
height:auto;
}

4. Selanjutnya cari kode dibawah ini :

 <b:if cond='data:blog.isMobile'>
      <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
    <b:else/>
      <meta content='width=1100' name='viewport'/>
    </b:if>

5. Lalu ganti kode tersebut dengan kode di bawah ini : 

<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>   

6. Sekarang letakan kode dibawah ini tepat diatas kode </head>

<style type='text/css'>
@media screen and (max-width:1024px){
body,.content-outer, .content-fauxcolumn-outer, .region-inner {width: 100%!important;min-width:100%!important;padding:0!important}
body .navbar {height: 0!important;}
.footer-inner {padding: 30px 0px!important;}
}
@media screen and (max-width: 603px){
.main-inner .columns {padding-right: 0!important;}
.main-inner .column-right-outer {width: 100%!important;margin-right: 0!important;}
}
</style>

7. Save Template dan Selesai

Read More

Cara Setting Custom Robots.Txt 100% SEO

Robots.txt adalah berisi pedoman atau pengaturan untuk Robot-crawler tentang bagaimana mereka akan meng-crawler dan mengindexs situs web atau blog anda, maka dari itu, blogger menyediakan pengaturan khusus untuk mengatur beberapa pengaturan SEO yang sangat dasar dan sangat mudah dari dashboard blog anda. Salah satunya adalah menetapkan custom  robots.txt untuk blog anda sesuai kebutuhan kamu . 

Pada dasarnya setiap blog dari platfrom blogger memiliki robots.txt setelan default, namun dengan perubahan baru di blogger ini, anda dapat mengubahnya sesuai dengan kebutuhan, nah..untuk itu dalam posting kali ini, anda akan tahu tentang bagaimana stelan robots.txt default blogger dan cara menambahkan atau mengedit robots.txt custom untuk blog kamu . 

Inilah setelan Default Robots.Txt :

User-agent: Mediapartners-Google

Disallow:
User-agent: *
Disallow: /search
Allow: /
Sitemap: http://www.anessilitonga.blogspot.com/feeds/posts/default?orderby=UPDATED

Untuk mengecek Robot.Txt yang Anda gunakan saat ini :

http://NamaBlogAnda.blogspot.com/robots.txt

Ganti settingan default pada Robot.Txt menjadi ini :

User-agent: Mediapartners-Google

Disallow:
User-agent: *
Disallow: /search
Disallow: /p/*
Disallow: /view/*
Disallow: /?m=1
Disallow: /?m=0
Disallow: /*?m=1
Disallow: /*?m=0
Allow: /
Sitemap: http://www.URL BLOG ANDA.blogspot.com/feeds/posts/default?orderby=UPDATED

User-agent: Mediapartners-Google
Disallow: Garis ini menunjukan bahawa bot crawler di perintah untuk merayapi atau meng-crawler adsense. jika anda sudah mempunyai iklan Adsense; baris ini sangat bagus untuk ,meng-crawler adsense dan untuk mengunjungi semua halaman situs anda sesuai dengan pedoman adsense, untuk garis ini lebih baik di biarkan.

User-agent: * Baris ini digunakan untuk bot meng-crawler semua situs halaman blog anda (kecuali untuk pengaturan yang terpisah di bawahnya, apakah harus di indexs atau di blok dalam penambahan kode di bawah-nya. yang di maksud dibawahnya ini adalah kode-kode yang anda terapkan.

Disallow: /search Baris ini menunjukkan bahwa setiap halaman / pencarian dalam bentuk URL tidak akan dijelajahi dan diindeks oleh bot crawler. Baris ini sangat penting untuk membuat SEO blog anda, seperti tidak akan merayapi atau tidak akan mengindeks halaman Label dan Arsip. Karena halaman tersebut bukan halaman unik atau URL yang bisa di indexs dan juga untuk menghindari duplikat konten pada blog anda.

Disallow: /p/* Garis ini berfungsi untuk memblokir robot  menjelajah halaman untuk blog anda. Tetapi jika anda ingin halaman anda tetap di indeks oleh crawler , silahkan hapus baris ini.

Disallow: / view / * Garis ini berfungsi untuk menghentikan robot merayapi halaman blogger dengan tampilan link dinamis. Jika anda menggunakan tampilan dinamis di blog anda, maka anda bisa menghapus garis ini tapi jika anda tidak menggunakannya silahkan di biarkan saja.

Disallow: /?m=1
Disallow: /?m=0
Disallow: /*?m=1
Disallow: /*?m=0 Garis-garis ini berfungsi untuk menghentikan robot merayapi halaman redirect ke mobile phone atau tampilan handphone. Jika anda tidak menggunakannya, maka anda mungkin akan melihat blog dengan link dalam hasil pencarian tampilan mobile phone *?M = 1 atau *?M = 0 garis ini diperlukan untuk menghindari masalah duplikat halaman. Jika anda tidak mempunyai masalah ini atau jika anda tidak membutuhkannya, anda bisa menghapusnya.

Sekian dulu info dari Newbie Techno , semoga 100% bermanfaat .
Terima kasih 

Read More