Alroud Blog

Home » Posts filed under Blogging

Alroud Blog |

Sudah memasang sistem komentar dari google plus. Sistem komentar dari google ini tidak sama dengan sistem komentar yang dari blogger atau default blogger. Sistem komentar ini memiliki tampilan yang keren dan menarik. Ketika kita berkomentar dengan sistem komentar google plus ini kita tinggal login dan pribadi berkomentar alasannya tampilannya yang sederhana maka akan memudahkan dalam berkomentar.

Sistem juga akan menampilkan interaksi sosial yang dilakukan di Google Plus.Google+ Commenting. Google plus comments ialah alternatif dari sistem komentar standar yang ditawarkan oleh Blogger. Sebelum memasangnya di blog anda mungkin anda perlu mengetahui kelebihan dan kekurangannya

Kelebihan dan Kekurangan dari Sistem Mengomentari Google+

Kelebihan

Lihat semua diskusi perihal Blog Anda sekaligus - Bila seseorang membagikan pos Anda di Google+ , itu akan muncul di Komentar Google Plus. Setiap tanggapan yang dilakukan pada Google Plus Shares ini akan masuk ke blog.

Pilihan untuk berkomentar secara publik atau pribadi terhadap Lingkaran mereka - Sistem komentar Google+ memungkinkan pembaca untuk berkomentar secara publik atau pribadi terhadap Lingkaran mereka di Google+.

Melihat Komentar - Pembaca dapat memilih untuk melihat semua komentar , atau hanya komentar teratas atau komentar orang-orang di bulat mereka

Terlihat lebih baik - Sistem komentar gres benar-benar bersih dan terlihat jauh lebih baik daripada default Blogger.

Kekurangan

Harus Punya Akun Google+ - Untuk memberi komentar di blog Anda , pembaca harus memiliki Akun Google. Jika mereka tidak memilikinya , mereka akan dipaksa membuat akun Google sebelum mereka dapat mengomentari Blog Anda. Pemberitahu tidak akan lagi menerima opsi untuk masuk menggunakan OpenID , atau memberi komentar secara anonim.

Opsi Moderasi - Saat ini , Blogger default memiliki opsi untuk menyetujui dan menolak komentar yang tidak akan Anda temukan di Sistem yang baru. Tanpa mekanisme moderasi yang sempurna , akan lebih sulit menghadapi spammer.

Cara Memasang Sistem Komentar Google+

1. Silakan masuk ke blogger dan pilih blog yang akan dipasang sistem komentar google+

2. Klik Setelah → Postingan ,komentar ,dan berbagi. Silakan scroll down...

3. Pada bab Komentar Google+ ,ubah dari Tidak menjadi Ya untuk mengaktifkan sistem komentar Google+ (Lihat gambar dibawah)

4. klik Simpan.

Sekarang coba lihat blog sahabat apa komentar google plusnya sudah muncul di blog anda. Jika sudah kita akhiri artikel ini. Cukup sekian artikel ini agar mampu membantu dan bermanfaat.

Anonymous 11:54 PM CB Blogger Indonesia

Cara Mengaktifkan/Memasang Google Plus Comments Di Blogger - Kelebihan dan Kekurangan

11:54 PM

Alroud Blog |

Tag heading sangat penting dalam dunia SEO blog. Tag heading merupakan tag yang digunakan untuk mengatur prioritas konten dalam dokumen html. HTML. Ada 6 tag pos - H1 (yang paling penting) ke H6 (yang penting). Diantara enam tag tersebut , tag H1 yakni tag yang paling penting diikuti oleh H2 , H3 dan seterusnya. Secara default Blogger menggunakan tag H1 untuk judul blog , H3 untuk judul posting dan H2 untuk judul sidebar.

Cara Optimasi Penggunaan Tag Heading H1 ,H2 ,H3 Di Blogger

Penggunaan tag heading yang benar sangat besar lengan berkuasa terhadap SEO. Anda pasti pernah berfikir kenapa tidak memperbesar font dan menebalkan font untuk mengatur prioritas konten. Jika menggunakan cara tersebut maka tidak ada pengaruhnya dengan SEO. Bisa dilihat disetiap artikel yang gua buat gua selalu membuat artikel dengan tag h2 dan h3 dipostingan. Bisa anda lihat dengan inspect elemen.

Optimasi Tag Heading Di Template Blog

Tag heading harus diberikan ke judul berdasarkan prioritas mereka. Judul yang paling penting pada halaman harus kita bungkus dalam tag H1. Untuk halaman posting , judul yang paling penting akan menjadi judul entri blog. Nama Blog dan judul sidebar tidak sepenting judul posting. Penggunaan tag heading sebaiknya digunakan dengan baik ,atau malah akan berdampak buruk terhadap SEO. Bagaimana cara menggunakan tag heading?

Secara default , homepage Blogger menggunakan distribusi tag di bawah ini 👇

< H1 > Judul Blog Anda </ h1 >
< H3 > Judul pos pertama </ h3 >
< H3 > Judul pos kedua </ h3 >
< H2 > Judul Gadget Sidebar </ h2 >

Judul Gadget Sidebar tidak sepenting judul posting. Makara akan diatur ulang tag ini menjadi 👇

< H1 > Judul Blog </ h1 >
< H2 > judul posting pertama </ h2 >
< H2 > judul posting kedua </ h2 >
< H4 > Judul Gadget Sidebar </ h4 >

Secara default , halaman posting Blogger menggunakan distribusi judul di bawah ini 👇
< H1 > Judul Blog </ h1 >
< H3 > Judul pos </ h3 >
< H2 > Judul Gadget Sidebar </ h2 >

Tapi akan diaturnya kembali menjadi 👇

< H2 > Judul Blog </ h2 >
< H1 > Judul posting </ h1 >
< H4 > Judul Gadget Sidebar </ h4 >

Pengaturan heading tag template diatas hanya ditujukan untuk template yang belum dioptimasi tag headingnya ,seperti template bawaan blogger. Tapi untuk template premium atau template yang sudah dioptimasi tidak perlu menggunakan cara diatas.

Ubah tag heading di template anda sesuai dengan aturan diatas semoga menjadi SEO. Jika anda sudah mengatur tag heading di template. Maka anda perlu meningkatkan secara optimal juga tag heading di postingan. Bagi anda pengguna blogger sudah disedikan fitur untuk memudahkan dalam menggunakan heading tag.

Anonymous 11:54 PM CB Blogger Indonesia

Cara Optimasi Penggunaan Tag Heading H1H2H3 Di Blogger

11:54 PM

Cara Membuat Widget Kalender Keren Di Blogspot

11:54 AM

Cara Memasang Widget Jam/Clock Di Blog Keren - Jam Analog/Digital

11:54 PM

Cara Menghilangkan Ikon Tang & Obeng [Quick Edit Widget] Di Blog

11:54 AM

Cara Menghapus dan Menghilangkan Atribusi Blogger - Menyembunyikan Atribusi Di Blog

11:54 PM

Alroud Blog |

Sepenting apakah gambar itu? Gambar sangat penting gan supaya artikel anda lebih menarik dan bukan hanya sebuah goresan pena yang mungkin mampu membuat pembaca jenuh. Selain penting untuk memperindah artikel gambar ternyata juga pengaruh dalam mencari trafik. Karena gambar yang SEO akan membuat blog anda ramai pengunjung.

Anda pernah mencoba google search image atau pencarian gambar. Tentu jikalau gambar tidak SEO tidak bakalan muncul di page one ketika dicari di google search image. Walaupun artikel yang memuat gambar tersebut berada dipage one. Jika gambar anda muncul di google search image maka tentu akan meningkatkan trafik blog anda. Ada juga pengguna yang menggunakan google search image untuk mencari artikel yang dicari berdasarkan gambar.

Mengoptimasi gambar biar seo dan muncul dipencarian google secara otomatis. Dengan menambahkan title tag atau deskripsi gambar maka gambar mampu muncul di google page one halaman pertama. Secara otomatis.

Membuat gambar menjadi SEO ini sangatlah mudah anda hanya perlu menambahkan title tag dan alt tag di gambar. Title tag anda isi sesuai dengan judul artikel sedangkan alt tag anda isi dengan deskripsi gambar. Untuk cara menambahkan title tag dan alt tag gambar anda mampu baca artikel berikut Cara Membuat Gambar Menjadi SEO Friendly

Cara ini sangat merepotkan sebab anda harus menambahkan title tag dan alt tag untuk setiap gambar. Nah bagaimana untuk postingan lama sedangkan anda gres membaca artikel yang saya buat ini tentu anda harus mengedit artikel lama untuk menambahkan title tag dan alt tag. Tenang ada cara sederhananya dan otomatisnya.

Cara Optimasi Gambar Agar SEO Otomatis

Dengan cara ini maka anda tidak perlu menambahkan alt tag dan title tag gambar secara manual untuk setiap gambar. Alt tag dan title tag akan ditambahkan secara otomatis disetiap gambar. Kaprikornus untuk postingan lama anda tidak perlu khawatir. Tapi untuk postingan selanjutnya silakan tambahkan secara manual. Karena title tag akan ditambahkan sesuai judul artikel jadi mungkin tidak sesaui dengan gambarnya. Berikut ini caranya :

1. Silakan buka Blogger , pilih Template → Edit HTML

2. Salin instruksi dibawah ini dan letakkan/pastekan diatas instruksi </body>

<script type='text/javascript'> //<![CDATA[ $(document).ready(function() { $('img').each(function(){ var $img = $(this); var filename = $img.attr('src') $img.attr('alt' , filename.substring((filename.lastIndexOf('/'))+1 , filename.lastIndexOf('.'))); }); }); //]]> </script> <script type='text/javascript'> //<![CDATA[ $(document).ready(function() { $('img').each(function(){ var $img = $(this); var filename = $img.attr('src') $img.attr('title' , filename.substring((filename.lastIndexOf('/'))+1 , filename.lastIndexOf('.'))); }); }); //]]> </script> <script type='text/javascript'> //<![CDATA[ var scrollTimer = null; $(window).scroll(function() {    var viewportHeight = $(this).height() ,        scrollbarHeight = viewportHeight / $(document).height() * viewportHeight ,        progress = $(this).scrollTop() / ($(document).height() - viewportHeight) ,        distance = progress * (viewportHeight - scrollbarHeight) + scrollbarHeight / 2 - $('#scroll').height() / 2;     $('#scroll')         .css('top' , distance)         .text(' (' + Math.round(progress * 100) + '%)')         .fadeIn(100);     if (scrollTimer !== null) {         clearTimeout(scrollTimer);     }     scrollTimer = setTimeout(function() {         $('#scroll').fadeOut();     } , 1500); }); //]]> </script>

3. Simpan template.

Selesai ,itu beliau tutorial cara meningkatkan secara optimal gambar supaya lebih seo secara otomatis. Semoga mampu membantu dan bermanfaat.

Anonymous 11:54 AM CB Blogger Indonesia

Cara Optimasi Gambar Artikel Supaya SEO Secara Otomatis

11:54 AM

Alroud Blog |

Tertarik memasang 2 kotak komentar di blog anda. Kotak komentar facebook mampu menjadi salah satunya pilihan untuk dipasang di blog anda. Karena banyaknya pengguna facebook sehingga memudahkan dalam berkomentar tanpa harus login atau bahkan membuat akun lainnya. Makara pengunjung blog anda tidak perlu direpotkan untuk login untuk berkomentar.

Membuat dan memasang kotak komentar facebook dan blogger ,memasang 2 sistem komentar supaya pengunjung mampu memilih sistem komentar mana yang ingin dipakai untuk berkomentar.

Nah kali ini bukan hanya kotak komentar facebook yang akan kita pasang tetapi juga kotak komentar blogger atau kotak komentar default dari blogger. Kotak komentar dari blogger ini mampu anda atur supaya pengunjung harus login dulu biar mampu berkomentar atau tanpa login (tidak memiliki akun) mampu berkomentar. Jika anda mewajibkan pengunjung harus login maka mereka harus login dengan akun google biasanya atau akun lain.

Dengan banyaknya pengguna google tentu tidak menjadi dilema mewajibkan mereka login terlebih dahulu. Kembali ke kotak komentar facebook ,kekurangan dari kotak komentar ini yaitu jumlah komentar yang ada tidak dihitung jadi walaupun sudah ada 5 komentar dari kotak komentar facebook yang dihitung hanya dari kotak komentar deafult blogger.

Keuntungan Memasang Facebook & Blogger Comments Box

Memasang 2 kotak komentar facebook dan default blogger menunjukkan solusi bagi pengunjung yang tidak memiliki facebook mereka mampu berkomentar dengan akun google ,sebaliknya bagi pengunjung yang tidak memiliki akun google mampu berkomentar dengan facebook. Gimana tertarik untuk memasang 2 kotak komentar isi ,ikuti langkah dibawah ini.

Cara Membuat Kotak Komentar Facebook dan Blogger

Langkah 1

Masuk ke Blogger ,pilih Template → Edit HTML

Langkah 2

Salin isyarat dibawah ini dan letakkan/pastekan diatas isyarat ]]></b:skin> atau </style>

/* Komentar Facebook dan Blogger */ .komentargabungan-page ,.komentargabungan-tab{display:inline-block;background:#fafafa;color:#fff;float:left;margin:0 10px 0 0;cursor:pointer;font-weight:bold;position:relative;font-size:110%;z-index:10} .komentargabungan-page{background:rgba(255 ,255 ,255 ,1);width:100%;max-width:100%;margin:0 0 20px} #blogger-comments-page h4{display:none} #blogger-comments-page p{color:#444;} #blogger-comments-page {padding:0px 5px;display:none;} .komentargabungan-tab{background:#3b5998;padding:12px;transition:all .3s;} .komentargabungan-tab:nth-child(2) {background:#fda753;transition:all .3s;} .komentargabungan-tab:hover:nth-child(2) {background:#e1954a;} .komentargabungan-tab-icon {height:14px;width:auto;margin:0 3px} .komentargabungan-tab:hover{background-color:#324c82;} .inactive-select-tab {background:#aaa} .inactive-select-tab ,.komentargabungan-tab:hover {background-color:#324c82;}

Langkah 3

Salin isyarat dibawah ini dan letakkan diatas isyarat </body>

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

Langkah 4
Didalam template blog biasanya terdapat 2 isyarat <div class='comments' id='comments'> lalu silakan salin isyarat dibawah ini dan letakkan dibawah kedua isyarat <div class='comments' id='comments'>

<div class='komentargabungan-tab' id='fb-comments' onclick='javascript: commentToggle(&quot;#fb-comments&quot;);' title='Add Comments via Facebook'> <fb:comments-count expr:href='data:post.url'/> Komentar Facebook</div> <div class='komentargabungan-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='Add Comments via Blogger'> <data:post.numComments/> Komentar Blogger</div> <div class='clear'/> </div> <div class='komentargabungan-page' id='fb-comments-page'> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='fb-root'/> <div id='container-commentfb' style='width: 100%;'><fb:comments expr:href='data:post.url' num_posts='10' width='650'/></div> </b:if></div> <div class='comments komentargabungan-page' id='blogger-comments-page'> <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/> <script type='text/javascript'> function commentToggle(selectTab) {$(&quot;.komentargabungan-tab&quot;).addClass(&quot;inactive-select-tab&quot;);$(selectTab).removeClass(&quot;inactive-select-tab&quot;);$(&quot;.komentargabungan-page&quot;).hide();$(selectTab + &quot;-page&quot;).show();} </script>

Ingat alasannya yaitu ada 2 kode <div class='comments' id='comments'> maka letakkan isyarat diatas dibawah kedua isyarat tersebut.

Lalu simpan template.

Selesai ,lalu sekarang coba lihat blog anda apakah 2 sistem komentar blogger dan facebook sudah muncul di blog anda. Cukup sekian tutorial ini jikalau ada pertanyaan pribadi saja tanyakan dikolom komentar. Semoga bermanfaat.

Anonymous 11:54 PM CB Blogger Indonesia