SEOBERS: Tutorial Blog

Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan

18 Mei 2016

Cara Memasang Page Level Ads di Blog

Ok sobat, postingan kali ini untuk kamu yang sudah punya GA (Google Adsense) dan tidak tahu cara memasang iklan jenis Page Level Ads ini di Blogspot, atau iklan Google Adsense Page Level Ads ini tidak tampil di Blog.

Page-level Ads?

Page-level Ads adalah fitur baru Google Adsense yang dioptimalkan khusus untuk device beresolusi sedang hingga minimal, seperti tablet, smartphone, handphone sampai handphone mini. Iklan jenis ini ini hanya akan tampil pada device/perangkat mobile saja.

Page-level Ads ada dua macam, yaitu Anchor/overlay ads dan Vignette ads. Anchor/overlay ads akan tampil pada bagian bawah layar handphone/smartphone, sedangkan Vignette ads akan tampil penuh sesaat membuka halaman blog.

Cara Memasang Iklan Google Adsense Page-level Ads di Blogspot

1. Login ke akun Google Adsense, menuju ke menu My ads > Page-level ads (beta).
2. Aktifkan tipe iklan yang diinginkan (Anchor/overlay ads atau Vignette ads atau kedua-duanya), dengan menekan tombol opsional pada bagian status.

3. Kemudian ambil kode iklannya dan letakkan di bawah tag <head> , sebelum meletakan kode di bawah </head> convert dahulu kodenya DISINI karena pastinya kodenya tidak dapat di save. Contoh kode sebelum di convert :

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "ca-pub-7932780550304381",
enable_page_level_ads: true
});
</script>

Contoh kode setelah di convert :

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "ca-pub-7932780550304381",
enable_page_level_ads: true
});
</script>

4. Save template.

Baca juga: Cara memasang iklan Adsense dibawah paragraf pertama di Blogspot.

Seperti yang sudah di jelaskan sebelumnya diatas iklan jenis page-level ads ini hanya bisa dilihat di smartphone atau handphone Android 4.0 keatas dan menggunakan browser Google Chrome.

Blog Ads Code Converter

By Unknown17.31Tutorial Blog

Ads Code Converter. This tool is helpful for blogger who embed Google adsense codes in posts or implement in template. Like few bloggers wants to displays their ads in the header, just below the header or inside the posts. The tool works with most famous Google Adsense, Chitika, AdBrite and other affiliated ad networks.

Convert your ads code below :

Generate java ad codes you want to convert from your adsense account or other affiliated advertising program.
Copy and paste the ads codes in the ads-converter box.
Click on convert

PASTE THE CODE BELLOW

Cara Memasang Iklan di Bawah Paragraf Pertama di Blog

By Unknown17.25Tutorial Blog

Penempatan iklan yang tepat pada suatu situs akan menambah keuntungan yang lebih. Pada waktu yang lalu saya sudah pernah membagikan penempatan-penempatan iklan adsense yang bisa membawa keuntungan kepada anda yaitu letaknya di bawah judul artikel, atau ditengah postingan blog, ternyata ada juga penempatan yang lebih bagus lagi yaitu meletakan iklan di bawah paragraf pertama artikel blog. Iklan setelah paragraf pertama otomatis tidak akan luput dari penglihatan pengunjung blog, mengapa? pastinya kamu sudah tahu jawabannya. Oh ya,..! untuk kamu phubliser GA sebaiknya mengeceknya dulu apakah melanggar TOS atau tidak.

Cara menampilkan Adsense setelah paragraf pertama

1. Login ke akun Blogger kamu, kemudian pilih blog kamu dan segera membuka editor template dan memilih edit HTML. Temukan kode:

<data:post.body/>

Gunakan pencarian cepat (Ctrl+F), jika ada lebih dari satu, coba pada kode yang kedua, jika nantinya tidak ada perubahan kamu dapat mencoba pada <data:post.body/> yang lain.
2. Ganti kode di atas menjadi:

<b:if cond='data:blog.pageType == "item"'>
<div id='adsense-content' style="display:block;text-align: center">Kode Iklan Disini</div></b:if>
<div id='adsense-target'><data:post.body/></div>

3. Ganti tulisan Kode Iklan Disini dengan script kode iklan kamu, jika kamu ingin memasang GA atau PPC sejenis sebaiknya Parse/Convert kode kamu disini.

Mengatur posisi iklan

4. Kode diatas, letak iklan kamu akan di tampilkan ditengah, jika kamu ingin meletakannya di sebelah kiri atau kanan kamu dapat mengganti kode berwarna hijau di atas, misalnya:
Iklan di sebelah kiri:

<div id='adsense-content' style="display: inline-block;float: left;margin:15px 15px 15px 0px">

Iklan di sebelah kanan:

<div id='adsense-content' style="display:inline-block;float:right;margin:15px 0px 15px 15px">

Finally

5. Letakan kode dibawah ini dibawah kode pada langkah ke 2 diatas (dibawah <div id='adsense-target'><data:post.body/></div>) atau kamu bisa meletakanya di atas </body> coba saja mana yang cocok untuk template kamu.

<script type='text/javascript'>
function insertAfter(addition,target) {
var parent = target.parentNode;
if (parent.lastChild == target) {
parent.appendChild(addition);
} else {
parent.insertBefore(addition,target.nextSibling);
}
}
var adscont = document.getElementById("adsense-content");
var target = document.getElementById("adsense-target");
var linebreak = target.getElementsByTagName("br");
if (linebreak.length > 0){
insertAfter(adscont,linebreak[0]);
}
</script>

Catatan: Dengan kode diatas sebenarnya kamu dapat mengatur iklan adsense kamu bukan hanya tampil sesudah paragraf pertama, bisa juga sesudah paragraf kedua, atau di bawah h2 postingan, h3 Postingan dan h4 postingan.

Jika ingin meletakan iklan sesudah paragraf kedua ubah nilai "0" (perhatikan kode warna merah diatas) menjadi "2"
Jika ingin meletakan di bawah h2, h3, atau h4 Postingan, ubah kode "br" (perhatikan kode warna biru diatas) menjadi h2 atau h3 atau h4.

6. Save tamplate dan selesai.

Cara Membuat Link Aktif di Kode JavaScript

By Unknown14.57Tutorial Blog

Cara menambahkan/ membuat Link aktif pada kode javascript. Mungkin sobat gemar membagikan kode JavaScript, beberapa diantaranya ingin kamu tambahkan link aktif yang menuju ke blog kamu misalnya. Nah, dengan tutorial ini kamu dapat menambahkan link aktif pada kode text javascript menuju ke blog kamu.

Biasanya menambahkan link aktif ini adalah sang pembagi kode ingin mendapatkan backlink menuju ke blog miliknya. Tapi sebelum menambahkan link aktif kamu harus tahu apakah si pebuat kode menginjinkannya atau tidak.

Gambar dibawah ini adalah contoh Script yang didalamnya telah ditambahkan link aktif.

Cara Membuat Link Aktif Pada Kode JavaScript

Cara Membuat Kode Link Aktif Di Teks Kode JavaScript

1. Siapkan teks javascript yang ingin disisipkan kode link Aktif.
2. Buka kode yang berekstensi .js tersebut dengan menggunakan program notepad.
3. Scroll kursor sampai ke bagian paling bawah teks javascriptnya.
4. Lalu tambahkan kode link seperti di bawah ini:

document.write('</br><a href="http://seobers1.blogspot.com" style="font-size: 8px; text-decoration:none; color: #616469;">Tutorial Blogger</a>')

Ganti kode yang berwarna biru dengan alamat blog/web kamu.
Ganti kode yang berwarna hijau dengan teks yang diinginkan (bagian ini akan terlihat ketika kode .Js-nya dijalankan.
Ubah beberapa kode yang sesuai keinginan sesudah style, contoh: ukuran huruf dan warnanya.

Penjelasan kode diatas :

[document.write]: merupakan bahasa pemprograman javascript yang berarti akan memunculkan suatu tulisan pada saat kode javascript tersebut dijalankan.
[('</br>]: kode ganti baris.
[<a href="http://seobers1.blogspot.com"]: kode untuk memanggil url yang diminta.
[style="font-size: 8px; text-decoration:none; color: #616469;">]: Kode-kode pendukung yang berfungsi menunjang teks yang akan ditampilkan, atau sebagai gaya dari teks tersebut.
[Tutorial Blog]: Tampilan teks pada saat javascript tersebut dijalankan.
[</a>')]: penutup.

5. Save.

6. Upload ke hosting tempat menyimpan file, misalnya Google Drive, Google site, DropBox dan lain sebagainya.
7. Script anda siap untuk digunakan.

Nah sekian Cara membuat atau menambahkan Link Aktif pada kode JavaScript, semoga bermanfaat.

Cara membuat Widget Share Sosial Media Berputar

By Unknown13.58Tutorial Blog

Widget Share Sosial Media Berputar. Berikut ini seober1.blogspot.com tentang Cara membuat Widget Share Sosial Media Berputar. Untuk sobat yang ingin memggunakan share sosial media seperti berikut ini silahkan ikuti langkah-langkah tutorial seperti dibawah ini. Tentunya sobat sudah tahukan kegunaan memasang widget share ke sosial media ini? intinya agar pengunjung blog dapat membagikan artikel kita ke sosial media jika pengunjung menginginkannya.

Anda bosan dengan tampilan sosial media di template blog anda? maka anda dapat mencoba yang ini. Oh iya sobat widget feedburner yang lainjuga sudah pernah dibagikan di artikel yang berjudul cara memasang rss feedburner di bawah artikel dan rss feedburner di sidebar blog.

Cara Membuat Widget Share Sosial Media Berputar

Login ke akun blogger sobat
Copy Script di bawah ini
Masuk ke bagian Tata letak >> Tambah Gadget >> HTML/Java Script
Paste kan kode tersebut kedalam gadget baru

<style> #social a:hover { background-color: transparent;opacity:0.7; } #social img { -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } #social img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } </style> <center> <div id="social"><a title="Grab Our Rss Feed" href="YOUR-FEED-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLtCh2mjFXw52MZ0_5N7wreJ_wentAV_G0cU_tyZpmzqBy4SvjqsJ1zkxwbRWQYTBWUzFhebKitNq8Sqo9kS84H5Xe9NO2OMyQbRwxdhaw5T_mAmW6cVjM9lMmBaBJ_MEpzXjA8ec8APfc/s1600/RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a><a rel="nofollow" title="Get Free Updates Via Email" href="YOUR-EMAIL-RSS-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyl3H_6MSWAVLuIqhlPZzw1v7bp612J0_ATmnO4IMNVh4faw-m-yOsxzgttKIXwMXwTs00tclXDQhjKEE42Z2ha32iVWPI-JIcpDoKbUPNt1axEURv-n2xGXFXWq5hvLTXLlRT-jXq18bU/s1600/RSS-EMAIL-48x48.png" style="margin-right:1px;" alt="Icon"/></a><a rel="nofollow" title="Like Our Facebook Page" href="YOUR-FACEBOOK-PAGE-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUIIFLYKgRVJnUmbT23QpAKjroCVq-Dskh1hwmr_2nTOkdFA6EXFKS1jrtjGpTSRtFLNpTr2OUMlCG_dNBSqIpd7avSVGwB3FHRLD2byXTifpRv8NjXryPF1Jee4rNQpY1_S2nHBbiYiAO/s1600/FACEBOOK-48x48.png" style="margin-right:1px;" alt="Icon"/></a><a rel="nofollow" title="Follow Our Updates On Twitter" href="YOUR-TWITTER-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxN5E_F7e4NRhDS08zvLSxzZKcvPOLJeNd1vApFXbDShvWUqkIdnjwej9I_LKjXm2tQNsGJsIUHuFN0w5tKGeFjo7WN75ntMvSlbKGWnsfpmyFYm4jnHlJFkOBeBt1fkxzk7-NNOeWfmPo/s1600/TWITTER-48x48.png" style="margin-right:1px;" alt="Icon"/></a><a title="Follow Us On Google+" rel="nofollow" href="YOUR-GOOGLE-PLUS-URL-HERE" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9I9_D_Fd-apF5Sz1bLlpjOgI1NqLb4S4owFuRfCDUkL8aN4Bjp53n3yh1L65EnikZSxXe1VY5IF9grb68c6BNzvBW2WgAuebshaMb3aeA_x2mLzkt9EINF22NitkpmPsozVqpI3hfimLO/s1600/GOOGLE-PLUS-48x48.png"/></a><a title="Follow Our Pins" rel="nofollow" href="YOUR-PINTEREST-URL-HERE" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHjhcXPTalw0XrYVxVRxI_bCAybcmFe4APKiobJ6a1NebuswwxgQfIPjQxN7mWsAgNCPYgagFw9tk8WLXhXza1PpFdNdUDAkTbfoUGv0QlItNxr_k80wvs35rlI8WNDoyaB5I1xMwTBIqQ/s1600/PINTEREST-48x48.png" alt="Follow Me on Pinterest" /></a></div></center>

Semua kode berwarna merah diatas silahkan diganti sesuai dengan kebutuhan. Save atau simpan dan Selesai.

Sekian Tutorial seobers1.blogspot.com saat ini Semoga bernanfaat dan selamat mencobanya.

Cara Sederhana Optimasi SEO

By Unknown13.56Tutorial Blog

Seobers1.blogspot.com-3 Cara Sederhana Optimasi SEO. Mungkin ini sedikit berbeda dengan optimasi SEO yang lain karena ini adalah cara yang sederhana dan mudah dilakukan dari sekian banyak cara optimasi SEO yang ada. Mungkin jika kamu ingin yang lebih ekstrim bisa mencoba membaca Seo tips di blogger.

Di artikel sebelumnya juga salah satu optimasi Seo adalah dengan cara memasang breadcums terindeks Google atau seperti cara seperti cara setting robot txt di blog dan cara memasang meta tag yang sudah di bahas pada waktu yang lalu. Ok.. Berikut adalah cara sederhana membuat postingan blog lebih seo friendly.

1. Memberikan Title, Alt dan Deskripsi pada gambar

Walaupun sudah banyak blog yang membahas betapa pentingnya meletakan tag title dan alt pada gambar. Faktanya dengan memasang tag title dan alt pada suatu gambar di blog tentu saja akan membuat gambar tersebut menjadi lebih SEO Friendly sehingga dapat mempermudah Search Engine untuk mengindex artikel di blog kita. Kita juga dapat menambahkan deskripsi pada gambar di blog kita. Baca cara membuatnya di => Memberikan Title, Alt dan Deskripsi pada gambar Blog

2. Memasang Tag Title pada Link

Memasang tag title pada link fungsinya hampir sama dengan memasang tag title pada gambar yaitu untuk memberikan deskripsi sehingga search engine dapat dengan mudah untuk mengetahui maksud dari link tersebut. Silahkan baca artikel tentang "Cara membuat link postingan blog lebih SEO friendly"

3. Melakukan Ping Sitemap

Melakukan Ping Sitemap adalah salah satu optimasi SEO yang bermanfaat untuk mempercepat proses indek konten oleh search engine, hampir sama dengan ping blog bedanya yang di ping adalah sitemap nya. Nah, inilah salah satu optimasi SEO yang sering dilewatkan oleh banyak blogger. Dan seperti yang sudah pernah saya katakan di artikel sebelumnya bahwa jangan terlalu sering melakukan Ping Blog. Untuk caranya kamu bisa membaca bagian 3 dari artikel => cara melakukan ping.

Sekian mengenai 3 Cara Sederhana Optimasi SEO agar supaya artikel blog lebih baik atau artikel blog lebih seo frendly . Semoga artikel cara agar lebih SEO di blog ini berguna untuk anda.

Apa itu Bounce Rate Di Blog?

By Unknown13.53Tutorial Blog

Bounce rate adalah persentase kunjungan pada satu halaman dimana pengunjung masuk kemudian pergi dari halaman tersebut. Bisa dikatakan pengunjung masuk ke halaman blog anda sebentar saja kemudian langsung keluar ( misal langsung menutup jendela tab windows) pergi dari website, mungkin karena informasi yang dicari tidak di temukan atau juga loading halaman yang berat sampai-sampai si pengunjung Blog bosan menunggu loading Blog dan belum selesai memuat halaman sudah pergi melayang jauh entah ke mana ( sobat dapat menggunakan template Seo ringan ).

Menurut wikipedia pengertian dari bounce rate adalah persentase pengunjung yang masuk ke website Anda lalu pengunjung tersebut langsung keluar tanpa melihat halaman lain dari web atau blog Anda. Secara sederhana, bounce rate bisa kita artikan persentase pengunjung yang hanya mengunjungi satu halaman di web blog kita atau dapat diartikan bahwa bounce rate atau tingkat bouncing sebuah web dapat memberitahu anda jika pengunjung blog anda tinggal di blog anda dalam waktu lama atau hanya membuka halaman anda sebentar saja.

Bagaimana Cara Melihat Persentase Bounce Rate? Bounce rate dapat kita lihat dan cermati di alat atau tool penilai traffic website seperti Alexa Traffic Rank, Google Analytics dan lainnya. Bagimana cara Menghitung Bounce Rate Blog? Baca: Cara Menghitung Persentase Bounce Rate Blog Anda.

Semakin kecil persentase bounce rate sebuah blog maka semakin baik pula kualitas blog tersebut. bounce rate yang rendah menandakan bahwa sebuah blog atau website diminati oleh pengunjung sehingga pengunjung tidak hanya melihat satu halaman dari blog anda melainkan juga membuka halaman-halaman yang lainnya. Dari beberapa pendapat bounce rate yang baik adalah berkisar sekitar 20% ( Baca Cara Menghitung Persentase Bounce Rate ). Namun ini tidak bisa menjadi acuan, bagaimana jika blog tersebut hanya memiliki satu halaman saja?

Cara Membuat Link aktif di Komentar Blog/Blogspot

By Unknown13.50Tutorial Blog

Cara Membuat Link aktif di Komentar Blog. Tutorial Seocips.com saat ini tentang Cara Membuat Link aktif di Komentar Blogger. Biasanya dengan meletakan link aktif dikomentar Blog adalah untuk mengejar Backlink di Blog kita, Mungkin bagi Blogger yang baru belum tahu bagaimana cara memasang link aktif dikomentar Blog. Sebenarnya bukan hanya link saja yang bisa kita buat pada komentar blog, masih banyak lagi yang bisa kita buat. contohnya membuat tulisan tebal, miring, garis bawah, dan tulisan berkedip.

Membuat Link di Kolom Komentar, di saat anda berkunjung ke blog sobat lain dalam rangka memperbanyak jumlah link (tautan) dan meningkatkan trafik blog anda, anda perlu menyisipkan jejak link anda pada kolom komentar sebuah posting. Tetapi yang paling penting adalah komentar anda haruslah berhubungan dengan artikel . Saya sarankan jangan sembarangan menyisipkan link, apalagi banyak-banyak nanti komentar anda ditolak. Ada cara memasang link aktif tentu saja ada juga cara mematikan link aktif dikomentar blog secara otomatis.

Sederhana saja, anda tinggal menyimpan link dengan menulis kode tag HTML pada kolom komentar, caranya tulis tag alamat dan anchor link blog anda. Bagaimana anda tertarik untuk membuat link pada komentar blog? Bila anda tertarik silahkan baca tutorialnya di bawah ini.

Contoh Link aktif di komentar Blog :
Terimakasih atas informasinya. Silahkan berkunjung ke blog saya dan baca artikel yang berjudul Cara Membuat Link aktif di Komentar Blog.

Cara Penulisan :

Terimakasih atas informasinya. Silahkan berkunjung ke blog saya dan baca artikel yang berjudul <a href="http://www.seocips.com/">Cara Membuat Link aktif di Komentar Blog</a>

Keterangan :
Warna Biru adalah link tujuan
Warna Merah adalah Teks yang diberi Link.

Berikut ini adalah contoh komentar link aktif dengan tulisan link yang di pertebal. Biasanya ini dilakukan untuk menekankan kata kunci dengan dilink Blog. Menurut beberapa informasi selain untuk memperkuat kata kunci tapi juga dapat meningkatkan page rank halaman ( informasi mengenai page rank ini masih ? )

Contoh :

Terimakasih atas informasinya. Silahkan berkunjung ke blog saya dan baca artikel yang berjudul Cara Membuat Link aktif di Komentar Blog.

Cara Penulisan :

Terimakasih atas informasinya. Silahkan berkunjung ke blog saya dan baca artikel yang berjudul <b><a href="http://www.seocips.com/">Cara Membuat Link aktif di Komentar Blog</a></b>

Keterangan :
Warna Biru adalah link tujuan
Warna Merah adalah Teks yang diberi Link.

Link aktif seperti contoh diatas adalah bukan hanyasekedar link aktif tapi juga untuk mengejar keyword Blog kita. Sekian informasi mengenai cara membuat link aktik di komentar blog semoga bermanfaat untuk anda.

Cara Cepat Memperbanyak Pengunjung Blog

By Unknown13.48Tutorial Blog

Seobers. Cara memperbanyak pengunjung Blog. Tentu saja semua orang yang memiliki website atau Blog sangat senang jika website atau blognya ramai dan banyak pengunjungnya. Sebenarnya tidak perlu tips atau trik yang banyak jika anda ingin blog anda ramai pengunjungnya karena sederhana saja caranya. berikut seobers akan membagikan tips sederhana agar blog memiliki banyak pengunjung atau ramai pengunjungnya.

Cara Memperbanyak Pengunjung Blog

1. Membuat artikel Blog cepat terindex

Cara untuk memperbanyak pengunjung blog sebenarnya adalah cara yang mudah saja jika anda menguasai teknik SEO ( Pastinya anda akan menguasai trik-trik Seo secara perlahan lahan jika anda tetap di dunia Blog). Salah satu cara agar Blog anda banyak pengunjungnya adalah dengan membuat artikel anda terindex Google, dan akan lebih bagus lagi jika mendapatkan posisi Page One atau halaman pertama Google. Jika berhasil maka pengunjung akan secara otomatis memasuki Blog atau website anda. ( Baca; cara agar artikel blog terindex Google dengan cepat )

2. Melakukan Blogwalking.

Apa itu Blogwalking? Blog walking adalah kegiatan mengunjungi blog atau website orang lain yang kemudian meninggalkan komentar di blog atau website tersebut. Ada banyak blog yang menyediakan kolom alamat website bagi orang yang memberikan komentar di situs mereka.

Anda harus ingat bahwa jangan pernah meninggalkan komentar SPAM pada blog orang lain karena hal itu hanya akan memberikan citra yang buruk pada Anda. Biasakan untuk membaca artikel yang ditulis terlebih dahulu sebelum meninggalkan komentar agar Anda mengerti dan memberikan komentar yang sesuai dengan topik atau bahasan artikel blog tersebut.

Dengan berkomentar dengan baik dan meninggalkan alamat blog kita di kolom yang telah disediakan, maka Anda akan mendapatkan backlink menuju situs Anda. Selain itu, kemungkinan besar pengunjung lain di blog tersebut juga akan mengunjungi situs Anda ketika mereka melihat komentar yang Anda berikan. Dari proses blog walking ini kita bisa mendapatkan cukup banyak trafik.

3. Saling Follow Blogs

Hal juga yang harus anda lakukan adalah jika website yang anda kunjungi mempunyai widget Followers. contohnya anda dapat melihat yang saya pasang di blog ini. Perlu anda ketahui juga bahwa widget Followrs yang ini adalah salah satu widget Followers Blog yang Valid HTM5.

Jadi untuk anda yang ingin memasang widget Followers yang valid HTML, tidak ada salahnya Anda mencoba memasang widget Followers blog ini. Anda dapat membaca ; cara memfollow Blog lain dengan Cepat. silahkan anda Follow dan tinggalkan komentar bahwa anda telah memfollow blog tersebut, maka biasanya admin dari blog yang baru saja anda follow tersebut akan memfollow kembali blog anda. Sebagai Demonya anda dapat mencoba widget dibawah ini:

Dengan saling Follow dapat memberikan keuntungan dikedua pihak, Yaitu dimana artikel terbaru tersebut akan muncul di dashboard Blogger yang saling Follow. jadi semakin banyak Followers blog akan semakin baik hasilnya di blog anda. Tentu saja ini adalah salah satu cara untuk meningkatkan Backlink di Blog anda.

4. Promosikan Blog

Cara berikutnya adalah rajin mempromosikan blog anda keberbagai media sosial, media sosial yang sering saya gunakan untuk mempromosikan artikel adalah Facebook, Google+ dan Twitter. dari ketiga jejaring sosial tersebut yang memiliki efek paling bagus untuk website/blog anda adalah Google plus, karna tentusaja alasannya sederhana saja, media sosial ini milik Google. Jadi hasilnya sangat bagus jika ingin artikel anda bertengger di Halaman pertama Google. Anda juga dapat membuat Fanspage Google Plus dan Fanspage Facebook diblog Anda.

5. Membuat Artikel Berkualitas

Memperbanyak Pengunjung Blog dengan konten original

Ini masih berhubungan dengan trik pertama tadi. Maksud saya memperbanyak pengunjung blog dengan membuat artikel berkualitas dan original ini, agar Blog mudah terindex oleh Google dan mudah mendapatkan kepercayaan dari pembaca blog. Pada awal pembuatan artikel dimana blog kita masih baru, buatlah konten atau artikel yang Original tidak asal copy paste dari blog lain, jika anda mengawali tulisan anda dengan hasil copas, maka blog anda akan memiliki citra buruk di search engine.

6. Mempercantik Tampilan Blog

Berikutnya adalah memasang template yang ringan loadingnya dan sebisanya SEO friendly untuk menunjang artikel anda agar lebih mudah di index search engine seperti Google. Anda dapat mengecek beberapa template Seo Frendly koleksi Seobers1.blogspot.com di sini; Template Blog SEO.

Baca juga : Cara Agar Blog Banyak Pengunjung Bagian I

Nah sebenarnya masih banyak tips yang dapat anda lakukan untuk memperbanyak pengunjung di blog anda/ cara menaikan pengunjung blog. Tapi untuk saat ini saya rasa cukup dan akan saya lanjutkan beberapa tips di artikel berikutnya.

Cara Mendaftarkan Blog ke Yahoo atau Bing

By Unknown13.25Tutorial Blog

Pada kesempatan kali ini SEOCIPS akan membagikan tentang bagaimana cara mendaftarkan blog ke Yahoo atau Bing. Keinginan anda untuk mendaftarkan blog ke bing atau yahoo memang merupakan sesuatu yang bagus karna nantinya artikel atau blog anda akan lebih terkenal lagi di mesin pencaharian lain selain Google.

Sebelumnya saya pernah melakukan pendaftaran ini dengan Blog Dapasun Blogspot tapi karna berganti domain dengan domain sendiri yaitu Seocips.com maka saya juga harus melakukan pendaftaran kembali ke Bing. Memang itulah yang terjadi ketika berganti domain, bagaikan mengulang semuanya ke awal membuat Blog.

Sebelumnya juga sudah pernah membahas Cara submit sitemap blog di Webmaster agar artikel cepat terindex Google, tapi tutorial kali ini berbeda dari sebelumnya. Memang ada tahap submit mapnya juga tapi tutorial ini bagaimana cara mendaftarkan dahulu blog anda. Ok kawan berikut adalah caranya :

1. Buka link ini: Submit site Url. Isi URL dengan alamat blog anda, jangan lupa isi captchanya juga,dan klik submit.

2. Pilih "GREAT, SIGN ME UP".

3. Anda nanti akan di bawa ke halaman Login Akun Microsift. Silahkan "Sign In" jika sudah memiliki akun atau cari tulisan "Sign Up" Untuk melakukan pendaftaran akun Microsoft.

4. Silakan Isi semua kolom pendaftaran yang dibutuhkan jika anda belum mendaftar. Contohnya seperti dibawah ini! Oh iya jangan lupa scroll kebawah karena masih ada kolom pendaftaran dan kode captchanya yang harus di isi.

5. Kemudian anda akan dihadapkan pada kolom submit URL lagi. Isi dengan URL blog kamu. Namun bedanya, di sini ada juga kolom sitemap. Untuk kolom sitemap bisa kamu isi dengan url blog anda, lalu dibelakangnya ditambahi dengan /sitemap.xml Misal : http://dapasun.blogspot.com/sitemap.xml atau http://www.seocips.com/sitemap.xml

6. Setelah itu ada halaman verifikasi. Untuk verifikasi, ada 3 cara. anda tinggal copy dan pastekan kode meta tag ke html blogspot kamu. Tepatnya dicopas di bawah kode <head>.

7. Kemudian klik VERIFY untuk menyelesaikan pendaftaran.

Note!
Jika anda tidak dapat menyimpan kode tag Meta diatas kedalam template blog, silahkan edit kodenya sehingga menjadi seperti dibawah ini ( contohnya kode diatas tadi menjadi seperti dibawah ini ) :

<meta content='25DABF957122068D5FDDE1600CE96F1F' name='msvalidate.01'/>

Kemudian simpan dan VERIFY di Bing Webmaster.

Selesai. Bagaimana sobat mudah bukan ? sekian artikel mengenai Cara submit atau daftarkan blog ke Yahoo atau Bing dan semoga bermanfaat

Cara Submit Sitemap di Blog/Blogspot

By Unknown13.23Tutorial Blog

Seocips. cara submit sitemap- tips bagaimana cara submit sitemap Blogspot. Anda harus tahu betapa pentingnya mensubmit petasitus atau sitemap Blogspot anda. Tutorial berikut ini adalah cara submit sitemap anda diblog. Salah satu optimasi seo yang tidak boleh anda lewatkan adalah mensubmit sitemap ke Google webmaster tools.

"Cara Submit Sitemap di Blog"

Dengan bantuan Google Webmaster Tools maka blog kita akan lebih mudah terindex oleh Google search engine yang otomatis akan memperbaiki posisi SEO, SERP dari blog milik kita. Agar semua konten dari blog kita dapat terindex oleh Google maka kita perlu mendaftarkan seluruh konten dari blog milik kita lewat sitemap dari blog milik kita. Atau untuk lebih praktisnya silahkan baca cara agar blog cepat terindex Google ( dalam beberapa detik)

Submit sitemap dengan kode dibawah ini saya rasa sudah cukup, tapi jika anda ingin yang lebih lengkap lagi maka anda dapat membaca; Tutorial lengkap submit sitemap ke webmaster.

Sebelumya juga kita telah membahas tips dan trik blog yang tidak kalah menariknya yaitu Cara memperbanyak pengunjung blog dan tips super SEO yang paling banyak dicari Bloggers.

CARA SUBMIT SITEMAP DI BLOGS

1. Masuk/login ke google.com/webmasters/tools/ dengan akun Gmail anda.
2. Klik link blog/situs anda.
3. Di Sitemaps, klik Submit a Sitemap -> klik tombol Submit a Sitemap
4. Masukkan kode berikut di kotak:

atom.xml?redirect=false&start-index=1&max-results=500

5. Klik tombol Submit Sitemap. Selesai
6. Apabila artikel di blog anda lebih dari 500, tambahkan satu sitemap lagi. Caranya adalah sebagai berikut:
Untuk artikel/posting yang lebih dari 500, maka tambahkan lagi sitemap kedua sebagai berikut:

atom.xml?redirect=false&start-index=501&max-results=1000

Kalau artikel/posting blog anda lebih dari 1000, tambahkan sitemap ketiga sebagai berikut:

atom.xml?redirect=false&start-index=1001&max-results=1500

Itulah dia cara submit website Blogspot Blogger anda ke webmaster dan semoga tutorial diatas mudah di Pahami dan selamat mencoba. "Cara Submit Sitemap di Blogspot"

Cara Submit Sitemap Blog Ke Google Webmaster Tools

By Unknown13.19Tutorial Blog

Salah satu cara membuat agar blog baru kamu cepat terindex Google adalah dengan mensubmitkan sitemap atau peta situs blog ke Google webmastertools. Google merupakan sebuah mesin pencari yang paling populer digunakan oleh para pengguna internet hingga saat ini, oleh karena itu jika sitemap blog di submitkan ke webmaster maka kemungkinan besar muncul di pencaharian Google akan semakin besar dan otomatis blog kamu akan mendapatkan pengunjung dari Google search.

Dengan mensubmit sitemap blog ke webmaster tools kamu dapat mengetahui berapa jumlah artikel yang telah terindex oleh Google, berapa banyak backlink yang menuju blog kamu, berapa banyak error yang terjadi pada blog, queri apa saja yang menuju blog, kata kunci apa yang banyak dicari di blog kamu, duplikat deskripsi yang terjadi dan masih banyak lagi. Nah, berikut ini adalah cara submit sitemap ke webmaster tools google.

Cara Submit Sitemap di Webmaster Tools

1. Di Blogger Pilih Blog kamu dan Buka search console

2. Daftarkan blog kamu jika belum terdaftar, caranya masukan link blog kamu di Tambahkan Properti.
3. Selanjutnya pilih Blog yang akan di Submit Sitemapnya.
4. Selanjutnya Anda akan memasuki halaman berikutnya.
5. Pilih Perayapan kemudian Peta situs,

6. Lihat gambar di atas, pilih Tambahkan/Uji Peta Situs kemudian muncul :

Masukan sitemap/peta situs di webmaster tools

7. Isi kolom kosong diatas dengan:

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

Penting!
Isi satu persatu jangan semua sekaligus.
Misalnya pertama diisi dengan:

atom.xml?

Langsung kirim dengan cara klik Kirim. Selanjutnya ulangi lagi, kemudian kirim kode kedua:

atom.xml?redirect=false

Langsung kirim dengan cara klik Kirim. Ulangi langkah tersebut sampai semua peta situs yang ingin kamu kirim terkirim semuanya.

***Selesai***

Tambahan

Umumnya, yang di gunakan untuk submit sitemap adalah atom.xml dan feeds/posts/default. Jika kamu sudah mengalihkan aliran feed blog sobat ke feedburner maka akan terjadi error ketika kita submit sitemap dengan feed default dari blogger, jadi tambahkan kode ?redirect=false sehingga menjadi atom.xml?redirect=false .Tambahkan juga parameter untuk submit sitemap:

feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc
atom.xml?redirect=false&start-index=1&max-results=500

Tambahan lagi, bagi sobat yang sudah memiliki posting di atas 500, sobat harus submit sitemap lebih dari 1 kali sesuai kelipatannya. Misal sobat punya postingan 700 maka yang kedua adalah seperti berikut :

atom.xml?redirect=false&start-index=501&max-results=500

Bagaimana sobat mudah bukan? semoga cara submit petasitus atau sitemap di Google webmaster tools terbaru ini bermanfaat. Salam Blogger.

Cara Membuat Template Blog Valid Html5 Terbaru 2016

By Unknown16.29Omega Belom, Tutorial Blog

Seocips - cara membuat template blog valid Html 5. Dari beberapa template Blog kebanyakan template blog juga template untuk Blogger mempunyai struktur HTML yang tidak valid. Namun untuk memperbaikinya sehingga menjadi valid dan paling tidak mengurangi error. Ada beberapa cara yang dapat anda tempuh untuk mengurangi error dan warnings sekecil mungkin. Selengkapnya simak artikel seocips.com berikut ini.

CARA AGAR VALID HTML 5

Pertama silahkan cek dahulu untuk memastikan berapa banyak error di template anda. Untuk mengetesnya silahkan cek di Validator w3. Untuk mengurangi penjelasan yang panjang dan kian melebar, berikut adalah tips cara membuat template Blog Valid Html5 atau setidaknya mengurangi error di template blog anda.

1. Ganti kode : </html> dengan </HTML>
2. Berikut ini adalah kode-kode HTML yang dapat anda hapus.

<div class='post-share-buttons goog-inline-block'>

3. kode lain...

</div>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>

4. Silahkan cari kode seperti dibawah ini dan silahkan hapus. Kode ini bukan hanya menambah error di template anda. tapi juga menurut saya kode ini tidak penting dibllog. Setiap anda menambahkan widget ditemplate anda sebaiknya kode ini di hapus.

<b:include name='quickedit'/>

5.Tips yang kelima ini sebenarnya lebih menuju ke "agar template anda lebih SEO". Tapi tidak ada salahnya anda mengetahuinya juga. Beberapa template memasang beberapa meta tag yang tidak SEO dan menghasilkan duplikat title tag atau duplikat meta deskripsi ( Untuk yang terlanjur mendapatkan templatenya telah terdapat duplikat title atau duplikat deskrips maka dapat membaca; Cara mengatasi duplikat deskripsi dan duplikat title tag ). dan saran saya sebaiknya anda memasang meta tag yang seo Frendly untuk menghindari duplikat ini. Anda juga dapat melihat beberapa meta tag yang bermanfaat untuk blog anda.
6. Hindari Tag <center> karena HTML 5 tidak Support 5. Hapus Widget dibawah ini (Jika ada), :

Google+ Followers
Pengikut
Share Button
Penghitung jumlah pengunjung.

Atau jika anda ingin memasang widget Followers Blog karna beberapa manfaatnya ( coba baca disini manfaatnya), maka anda dapat memasang widget Followers yang Valid HTML. Silahkan pasang widget Followers Valid HTML 5.

7. Perhatikan Hal berikut :

Tambahkan tag alt di setiap tag <img>
Hilangkan kode imageanchor pada tag img.
Hilangkan kode border pada tag img.

Beberapa kode diatas merupakan penyumbang error terbanyak ditemplate anda yang membuat template anda menjadi tidak SEO frendly. anda dapat mengeceknya di chkme.com untuk memastikannya. Dan sebagai saran saya sebaiknya anda baca juga cara menjadikan Template blog SEO Frendly jika di cek di chekme dan beberapa tips mengenai Membuat artikel anda menjadi SEO frendly ( SEO onPage).

8. Pemasangan random post yang tidak valid HTML 5. Random post memang sangat bermanfaat untuk blog anda. karena dapat menampilkan beberapa artikel anda secara acak yang mungkin saja dapat membuat pengunjung blog anda tertarik untuk melihat artikel anda. Beberapa random post juga ada yang SEO frendly karena menggunakan atribut rel=nofollow ( Contoh random post yang menggunakan rel nofollow dapat anda cek disini; random post SEO Frendly ). Tapi juga anda harus tahu beberapa random post juga tidak Valid HTML 5.

9. Tentu saja dari semua penyebab masalah diatas adalah template yang anda gunakan. Yaitu template yang tidak Valid HTML5 dan tidak SEO. Caba anda cek beberapa koleksi Template Blogger. beberapa di antaranya sudah Valid dan SEO Frendly.

Sebenarnya masih ada kode yang dapat diedit atau di hilang

Cara Membuat Related Post dengan Gambar/Thumbnails di Blog Blogger Terbaru 2016

By Unknown16.25Tutorial Blog

Cara Membuat Related Post dengan Gambar/Thumbnails di Blog Blogger. Berikut ini Seocips.com akan membagikan tentang bagaimana cara membuat related post dengan gambar thumbnails di Blog Blogger atau yang lebih kita kenal dengan Artikel terkait. Membuat ini sangat bermanfaat untuk para pengunjung blog anda, karena akan memudahkan pengunjung untuk membaca artikel-artikel yang masih mempunyai topik yang sama. Bahkan jika anda perhatikan ketika anda menggunakan google search di bagian bawah ada beberapa saran pencarian yang masih berhubungan dengan artikel atau sesuatu yang sedang anda cari.

Dengan memasang widget ini kita dapat menuntun pengunjung blog kita menuju postingan yang lain yang tentunya berkaitan dengan postingan yang sedang dilihat. Artikel terkait atau related post menampilkan pintasan dari beberapa posting yang masih memiliki konten berhubungan dengan artikel yang dikunjungi oleh pembaca.

Menurut logikanya diharapkan dengan memasang artikel terkait ini dapat meningkatkan pageview halaman karena letaknya berada dibawah posting Setelah mengetahui beberapa hal diatas jadi saya setuju dengan para master seo bahwa memasang related post atau artikel terkait adalah salah satu tehnik seo yang disarankan, karena google pun menggunakan hal yang sama.

Cara membuat related Post di Blog ( V1 )

Cara membuat artikel terkait untuk blogger V1

1. Masuk ke Blogger >> Template
2. Pilih EDIT HTML
3. Temukan kode ]]></b:skin> dan letakan kode dibawah tepat di atasnya.

.related-post .post-thumbnail {z-index: 1;position: relative;width: 98px;height: 98px;margin: 0;display: block; border-right: 1px solid #fff;border-bottom: 1px solid #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 2px 2px 5px #444; -moz-box-shadow: inset 2px 2px 5px #444; box-shadow: inset 2px 2px 5px #555; }
.related-post { float: left; position: relative; width: 98px; height: 98px; margin: 0 10px 10px 0; background: #F6F6F6; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.related-post .related-post-title { display: none; float: left; background: #000; color: #fff; text-shadow: none; font-weight: bold; padding: 10px; position: absolute; top: -20px; left: 40px; z-index: 2; width: 200px; -webkit box-shadow: 0 0 2px #444; -moz-box-shadow: 0 0 2px #444; box-shadow: 0 0 2px #444; }
.related-post:hover .related-post-title {display: block;}

4. Selanjutnya cari atau temukan kode yang mirip dengan salah satu kode dibawah ini ( cari kode yang pertama dan jika tidak ada cari kode-kode selanjutnya ).

<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'/>
<div class='post-footer-line post-footer-line-2'/>
<div class='post-footer-line post-footer-line-3'/>

5. Jika anda sudah menemukan salah satu kode yang mirip dengan kode diatas, copy kode dibawah ini dan letakan dibawah kode di atas ( di bawah salah satu kode pada langkah ke 4 ), kemudian simpan / save Template anda.

<div id='related-posts'>
<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>//<![CDATA[
var ry='<h3>Related Posts</h3>';rn='<h3>   No related post available</h3>';rcomment='comments';rdisable='disable comments';commentYN='no';
var dw='';titles=new Array();titlesNum=0;urls=new Array();timeR=new Array();thumb=new Array();commentsNum=new Array();comments=new Array();function related_results_labels(c){for(var b=0;b<c.feed.entry.length;b++){var d=c.feed.entry[b];titles[titlesNum]=d.title.$t;for(var a=0;a<d.link.length;a++){if('thr$total' in d){commentsNum[titlesNum]=d.thr$total.$t+' '+rcomment}else{commentsNum[titlesNum]=rdisable};if(d.link[a].rel=="alternate"){urls[titlesNum]=d.link[a].href;timeR[titlesNum]=d.published.$t;if('media$thumbnail' in d){thumb[titlesNum]=d.media$thumbnail.url}else{thumb[titlesNum]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUNd-mKwn0qgYIIRmEQx0gmAYMc-wa56BBAoib4q-t5YAjBTGBcsfFoiHCZXLrXPHWqCC5yVO1q-MnDCzz6aW-w_73avaKhKyQW3TPdgwCx-u4msi3kTVmm38S3QZ7hgV6BqZwxkrTJ5M4/'};titlesNum++;break}}}}function removeRelatedDuplicates(){var b=new Array(0);c=new Array(0);e=new Array(0);f=new Array(0);g=new Array(0);for(var a=0;a<urls.length;a++){if(!contains(b,urls[a])){b.length+=1;b[b.length-1]=urls[a];c.length+=1;c[c.length-1]=titles[a];e.length+=1;e[e.length-1]=timeR[a];f.length+=1;f[f.length-1]=thumb[a];g.length+=1;g[g.length-1]=commentsNum[a]}}urls=b;titles=c;timeR=e;thumb=f;commentsNum=g}function contains(b,d){for(var c=0;c<b.length;c++){if(b[c]==d){return true}}return false}function printRelatedLabels(a){var y=a.indexOf('?m=0');if(y!=-1){a=a.replace(/\?m=0/g,'')}for(var b=0;b<urls.length;b++){if(urls[b]==a){urls.splice(b,1);titles.splice(b,1);timeR.splice(b,1);thumb.splice(b,1);commentsNum.splice(b,1)}}var c=Math.floor((titles.length-1)*Math.random());var b=0;if(titles.length==0){dw+=rn}else{dw+=ry;dw+='<div class="clear"/></div><ul>';while(b<titles.length&&b<20&&b<maxresults){if(y!=-1){urls[c]=urls[c]+'?m=0'}if(commentYN=='yes'){comments[c]=' - '+commentsNum[c]}else{comments[c]=''};dw+='<div class="related-post"><div class="related-post-title">'+titles[c]+'</div><a href="'+urls[c]+'" rel="nofollow"><img border="0" class="post-thumbnail" alt="'+titles[c]+'" src="'+thumb[c]+'"/></a></div></div>';if(c<titles.length-1){c++}else{c=0}b++}dw+='</ul>'};urls.splice(0,urls.length);titles.splice(0,titles.length);document.getElementById('related-posts').innerHTML=dw};
//]]></script>
<b:loop values='data:post.labels' var='label'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels"' type='text/javascript'/>
</b:loop>
<script type='text/javascript'>var maxresults=5;removeRelatedDuplicates();printRelatedLabels('<data:post.url/>');</script>
</b:if>
</div>
<div class='clear'/>

Keterangan:

Warna Orange Bisa anda sesuaikan dengan ukuran template anda
warna Merah adalah jumlah artikel yang akan di tampilkan.

Membuat Related Post ( V2 )

Related post ini juga sudah saya tambahkan alt, title dan deskripsi otomatis sesuai postingannya, sehingga tidak perlu takut gambar-gambar di related post ini akan mengurangi nilai SEO template blog sobat. Selain tampilannya menarik related post ini seo friendly. Bagaimana tampilan related post ini? mungki sobat dapat melihat gambar diatas. Dan untuk cara membuatnya baca DISINI.

Sekarang template anda sudah memiliki artikel terkait atau related post untuk memudahkan pengunjung menjelajahi blog anda.

Cara Menambahkan Title, Alt dan Deskripsi Pada Gambar Blog Terbaru 2016

By Unknown16.18Tutorial Blog

Seobers - Cara membuat Alt Title dan deskripsi pada gambar postingan blog. Ok sobat seocips.com pada kesempatan ini seocips akan memberikan tutorial blog mengenai bagaimana cara menambahkan title pada gambar, cara menambahkan alt pada gambar dan cara menambahkan deskripsi atau keterangan pada gambar di Blog Blogspot Blogger.

Telah kita ketahui bersama bahwa untuk mengotimalkan SEO pada postingan blog kita perlu memoidifikasi gambar pada postingan agar Seo friendly dan ini termasuk dari 3 cara optimasi Seo pada postingan seperti yang sudah dibahas pada waktu yang lalu.

Sedikit berbeda dengan cara menambahkan title pada link blog, dimana jika memakai title ini diharapkan dapat memberikan informasi/keterangan kepada pengunjung mengenai tujuan dari link tersebut, jadi untuk title link sebaiknya di berikan deskripsi singkat tujuan link tersebut. Ok kembali kepada menambahkan title alt dan deskripsi pada gambar.

Tujuan Memberikan Title Atl dan Deskripsi Pada Gambar.

Fungsinya selain membuat postingan lebih SEO friendly adalah untuk memberikan Informasi atau menjelaskan kepada pengunjung tentang gambar itu. Selain kepada pengunjung juga memberikan informasi kepada Search engine info gambar di postingan anda.

Bagaimana Cara Menambahkan Title, Alt dan Deskripsi Pada Gambar Blog?

Ok Sobat berikut adalah caranya:

1. Menambahkan Title Pada Gambar Blog.

Setelah anda upload gambar anda kedalam postingan blog kemudian klik gambar anda, kemudian dibawah gambar itu ada beberapa pilihan, silahkan klik pada bagian "properties" dan akan muncul seperti gambar di bawah ini, kemudian isikan Title / judul pada gambar anda. Isikan secukupnya jangan terlalu panjang.

2. Menambahkan Alt Pada Gambar

Seperti pada cara menambahkan title, cara menambahkan Alt pada gambar tinggal memasukan keterangan gambar/ title pada bagian alt text. Ini dimaksudkan untuk browser atau pengguna yang tidak menampilkan gambar pada postingan agar dapat membaca maksud dari gambar yang tidak muncul/ tidak ditampilkan tersebut. Isikan secukupnya jangan terlalu panjang.

3. Menambahkan Deskripsi Pada Gambar Blog

Untuk menambahkan deskripsi pada gambar blog ini dimaksudkan untuk menjelaskan lagi mengenai gambar yang anda upload tersebut, tulisan bisa panjang sesuai kebutuhan dan juga bisa sebagai tempat anda menuliskan sumber gambar anda ( darimana anda mendapatkan gambar tersebut ). Jika pada title gambar hanya terlihat jika kursor mouse diarahkan ke gambar tersebut nah berbeda deskripsi gambar. Dengan deskripsi maka pembaca dapat melihat langsung maksud / penjelasan dari gambar tersebut.

Cara Menambahkan Deskripsi pada gambar blog

Cara menambahkannya mudah saja, klik gambar anda, kemudian dibawah gambar itu ada beberapa pilihan, silahkan klik pada bagian "add caption". Isikan keterangan gambar anda di bagian "add caption".

Setelah menambahkan Title, Alt dan Deskripsi Pada Gambar Blog

Nah setelah anda menambahkan atribut diatas kedalam gambar anda, maka selamat gambar anda menjadi lebih Seo Friendly dan hasil akhir dari ketiga langkah di atas adalah seperti gambar dibawah ini:

Selesai.

Ok sobat sekian tutorial tentang cara Optimasi gambar pada postingan blog untuk menambah kualitas Seo On Page pada Blog dengan cara menambahkan Tilte, alt dan keterangan pada gambar yang dapat seocips bagikan untuk saat ini dan semoga bermanfaat.

Mengenal Apa itu Bounce Rate Di Blog/blogspot?

By Unknown16.15Tutorial Blog

Cara Mengetahui Keyword Paling Banyak Dicari di Google Terbaru 2016

By Unknown16.13Tutorial Blog

Cara mengetahui keyword banyak dicari di Google. Kamu pasti ingin agar blog kamu populer dan dibanjiri oleh pengunjung, semakin banyak pengunjung semakin besar juga keuntungan yang bisa diperoleh dari blog kamu, apalagi jika kamu adalah seorang publiser iklan, nah salah satu cara adalah kamu bisa mendatangkan pengunjung dari pencaharian Google, walaupun pengunjung lainnya bisa kamu datangkan dari sosial media tapi kamu tetap harus menomor satukan pengunjung dari search engine.

Pengunjung yang datang dari search engine biasanya akan mengetikan kata-kata kunci/keyword di kotak pencaharian sesuai dengan apa yang dicarinya, nah disinilah letak usaha kita untuk bermain dengan keyword agar mendapatkan pengunjung yang lebih dari sana, misalnya dengan meriset kata kunci atau mencari kata kunci yang sedang populer, ini sangat berguna untuk membuat keputusan akan membuat artikel apa, atau kata kunci apa yang akan kita gunakan nantinya, keyword yang sering dicari atau sedang trend ini harus kita ketahui apa kata kunci atau keyword yang paling banyak atau sering dicari di google, karena keyword yang tepat pada sebuah website akan membuat blog banyak dikunjungi orang.

Coba kunjungi Google Trends

Kunjungi http://www.google.com/trends/explore .
Setelah anda masuk, maka sekarang anda sudah bisa melihat hasil-nya, seperti kata kunci teratas dan yang sedang naik daun.Untuk mendapatkan hasil yang lebih spesifik silahkan lakukan pengaturan terserah sesuai keinginan anda: Seluruh Dunia, 2004 - sekarang ganti dengan 2013, 90 hari, 30, hari, atau 7 hari terakhir.
Tentukan kategori di menu Semua Kategori: Bisnis, Hobi, Internet, Kecantikan, Kesehatan, Komputer, Makanan, Olahraga, Permainan, dan lain sebagainya.
Setelah semua telah anda atur sesuai keinginan maka tinggal lihat hasilnya dan pilih judul (kata kunci) yang anda kehendaki.
Keunikan lainya disini juga anda dapat melihat apa yang sedang populer dan paling banyak dicari pada beberapa kategori tertentu. Contohnya gambar dibawah ini;

yang sedang populer di Penelusuran Google

Google Search

Nah berikut ini adalah tips yang kedua untuk mengetahui apa yang sedang populer dengan menuliskan sedikit kata kunci di penelusuran Google. Jadi teknik ini hanya menuliskan beberapa kata di kotak Search Google dan Google akan memberikan beberapa referensi atau saran keyword yang sering dicari pengguna, kemudian kamu tinggal memilihnya.

Kunjungi Goolge Adword Keyword Planner

Salah satu alat atau tools yang bisa anda gunakan untuk melakukan riset kata kunci website anda adalah Google Adwords: Keyword planner. Pada awalanya tools ini disediakan kepada advertiser mereka atau pengikalan, tapi sekarang kita juga bisa menggunakan alat ini untuk riset keyword dang mengetahui apa yang sering id cari di penelusran Goolge, silahkan mendaftar terlebih dahulu ke https://adwords.google.com/ dengan menggunakan akun Gmail Anda.

Google Penelusuran terkait

Teknik ini sama dengan yang kedua diatas namun ada yang berbeda. Jika sebelumnya kita menuliskan beberapa kata kunci di kotak pencarian, sekarang kita menuliskan kata kunci yang dicari contohnya "game pc", kemudian lihat penelusuran terkait yang di berikan Google, letaknya ada di bawah sehabis saran-saran situs yang di rekomendasikan, kamu akan melihat beberapa kata kunci yang terkait atau berhubungan dengan kata kunci yang kamu ketikan tadi dan sering dicari oleh pengunjung, ini bisa jadi referensi untuk menambahkan keyword-keyword ini ke artikel kamu.

cara mengetahui kata kunci yang paling banyak di cari

Cara Menampilkan Widget Hanya Di Homepage / Postingan Terbaru 2016

By Unknown16.03Tutorial Blog

Cara Menampilkan widget di Postingan atau Homepage. Tutorial seobers berikut ini adalah bagaimana cara menampilkan widget di halaman posting, hanya homepage atau di halaman yang kita inginkan saja, misalnya kita hanya ingin menampilkannya hanya di halaman posting atau di homepage. Mungkin sobat sudah pernah berkunjung ke blog-blog lain dan menemukan dimana widgetnya hanya di tampilkan di halaman-halaman tertentu saja, mungkin karna keinginan pemilik blog itu atau permintaan dari orang yang ingin memasangkan widget itu (contohnya iklan).

Tutorial berikut ini memang sudah banyak di tulis, tapi kami bagikan kepada anda yang belum tahu bagaiman caranya membuatnya. Baiklah sobat berikut adalah tutorial bagaimana cara menampilkan widget blog hanya di halaman yang kita inginkan saja, misalnya halaman posting atau homepage blog dan di halaman halaman lain yang kita inginkan.

Menampilkan widget di Halaman Yang diinginkan

Anda harus mengenali ID widget anda. Supaya anda dapat mengenal widget apa yang ingin anda tampilkan di postingan atau homepage blog. Misalnya disini saya contohkan Widget Artikel terbaru saya yang hanya saya tampilkan di halaman posting saja. Silahkan masuk ke edit template anda. Pilih template dan edit HTML

Kemudian Cari widget yang anda ingin edit tampilannya. Misalnya saya hanya ingin menampilakan widget Artikel Terbaru saya hanya di halaman posting. Sebelumnya elemen HTML widgetnya seperti ini.

Menampilkan Widget di Halaman Postingan

Kemudian Saya menambahkan elemen yang saya beri warna merah berikut ini ke widget saya.

<b:if cond='data:blog.pageType == "item"'>Kode widget
</b:if>

Letak kedua elemen di atas berdasarkan widget seperti widget saya ( gambar di atas ) sobat dapat melihat contoh berikut ini.

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML6' locked='false' title='Artikel Terbaru' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'> 
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:if></b:includable>
</b:widget>

Tinggal save dan selesai. Mudah bukan?

Menampilkan widget di Homepage

Sekarang jika sobat ingin menampilakan widget sobat hanya di home page blog/ website sobat. Caranya seperti di atas cuma kodenya saja yang berbeda silahkan tambahkan kode HTML berikuut ini ke widget anda. letaknya lihat saja contoh di atas.

<b:if cond='data:blog.url == data:blog.homepageUrl'>
Kode widget
</b:if>

Simpan dan selesai.

Menampilkan widget di halaman yang di inginkan

Berikut ini jika hanya ingin memasang widget di halaman yang anda inginkan saja. ( URL halaman tertentu anda ).

<b:if cond='data:blog.url == "URL Halaman anda di sini"'>Kode Widget
</b:if>

Simpan dan selesai.

Menampilkan Widget di Label Tertentu.

Di bagian ini seocips akan membagikan trik bagaimana cara menampilakn widget di label tertentu, jadi misalnya jika kita ingin menampilakan widget hanya di label misalnya" Blog " maka widget hanya akan muncul di postingan yang ber label " Blog". Bagaimana caranya? Baca disini.

Menampilkan widget di versi Mobile.

Adakalanya widget yang telah kita pasang diblog tidak di tampilkan di versi mobilenya, cara untuk emnapilakan widget di versi mobile sebenarnya sangat mudah, caranya telah kami bagikan di artikel ini.

Oh iya pada waktu yang lalu juga seocips.com telah membagikan tutorial tentang cara memasang/ mendaftarkan Rss Feedburner ke blog dimana feed burner juga bermanfaat untuk melakukan ping blog dan dapat menaikan trafict blog.

Untuk menerapkannya ke widget yang lainya yang anda inginkan tinggal menambahkan kode-kode tags seperti contoh di atas. Demikian mengenai cara menampilkan widget hanya di halaman posting atau homepage blog atau website. Semoga tutorial ini bermanfaat untuk anda.

Cara Membuat Widget Popular Post 3D Keren Bergerak di Blog

By Unknown15.31Tutorial Blog

Widget Popular Post 3D Keren Bergerak di Blog. Baiklah sobat berikut ini adalah widget Popular Post 3D Yang dapat bergerak dan berputar diblog, yang dapat anda gunakan untuk mempercantik tampilan Blog anda. Baiklah sobat untuk anda yang tertarik ingin menggunakan widget Popularpost 3D ini silahkan ambil kodenya di bawah dan pasang ke sidebar blog anda.

Widget Popular Post Keren Bergerak di Blog

Cara Memasang Widget Popular Post 3D Bergerak

1. Login akun blogger Anda. Pastikan widget popullarpost standar Blogger terpasang ditemplate anda. kemudian...
2. Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript.
3. Copy paste kode dibawah ini pada HTML/JavaScript.

<style type="text/css">
.cube { width: 300px; height: 300px;}
a img { border: none; }
#linksCube img { width: 98%; height: 98%; }
</style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script> <script type="text/javascript" src="https://seocipscompost3d.googlecode.com/svn/seocips-popuar3d"></script> <script type="text/javascript" charset="utf-8">
$(function () {
$('.popular-posts ul').abupopularcube();
});
</script> <script type="text/javascript" src="https://seocipscompost3d.googlecode.com/svn/seocipspopularpost"></script>

Keterangan : Silahkan ubah kode yang diberih warna di atas sesuai dengan tinggi dan lebarnya template sobat, untuk kode warna hijau adalah untuk mengatur besarnya gambar di widget popular post tersebut.

4.Simpan template dan Lihat hasilnya.

Di artikel sebelumnya Juga kita pernah membahas

Tutorial Blog

Sekian mengenai widget Popular Post bergerak keren di Blog.

Cara Memasang Komentar Facebook di Blogspot Terbaru 2016

By Unknown15.28Facebook, Tutorial Blog

Seobers tentang cara Memasang Komentar Facebook di Blog - memasang komentar facebook responsive di Blogger. Sebagian besar pengguna internet selalu terhubung dengan akun facebooknya jadi agar para pengunjung blog lebih mudah berkomentar menggunakan akun Facebooknya. Komentar Facebook di Blogger adalah untuk menghubungkan konektivitas antara social media tersebut dengan blog kita. Sehingga, blog kita mendapatkan lalu lintas yang besar dengan Facebook.

Anda pasti telah berkunjung ke blog - blog atau website yang memasang komentar facebook ini. Untuk cara membuat kotak komentar Facebook ini cukup mudah dan agar blog Anda lebih terkonektivitas dengan Facebook.

Kesempatan ini seocips akan membagikan 2 macam komentar Facebook yang dapat dipasang di Blog Blogger, yaitu komentar Facebook untuk template biasa dan komentar Facebook responsive untuk template responsive. Berbicara soal template responsive maka anda dapat melihat koleksi template seo responsive ini di; template Blogger responsive terbaru.

Sebelum melakukan tutorial dibawah ini sebaiknya backup dulu template anda ( misalnya simpan semua kode template di notepad ) agar nantinya jika terjadi kesalahan atau tidak sesuai dengan keinginan maka mudah untuk dikembalikan seperti semula

Cara memasang Facebook komentar di Template Blog biasa

1. Masuk ke akun blogger.
2. Pilih menu template --> Edit HTML.
3. Cari kode (CTRL+F) ini <div class='comments' id='comments'>
4. kemudian letakkan kode di bawah ini tepat dibawah kode <div class='comments' id='comments'>

<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Comments made with Facebook'>
<img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/>
<fb:comments-count expr:href='data:post.url'/> Comments
</div>
<div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle("#blogger-comments");' title='Comments from Blogger'>
<img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments
</div>
<div class='clear'/>
</div>
<div class='comments-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == "item"'>
<div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='2' width='400'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='ID FACEBOOK KAMU' property='fb:admins'/>
<script type='text/javascript'>
function commentToggle(selectTab) {
$(".comments-tab").addClass("inactive-select-tab");
$(selectTab).removeClass("inactive-select-tab");
$(".comments-page").hide();
$(selectTab + "-page").show();
}
</script>
<style>.comments-page { background-color: #f2f2f2;}
#blogger-comments-page { padding: 0px 5px; display: none;}
.comments-tab { float: left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f2f2f2;}
.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}
.comments-tab:hover { background-color: #eeeeee;}
.inactive-select-tab { background-color: #d1d1d1;}</style>

5. Silahkan cari dan ubah kata "ID FACEBOOK KAMU" dengan id facebook kamu. Dan lihat hasilnya.

Cara memasang Facebook komentar Responsive

Untuk anda yang sudah memasang kotak komentar facebook, tutorial ini cocok kamu terapkan di blog kamu yang sudah mendukung fitur responsive. Komentar facebook responsive berikut ini adalah kotak komentar Facebook yang dibuat responsive. Hal ini di lakukan untuk mendukung bagi yang menggunakan template responsive.

Yang perlu kamu lakukan adalah menambahkan kode javascript ini:

<script type="text/javascript">
//<![CDATA[
$(window).bind("load resize", function(){
var url = location.protocol+'//'+location.host+location.pathname;
var containercm_width = $('#container-commentfb').width();
$('#container-commentfb').html('<div class="fb-comments" ' +
'data-href="'+url+'"' +
' width="' + containercm_width + '" data-num-posts="10"></div>');
FB.XFBML.parse( );
});
//]]>
</script>

Copy dan Paste kode tadi di atas kode </head>
Langkah berikutnya adalah memasang kode html. Letakan kode berikut ini dibawah kode untuk related post atau jika sobat bingung silahkan cari kode <div class='comments' id='comments'>, jika ada lebih dari 1 kode silahkan coba satu persatu. Kode FB Komennya seperti ini:

<b:if cond="data:blog.pageType == "item"">
<h4>Post Comment</h4>
<div id='fb-root'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div id='container-commentfb' style='width: 100%'><fb:comments expr:href='data:post.url' num_posts='5' width='500'/></div>
</b:if>

Jika bingung, hapus semua kode Facebook komen yang ada di blog kamu, lalu di ganti dengan kode yang sudah seocips berikan diatas.

Cara Memasang Facebook komentar Bag.3

Ok langsung saja berikut langkah-langkahnya;

1. Dashboard >> Template >>Edit HTML
2. Cari (CRTL+F) kode <body>
3. Copy kode berikut ini dan simpan (paste) di bawah kode <body>

<div id='fb-root'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>

4. Copy kode berikut ini dan simpan (Paste) tepat di bawah kode <div class='comments' id='comments'>. Jika ada lebih dari 1 kode di tempalte blog Anda, simpan di bawah kode yang kedua atau dicoba satu persatu

<b:if cond='data:blog.pageType == "item"'>
<div style='margin-top:20px'>
<div class='fb-comments' data-num-posts='5' data-width='600' expr:data-href='data:blog.url'/>
</div>
</b:if>

NOte:
Angka 600 adalah lebar kotak komentar Facebook. Sesuaikan dengan lebar text area blog Anda.
5. Save Template dan selesai.

Bagaimana sobat mudah bukan?, memang cara memasang komentar facebook di template blog ada bermacam-macam kodenya, tinggal sesuaikan saja dengan template blog yang anda gunakan. Semoga tutorial cara memasang komentar facebook dan komentar facebook responsive ini mudah di pahami, dan selamat mencoba.

Test Footer