Cara Mengatur Ukuran Kotak Komentar Blog

Bangiz - Komentar pada sebuah blog atau website merupakan salah satu cara untuk berinteraksi antara pengelola blog dengan pengunjung perihal topik yang dibahas. Buat pengguna platform Blogger khususnya, tersedia beberapa jenis akun ID yang bisa digunakan, tergantung pengaturan dari pengelola. Misalnya saja pengunjung bisa berkomentar menggunakan akun Blogger, Google, Nama/URL, OpenID (LiveJournal, WordPress, TypePad, AIM), atau Anonim. Jika tertarik, Anda juga bisa menggunakan komentar Blogger dan Facebook, baca Cara Membuat Komentar Blogger dan Facebook Berdampingan.

Mengatur kotak komentar

Jika pengaturan komentar blog secara 'tersemat', maka secara default akan terlihat ruang atau jarak yang lumayan jauh. Sehingga terlihat kurang sedap dipandang, tapi jika Anda suka dengan adanya ruang tersebut tentunya tidak masalah. Lain halnya jika Anda ingin sedikit merapihkan dengan mengurangi jarak tersebut, di bawah ini adalah solusinya yaitu dengan mengatur ukuran kotak komentar.

1. Masuk ke Dasbor Blogger,

2. Pilih menu Template,
3. Pilih Edit HTML,
4. Gunakan Ctrl+F lalu ketik 410 atau bisa juga menggunakan salah satu kode berikut, lalu tekan Enter,

    Kode 1

<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>

    Kode 2

<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>

5. Jika Anda sudah menemukan kodenya, selanjutnya tinggal ganti semua angka 410 dengan angka yang lebih kecil nilainya, misalnya 200, 300, 250, atau disesuaikan dengan keinginan Anda.
6. Klik Simpan Template, untuk menyimpan perubahannya,
7. Untuk melihat hasilnya lihat blog Anda, jika belum sesuai tinggal ganti lagi nilainya.

Sekian tips blogging kali ini tentang mengatur jarak atau tinggi dari kotak komentar pada Blogger melalui edit HTML. Apabila ada kesulitan silahkan tinggalkan komentar Anda. Lihat juga: Cara menyembunyikan Kotak Komentar Blog

Cara Menghilangkan Attribution Blogger

Bangiz - Attribution Blogger pada sebuah template bawaan Blogger biasanya berisi tentang pembuat template tersebut, serta link yang menyebutkan diberdayakan oleh Blogger. Attribution atau atribusi pada blog terletak di bagian bawah template, Anda bisa memodifikasi tampilan tersebut atau bisa juga menyembunyikan maupun menghilangkannya jika memang kurang berkenan dengan tampilan default. Semua tergantung selera dan kebutuhan tentunya.

Berikut akan admin bagikan tips blogging tentang cara menyembunyikan tulisan tersebut dengan menggunakan CSS dan cara menghapusnya sehingga tidak muncul. Selengkapnya langsung ikuti saja cara-caranya berikut ini:

Menghapus attribution Blogger

Cara Menyembunyikan Attribution Pada Blog

1. Login ke Blogger > Pilih blog Anda

2. Pilih template > Edit HTML
 

3. Cari kode ]]></b:skin> untuk mempermudah gunakan Ctrl+F 

]]></b:skin>

4. Masukkan code css dibawah ini diatas kode ]]></b:skin>

#Attribution1 {

height:0px;

visibility:hidden;

display:none 

} 

5. Save Template dan lihat hasilnya pada blog Anda.

Cara Menghapus Attribution Pada Blog

Selain menggunakan CSS seperti diatas, Anda bisa menghapusnya langsung melalui kode HTML template. Caranya cari Widget Attribution, biar cepat bisa gunakan menu dropdown yang ada dalam mode edit HTML lalu hapus kodenya yang kurang lebih seperti ini:

<b:widget id='Attribution1' locked='true' title='' type='Attribution' visible='true'>
          <b:includable id='main'>
    <b:if cond='data:feedbackSurveyLink'>
      <div class='mobile-survey-link' style='text-align: center;'>
        <data:feedbackSurveyLink/>
      </div>
    </b:if>

    <div class='widget-content' style='text-align: center;'>
      <b:if cond='data:attribution != &quot;&quot;'>
       <data:attribution/>
      </b:if>
    </div>

    <b:include name='quickedit'/>
  </b:includable>
        </b:widget>

Cara menghapus attribution di blog

Itulah dua cara untuk menghilangkan widget attribution pada Blogger. Jika Anda terbantu dengan artikel ini, mungkin teman-teman Blogger lainnya juga bisa ikut terbantu. Silahkan share tulisan ini melalui sosial media, dan jangan lupa ikuti +Bangiz untuk mendapatkan tips dan trik lainnya.

Silahkan baca juga yang lainnya:

Cara Menambahkan HTML/Javascript di Blog
Cara Menambahkan Link di Widget Attribution
Cara Membuat Daftar isi / Sitemap Di Halaman Blog
Cara Membuat Fans Page Facebook Auto Hidden
Cara Membuat Halaman di FB / Facebook
Cara Membuat Anti Copas (Copy-Paste)
Cara Membuat Arsip Blog dengan Scroll

Cara Membuat Widget Sosial Media Animasi Berputar

Bangiz - Jika anda sedang mempercantik blog atau website yang Anda punya, rasanya belum lengkap kalau tidak menyertakan tombol sosial media. Karena sosial media ini merupakan salah satu jalan untuk memperkenalkan blog atau tulisan di dalamnya ke khalayak ramai. Apalagi saat ini banyak sekali sosial media yang bisa kita gunakan. Setelah sebelumnya admin pernah posting yang lucu juga romantis, kali ini saya akan memberi tahu cara membuat widget sosial network yang bisa berputar jika di sentuh kursor. Oke langsung saja ikuti caranya berikut ini:

Sosial media

Anda hanya perlu menambahkan kode CSS berikut ini. Jika belum tahu cara menambahkan kode HTML/Javascript, silahkan baca Cara Menambahkan Kode HTML/JavaScript. 

<style>
p#bangiz_getyourinspiration img {
 /* Social Share Widget By http://bangiz.blogspot.com */
    -moz-transition: all 0.9s ease-in-out;
    -webkit-transition: all 0.9s ease-in-out;
    -o-transition: all 0.9s ease-in-out;
    -ms-transition: all 0.9s ease-in-out;
    transition: all 0.9s ease-in-out;
}
p#bangiz_getyourinspiration img:hover {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}
/* Social Share Widget By http://bangiz.blogspot.com */
</style>
<center><p id="bangiz_getyourinspiration">
<a href="http://www.facebook.com/markudes"' target='_blank'><img border="0" src="http://1.bp.blogspot.com/-pfdCr67N0vY/URV01_6rbJI/AAAAAAAACVg/n_vDeB55BIE/s000/facebook.png' title='Facebook" /></a>
<a href="http://twitter.com/akunAnda"' target='_blank'><img border="0" src="http://4.bp.blogspot.com/-UHTXhLlnAM4/URV01PYeT8I/AAAAAAAACVY/GNfBcx1tgsY/s000/twitter.png' title='Twitter" /></a>
<a href="https://plus.google.com/u/0/116854867169638500872"' target='_blank'><img border="0" src="http://3.bp.blogspot.com/-lodPYWKzSs8/URV02Sr-jWI/AAAAAAAACVo/oAhkSrXW_qU/s000/gplus.png' title='Google Plus" /></a>
<a href="http://www.linkedin.com/akunAnda"' target='_blank'><img border="0" src="http://3.bp.blogspot.com/-_aFcLmXOmWA/URV02yUDxCI/AAAAAAAACVw/iKGHV_pzIVU/s000/linkedin.png' title='LinkedIn" /></a>  
<a href="http://feeds.feedburner.com/akunAnda"' target='_blank'><img border="0" src="http://4.bp.blogspot.com/-DG0bPhhycRU/URV03kQ819I/AAAAAAAACV0/PPkxhtfMJZI/s000/rss.png" title='FeedBurner" /></a>  
<a href="http://feedburner.google.com/fb/a/mailverify?uri=akunAnda"' target='_blank'><img border="0" src="http://4.bp.blogspot.com/-xYeZT1Ckroo/URV04QBRScI/AAAAAAAACV8/Mzc6lTDySpQ/s000/email.png' title='Email" /></a></p></center>

Keterangan: Silahkan ganti yang berwarna pink dengan alamat URL akun Anda. Adapun yang berwarna biru adalah jenis sosial media yang akan ditampilkan. Jika ingin menghilangkan salah satu sosial medianya, hapus kode berikut:

<a href="http://www.linkedin.com/akunAnda"' target='_blank'><img border="0" src="http://3.bp.blogspot.com/-_aFcLmXOmWA/URV02yUDxCI/AAAAAAAACVw/iKGHV_pzIVU/s000/linkedin.png' title='LinkedIn" /></a>

Jangan lupa di simpan dan lihat hasilnya.

Itulah cara membuat widget sosial media dengan efek animasi berputar. Berbagi itu indah, jadi silahkan berbagi kepada teman-teman sosmed Anda dan jangan lupa follow +Bangiz  untuk mendapatkan update terbaru. Happy blogging!!! 

Cara Agar Gambar Terindex Google

Bangiz - Gambar selain untuk mempercantik tampilan blog atau situs web, juga berguna untuk mendatangkan lalu lintas ke blog kita melalui gambar. Supaya gambar bisa cepat terindex oleh robot Google, tentunya membutuhkan sebuah teknik SEO yang berhubungan dengan gambar. Supaya gambar yang ada di postingan kita bisa terindex oleh Google maka ada baiknya Anda mengetahui cara-caranya. 

Adapun yang akan dibahas kali ini ada dua cara supaya gambar terindex oleh search engine khususnya mesin pencari Google. Apabila penasaran, langsung saja pada pokok pembahasannya berikut ini:

Image Alt tag

Cara Pertama:

1. Masuk ke Dasbor Blogger > Template > Edit HTML
2. Cari kode </body> (gunakan Ctrl + F untuk memudahkan)
3. Copy kode di bawah dan Paste sebelum/di atas kode </body>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js' type='text/javascript'/>
<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>

4. Simpan Template dan selesai.

Keterangan: Apabila kode yang berwarna merah sudah ada pada template Anda, maka tidak perlu ditambahkan lagi.

Cara kedua:

1. Masuk Dasbor blogger > Pilih blog > Buat entri baru
2. Insert image > kalau sudah muncul klik gambar 
3. Pilih Properties > Setelah muncul Image Properties silahkan isi:

Image Properties

--> TITLE text isi dengan judul atau kata kunci. TITLE text biasanya muncul kalau kursor mouse berada di area gambar.

--> ALT text isi sama seperti text sebelumnya. ALT text digunakan oleh search engine, biasanya muncul kalau gambar tidak dapat ditampilkan karena loading.

Dalam pengaturan kedua, Anda juga bisa melengkapi gambar yang sudah ada sebelumnya atau sudah dipublikasikan dengan menambahkan title text dan alt text. Itulah tips blogging dari +Bangiz, nantikan tips dan trik lainnya.  

Cara Menambahkan HTML/Javascript di Blog

Bangiz - HTML/JavaScript merupakan sebuah bahasa pemrograman yang berguna dalam membangun sebuah halaman web, menampilkan berbagai informasi di sebuah penjelajahan web internet. Buat Anda pengguna platform Blogger khususnya pasti akan mengenal tentang widget, dimana kita bisa menambahkan kode-kode HTML/JavaScript.

Baca juga: 10 Bahasa Pemrograman Populer di Dunia

Tutorial admin kali ini untuk Anda yang baru memulai atau mengenal blog, untuk yang sudah senior tentunya sudah di luar kepala. Gadget HTML/Javascript pada blog ini berfungsi untuk menambahkan fungsional pihak ketiga atau kode lainnya ke blog. Seperti mau manambahkan iklan, plugin facebook, widget komentar, konten populer, konten terbaru, dan sebagainya. Untuk lebih jelasnya langsung ikuti saja lengkapnya berikut ini:

1. Login ke Dasbor Blogger

2. Pilih Nama blog Anda (jika memiliki beberapa blog)

3. Pilih Tata Letak

4. Pilih Tambahkan Gadget

5. Scroll mouse ke bawah dan temukan HTML/Javascript

HTML/Javascript

6. Paste code HTML/Javascript yang Anda miliki pada kolom konten yang tersedia, bila perlu beri judul yang sesuai.

7. Klik Simpan

8. Atur Tata Letaknya, dimana kode tersebut akan disimpan, sidebar, footer atau lainnya.

9. Klik Simpan Perubahan 

10. Lihat hasilnya pada blog Anda

Sekian tutorial tentang cara menambahkan HTML/Javascript pada blog, blogspot atau blogger, jika ada yang mau ditanyakan seputar topik di atas silahkan tinggalkan komentar. Silahkan ikuti +Bangiz untuk mendapatkan tips blogging terbaru.

Cara Mengganti Kursor Blog Menjadi Keren

Bangiz - Hai,, mungkin ini adalah artikel yang Anda cari, mudah-mudahan bisa membantu. Setelah admin pernah share tentang cara memasang burung twitter di blog, kali ini saya akan share bagaimana caranya merubah tampilan kursor yang ada di blog Anda. Dengan merubah/mengganti tampilan kursor, tentu akan menambah blog Anda jadi lebih menarik. Caranya mudah saja, tinggal ikuti saja cara-caranya berikut ini.

Mengganti kursor

1. Silahkan kunjungi cursors-4u.com
  

2. Pilih salah satu kursor yang menarik menurut Anda. Disana banyak sekali  kategorinya lalu klik gambarnya.

Pilih kursor

3. Kalau sudah, cari tulisan Blogger/Blogspot. Pilih sesuai dengan tampilan blogger Anda, lama atau baru lalu Copy codenya.

Dapatkan kode

Langkah selanjutnya: 

4. Masuk ke Dasbor Blogger > Template > Edit HTML

5. Paste code tadi di bagian bawah sebelum kode </HTML>

6. Simpan Template dan lihat hasilnya.

Itulah cara mengganti atau merubah tampilan kursor pada blog Anda supaya terlihat lebih menarik versi +Bangiz. Nantikan tips dan trik blogging lainnya. 

 <<------ Selamat Mencoba ------>>

Silahkan baca juga yang lainnya:
 
Cara Menghilangkan Icon Obeng dan Kunci pada Blog
Membuat Entri Populer Gambar Animasi Berputar
Cara Membuat Navigasi Halaman dengan Angka
Cara Membuat Fans Page Facebook Auto Hidden
Cara Memasang Kamera CCTV Animasi di blog
Cara Memasang / Menambah Emotion di Komentar