Memperindah Tampilan Blog Dengan Link Berkilau Yang Cantik

Coba sobat blogger perhatikan gambar di bawah ini. Teks yang terdapat di gambar adalah sebuah link. Link tersebut terlihat seperti sebuah berlian yang berkilau. Link akan memancarkan kilaunya jika cursor diarahkan atau membayangi link itu. Kilauan link ini, terkadang terlihat seperti bintang yang berkedap kedip, terlihat indah dan menakjubkan.

link,link blogger,link blog,link blogspot.beautiful link,link cantik,link keren,lenk sites,link bintang,link star,link berkilau

Buat sobat blogger yang memiliki template warna gelap seperti hitam, biru, merah, coklat dan warna gelap lainnya, sebaiknya langsung memasang kode CSS yang sudah saya simpan di dalam Blogger Widget Generator ini.

Cara Memasang Link Berkilau Di Blogger

  • Sign In di blogger.com
  • Setelah itu, klik tombol warna biru yang ada di bawah ini.
  • Terakhir, klik tombol add a gadget

  • Secara otomatis, link berkilau akan langsung tersimpan di blog sobat.

Link berkilau ini tidak terlihat bagus pada blog yang background utamanya berwarna cerah seperi putih dan warna terang lainnya.

Cara Menghilangkan Kotak Komentar Yang Terdapat Di Bawah Posting Blog

Kotak komentar yang terdapat di blog merupakan salah satu media interaksi antara pemilik blog dengan pengunjung blog yang datang. Dengan adanya kotak komentar pengunjung dapat memberikan tangapannya terhadap posting yang sudah di baca baik itu berupa saran, kritikan, atau pertanyaan. Kolom komentar tidak hanya di mamfaatkan untuk hal-hal yang saya sebutkan di atas, tetapi juga dimamfaatkan untuk menjalin silaturahmi antara pemilik blog yang satu dengan pemilik blog yang lain.

Rasulullah Saw bersabda :

مَنْ أحَبَّ أنْ يُبْسَطَ لَهُ فِي رِزْقِهِ وَ يُنْسَأ لَهُ فِي أثَرِهِ فَلْيَصِلْ رَحِمَه (متفق عليه)

Barangsiapa yang senang diluaskan rizkinya dan dipanjangkan umurnya (diberkahi), maka hendaklah ia bersilaturrahmi (Muttafaq 'Alaih).

Tapi sangat disayangkan, saat ini banyak blogger yang memamfaatkan kotak komentar untuk melakukan Spamming (Meninggalkan link di pesan yang ditinggalkan). Oleh karena itu, banyak blogger yang me-nonaktif-kan atau men-disable kotak komentar mereka.

Cara Membuat Kotak Komentar Disable atau Non Aktif

  1. Masuk ke akun blogger sobat
  2. Pada menu drop down, pilih settings. Klik gambar di bawah ini untuk memperbesar ukurannya!
  3. Setting kotak komentar,kotak komentar,kolom komentar
  4. Selanjutnya, pilih Post and Comments
  5. Lihat menu yang terdapat disana! Pada Comment Location, terdapat 4 pilihan. Sobat blogger harus memilih Hide (Sembunyikan)
  6. Kemudian klik Save Settings.
Proses menghilangkan kolom atau kotak komentar sudah selesai. Open one of your post and look at the result!

Mencari Keyword Sebelum Mempublikasikan Postingan Blog

Selama sobat blogger menulis posting, apakah sobat blogger asal menulis saja, tanpa menyusupkan kata kunci pada setiap posting sobat blogger? Emang, seberapa penting Keyword atau kata kunci dalam sebuah posting? Jawabannya sederhana sekali yaitu "Sangat Penting" karena semakin relevan kata kunci dengan posting blog kita, maka hasil yang akan sobat blogger peroleh untuk search query di hasil penelusuran Google cenderung semakin lebih baik.

Salah satu alat yang disediakan oleh Google untuk mencari kata kunci yang sesuai dengan blog atau situs kita adalah "Google Adwords". Google Adwords adalah Alat Kata Kunci/Keyword untuk mengidentifikasi ide kata kunci dengan volume penelusuran yang tinggi berdasarkan negara tertentu atau berdasarkan semua negara, lalu Google Adwords membuatkan dan menampilkan daftar kata kunci itu dalam sebuah daftar.

google adwords,adwords,alat kata kunci,keywords tools,keywords,kata kunci,penggunaan kata kunci,penggunaan keywords


Cara menggunakan Tools Google Adwords
  1. Kunjungi laman AdWords melalui link berikut : https://adwords.google.co.id
  2. Masukkan kata atau frasa pada kolom pertama dan alamat situs web di bagian kolom kedua.
  3. Ketik karakter yang muncul pada gambar yang tersedia.
  4. Klik tombol Telusuri. Selanjutnya, hasil akan muncul dalam tabel

Peringatan :
Keywords yang berlebihan dalam satu posting dapat membuat posting sobat tidak di index oleh Google, jadi sebaiknya sobat blogger menggunakan keyword yang sewajarnya.

Mengatasi Duplicate Meta Descriptions Dan Title Tags Dengan Meta Tag Dinamis

Duplicate meta descriptions dan Duplicate title tags (Duplikasi deskripsi meta dan Duplikasi tag judul) adalah masalah yang sering muncul di blogger blog. Masalah tersebut dapat kita lihat di laman Google Webmaster Tools di bagian Optimization di HTML Improvements/ Perkembangan HTML. Duplicate meta descriptions dan Duplicate title tags sangat berpengaruh terhadap kinerja situs/blog di hasil penelusuran search engine seperti Bing dan Google karenanya banyak blogger yang Frustasi ketika tidak dapat memecahkan masalah tersebut.

Cara terbaik di dalam mengatasi masalah Duplicate meta descriptions dan Duplicate title tags adalah dengan cara memasang meta tag blogger yang SEO Friendly. Meta tags yang saya maksudkan adalah meta tag Dinamis (Kalau bahasa kerennya Dynamic Meta tags Blogger).

Bagaimana cara kerja meta tag dinamis sehingga dapat mengatasi masalah Duplikasi deskripsi meta dan Duplikasi tag judul? Cara kerja Dyanamic Meta Tag dapat di lihat pada kolom di bawah ini!


Laman Home PageLaman Posting
Judul dan deskripsi blog akan menjadi meta deskripsiJudul posting dan deskripsi blog akan menjadi meta deskripsi
Judul dan keyword blog akan menjadi meta keywordJudul posting dan keyword akan menjadi meta keyword

Saya yakin, sobat blogger akan sedikit kebingungan dengan penjelasan yang ada pada kolom di atas. Akan tetapi, ketika sobat blogger sudah menerapkan dynamic meta tag di blog sobat, kemudian sobat blogger melakukan view source melalui Google Chrome atau Firefox, kebingungan itu dengan sendirinya akan hilang.

Cara Memasang Meta Tag Dinamis Di Blogger

  • Login ke blogger.com
  • Pada menu drop down, pilih template
  • Backup template sobat terlebih dahulu
  • Klik tombol Edit HTML dan klik Proceed
  • Copy paste kode berikut tepat di atas kode <b:skin><![CDATA[
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<meta expr:content='data:blog.pageTitle + &quot;-DESKRIPSI BLOG SOBAT DISINI&quot;' name='description'/>
<meta expr:content='data:blog.pageTitle + &quot;,KEYWORD BLOG SOBAT DISINI&quot;' name='keywords'/>
<b:else/>
<meta expr:content='data:blog.pageName + &quot;-DESKRIPSI BLOG SOBAT DISINI&quot;' name='description'/>
<meta expr:content='data:blog.pageName + &quot;,KEYWORD BLOG SOBAT DISINI&quot;' name='keywords'/>
</b:if>
<meta content='index, follow' name='robots'/>
  • Terakhir, klik Save

Keterangan :
Ganti yang warna merah dengan Deskripsi dan Keyword blog sobat. Ingat... Terdapat dua kali pengulangan deskripsi dan keyword pada kode meta tag di atas.

Biasanya, Google akan mengindex perubahan meta tag kita setelah 2 atau 3 minggu. Jadi, silahkan sobat blogger memeriksa secara berkala laman Webmaster Tools untuk melihat perubahan data blog kita di HTML Improvements.

Dampak Buruk Memasang Komentar Google+ Di Blog

Mamfaat dan Cara Mengaktifkan Komentar Google Plus Di Blogger adalah posting yang saya publikasikan dua hari yang lalu. Sekarang, saya akan memberikan sedikit gambaran tentang kekurangan atau dampak negatif komentar Google+ yang dirilis oleh Google bulan April ini. Saya merasa dituntut untuk menerbitkan posting ini supaya sobat blogger tidak asal mengaktifkannya.

Mengaktifkan komentar Google+ di blog berarti secara tidak langsung kita sudah me-nonaktif-kan komentar default blogger. Seperti yang kita tahu bersama, komentar default blogger memiliki banyak mamfaat diantaranya :
  1. Kita dapat mengetahui jumlah komentar yang masuk ke blog kita
  2. Kita dapat melihat komentar yang masuk ke dalam kategori Spamm
  3. Kita dapat melihat komentar yang menunggu moderasi dari kita.
Kalau kita memasang komentar Google Plus di blog maka Tab Komentar yang terdapat di laman dashboard blogger terhapus sehingga pesan pembaharuan yang terdapat pada laman Ikhtisar blogger hanya menampilkan "Penayangan hari ini » Pos » Pengikut". Untuk lebih jelasnya, perhatikan screenshot yang yang saya ambil di bawah ini!

blogger dasboard,laman blogger,komentar blogger,moderasi komentar,komentar terbit,Kelemahan Komentar Google+,jumlah komentar,comentar,google+ comments,comments

Jadi... Dampak buruk komentar Google Plus adalah :
  1. Kita TIDAK dapat mengetahui jumlah komentar yang masuk ke blog kita.
  2. Kita TIDAK dapat melihat komentar yang masuk ke dalam kategori Spamm.
  3. Kita TIDAK dapat melihat komentar yang menunggu moderasi dari kita.
  4. TIDAK ada pemberitahuan tentang komentar yang menunggu moderasi
  5. TIDAK ada pemberitahuan tentang komentar yang diterbitkan
  6. Orang lain TIDAK dapat memberikan komentar menggunakan akun di luar akun Google.

Pesan saya : berpikirlah dua kali sebelum memasang komentar Google+ di blogger blog.

Cara Membuat Menu Bar Cantik Plus Kotak Pencarian

Menu bar yang berdampingan dengan search box mulai tenar di kalangan blogger Indonesia semenjak salah satu webmaster kita, Agus Ramadhani memasangnya di bawah header website miliknya. Saat ini, mungkin ada ratusan blogger yang memasang menu bar plus kotak pencarian di blog mereka. Menurut saya, banyaknya blogger yang memasang menu bar seperti itu sangatlah wajar karena menu bar yang berdampingan dengan kotak pencarian mempunyai tampilan yang sangat manis. Untuk melihatbgaimana tampilan dari menu bar yang saya jelaskan di atas, coba sobat blogger klik gambar di bawah ini untuk memperbesar ukurannya!

Menu bar,menu navigasi horizontal,menu blog,search box

Bagaimana pendapat sobat blogger tentang menu bar di atas? Manis bukan? Menu bar ini bisa sobat blogger modifikasi sesuai dengan keinginan sobat blogger sehingga setiap menu memiliki sub menu (Bercabang).

Cara Memasang Menu Bar Plus Kotak Pencarian Di Blog

  • Sign In di blogger.com
  • Pada Menu Drop Down, sobat pilih Template
  • Kemudian klik tombol "Edit HTML" dan Klik Proceed
  • Kasih tanda centang pada Expand Widget Template.
  • Copy Paste kode berikut tepat di atas kode ]]></b:skin>
#menubar{
width:920px;
height:38px;
background:#222;
border-radius:2px;
float:center;
margin:0px auto;
}
#menubar-left{
float:left;
width:720px;
padding:0 0 2px 2px;
}
#menubar-right{
float:right;
width:170px;
padding-top:8px;
padding-right:18px
}
#menubar ul{
float:left;
margin:0;
padding:0;
}
#menubar li{
float:left;
list-style:none;
margin:0;
padding:0;
}
#menubar li a, #menubar li a:link{
float:left;
padding:12px 10px;
color:#fff;
position:relative;
font-weight:bold !important;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
}
#menubar li a:hover, #menubar li a:active, #menubar .current_page_item a  {
text-decoration:none;
background:#222;
}
#menubar li li a, #menubar li li a:link, #menubar li li a:visited{
font-size: 12px;
background: #222;
color: #fff;
text-decoration:none;
width: 150px;
padding: 0px 10px;
line-height:35px;
}
#menubar li li a:hover, #menubar li li a:active {
background: #222;
}
#menubar li ul{
z-index:9999;
position:absolute;
left:-999em;
height:auto;
width:170px;
margin-top:37px;
border:1px solid #222;
border-radius:0px 0px 8px 8px;
}
#menubar li:hover ul, #menubar li li:hover ul, #menubar li li li:hover ul, #menubar li.sfhover ul, #menubar li li.sfhover ul, #menubar li li li.sfhover ul{
left:auto
}
#menubar li:hover, #menubar li.sfhover{
position:static
}
#search{
border:1px solid #222;
height:20px;
width:180px;
background:#f6f4f4;
}
#search input{
color:#777;
border:none;
}
#s-m{
font-size:11px;
width:180px;
padding-left:4px;
padding-top:5px;
margin:0;
}
#search-t #search{
background-color:#FFFFFF;
border:1px solid #222;
border-radius:4px 4px 4px 4px;
-moz-border-radius:4px 4px 4px 4px;
-khtml-border-radius:4px 4px 4px 4px;
-webkit-border-radius:4px 4px 4px 4px;
}
#search-t #s-m{
width:155px;
padding-top:3px;
}
  • Pasang kode berikut, sebelum kode <div id="content-wrapper">
<div id='menubar'>
<div id='menubar-left'>
<ul>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='http://URL-YANG-DI-TUJU.blogspot.com/'>Menu 1</a></li>
<li><a href='http://URL-YANG-DI-TUJU.blogspot.com/'>Menu 2</a></li>
<li><a href='http://URL-YANG-DI-TUJU.blogspot.com/'>Menu 3</a>
<ul>
<li><a href='http://URL-YANG-DI-TUJU.blogspot.com/'>Sub menu 1</a></li>
<li><a href='http://URL-YANG-DI-TUJU.blogspot.com/'>Sub menu 2</a></li>
</ul>
</li>
<li><a href='http://URL-YANG-DI-TUJU.blogspot.com/'>Menu 4</a></li>
<li><a href='http://URL-YANG-DI-TUJU.blogspot.com/'>Menu 5</a></li>
</ul>
</div>
<div id='menubar-right'>
<div id='search-t'>
<div id='search'>
<form action='/search' method='search' target='_blank'>
<input class='keyword' id='s-m' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Cari artikel disini..&quot;;}' onfocus='if (this.value == &quot;Cari artikel disini..&quot;) {this.value = &quot;&quot;}' type='text' value='Cari artikel disini..'/>
<input src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggfqOrS1h_CLz4dB1b7_FfG0CGYR20itOgKZU3F53y38aWBCzbJn1OH76YvuvDRuJXgrdpDeldSK9-lx-ur4Iwlr_F7YlbAe63SYoirVFaL6feTWSNmMYVxuf16fiwi7938XuGh1n_avg/s200/search-c.png' style='border: 0pt none ;vertical-align: top; padding-top:4px; padding-right:3px;' type='image'/>
</form>
</div>
</div>
</div>
</div>
  • Klik Preview terlebih dahulu. Kalau hasilnya sudah mantap, jangan lupa untuk menyimpan template sobat blogger.

Tambahan :
  1. Setiap template memiliki kode yang berbeda, jadi, jika di dalam template sobat blogger tidak terdapat kode <div id="content-wrapper"> sobat blogger bisa meletakkan kode HTML di atas sebelum kode <div id="header-wrapper"> atau <div id="outer-wrapper"> atau <div class='tabs-outer'> atau sebelum kode <div class='tabs-cap-top cap-top'>
  2. Jika sobat blogger ingin mengganti warna dari menu bar di atas, sobat blogger tinggal mencari kode #222 kemudian di ganti dengan kode warna yang sesuai dengan warna template sobat.
  3. Ganti http://URL-YANG-DI-TUJU.blogspot.com/ dengan URL blog sobat. Dan jangan lupa juga untuk mengganti "Menu" dan "Sub Menu" sesuai Title yang diinginkan.

Artikel Terkait :
  1. Beautiful Floating Vertical Menu For Blogger Blog
  2. Cara Membuat Menu Navigasi Horizontal Yang Keren Di Blog

Cara Membuat Dan Memasang Search Box Keren Di Blogger

Search Box adalah salah satu widget yang diperuntukkan buat pengunjung sehingga mereka dipermudah di dalam mengakses konten yang terdapat di dalam blog atau website kita. Hanya dengan memasukkan beberapa kata kunci ke dalam search box, pengunjung akan menemukan posting yang mereka butuhkan.

search box,kotak pencarian,search engine

Bentuk atau tampilan dari search Box ini bisa di lihat pada gambar di atas! Jika Cursor kita letakkan pada kolom yang tersedia, maka Search Box akan langsung memanjang ke kiri. Proses memanjangnya search box disebabkan oleh adanya penambahan kode CSS transition yang terdapat pada search box ini. Yang pasti, dengan memasang search box ini, performance dari blog sobat pasti tambah cool atau keren.

Cara Memasang Search Box Keren Di Blogger


  1. Kunjungi blogger.com
  2. Setelah sign in/login, klik tombol warna biru yang terdapat di bawah ini.
  3. Lalu, klik Add Widget.
  4. Secara otomatis, Search Box keren ini akan langsung terpasang di blog kesayangan sobat.

Pastikan sobat blogger meninggalkan pesan, saran atau komentar setelah memasang Search Box yang keren di atas.

Tutorial terkait dengan posting di atas :
  1. Membuat Kotak Pencarian Cantik Dengan CSS3
  2. Cara Buat Kotak Pencarian Pinterest

Mamfaat dan Cara Mengaktifkan Komentar Google Plus Di Blogger

Membaca dan menanggapi komentar dapat menjadi salah satu aspek yang paling berharga dari blogging. Oleh karena itu, mulai hari ini kita dapat menggunakan komentar Google+ di situs/blog kita. Informasi tentang Komentar Google+ (Google+ comments) ini saya peroleh setelah mengunjungi Blogger Buzz. Informasi ini secara sepontan membuat saya bahagia (Barangkali sobat blogger yang lain pun sama seperti saya) sebab Google+ comments semakin membantu saya terhubung dengan pengunjung blog saya pada khususnya dan pengguna Google Plus pada umumnya.

Google+ comments,google plus,google+

Apa mamfaat penting yang kita peroleh dengan adanya komentar Google+?
  • Kini kita dapat melihat blog kita dan komentar Google+, semua dalam satu tempat
  • Membantu pengunjung blog kita untuk berkomentar dan berhubungan dengan lingkaran (Circles) mereka.
  • Komentar Google+ semakin menambah keindahan tampilan blog kita.
  • Masih banyak lagi mamfaat-mamfaat lain dengan mengaktifkan fitur Komentar Google Plus ini.

Aktifkan Komentar Google+ untuk menggabungkan komentar pada pos sobat blogger di satu tempat, termasuk pos tentang konten sobat di Google+. Gunakan sistem pemberian komentar tunggal yang terpadu antara Blogger dan Google+.Sobat blogger pengen tahu bagaimana cara mengaktifkan fitur ini? Sangat mudah...
  1. Sign in di blogger.com
  2. Pada menu drop down pilih Google+
  3. komentar blog,komentar blogspot,komentar blogger,komentar google+,google+ Comments,Blogspot comments,blogger comments,google comments
  4. Terakhir, kasih tanda centang pada "Gunakan Google+ Komentar di blog ini?"
  5. Lihat perubahan indah yang terjadi

Cara Membuat Iklan Google Adsense Berada Di Tengah

Jika kode iklan Google Adsense yang kita dapat langsung kita copy paste ke blog, maka posisi dari iklan Google Adsense itu Align Left (Berada di sebelah kiri). Lalu, jika iklan Google Adsense diletakkan di Sidebar, posisi Align Left sangat tidak bagus karena sisi kiri dan sisi kanan iklan akan terlihat tidak seimbang. Oleh sebab itu, saya membuat tutorial ini yaitu tentang bagaimana cara membuat posisi iklan Google Adsense berada di tengan (Center). Tapi sebelumnya, saya akan menerangkan sedikit tentang boleh tidaknya kita melakukan penambahan kode untuk merubah posisi iklan. Karena banyak blogger yang berkoar-koar bahwa "Kode Google Adsense tidak boleh dirubah sedikitpun". Sesungguhnya hal itu tidak benar, semua publisher diperbolehkan untuk mengatur posisi Iklan mereka baik itu di posisi center, left atau right. Hal ini bisa di lihat pada salah satu laman di Google Support yang menerangkan tentang bagaimana membuat iklan adsense berada di tengah. Berikut ini kutipan dari laman tersebut.

Position the ads on the site
Just like other elements of your website such as images and photos, you can change the position of your Google ads by using HTML tags.
For example, if you surround your AdSense ad code with the tags <div align="center"> and </div>, the ad unit will be centered on your webpage. You can also place the complete content of your page into a HTML table and change the location of the ad unit by positioning it in a specific table cell.
Please keep in mind that while we're happy to aid you with issues specific to the AdSense code, we aren't able to provide general help with editing your HTML.

Dari kutipan di atas itu, sobat blogger juga dapat mengetahui bagaimana cara membuat Iklan Adsense berada di tengah :
<div align="center">
Kode Iklan Google Adsense Disini
</div>
Contoh :
<div align="center">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-xxxxxxxxxxxxxxx";
google_ad_host = "pub-xxxxxxxxxxxxxxx";
/* Iklan Adsense */
google_ad_slot = "xxxxxxxxx";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>

Cara Memasang Social Bookmarking Widget Google Plus Dan Stumble Di Blog

Saat ini, ada dua jejaring sosial yang sering dimamfaatkan oleh rekan-rekan kita sesama blogger untuk melakukan submitting artikel atau posting yaitu Google Plus dan Stumble. Dalam satu hari, Google Plus dan Stumble mendapatkan ribuan posting yang di submit oleh pengguna mereka. Kedua jejaring sosial (Social Network) ini, benar-benar di mamfaatkan oleh pemilik blog untuk mempromosikan blog mereka dan untuk memberitahu khalayak rame (Publik) mengenai posting atau artikel yang mereka publish baru-baru ini.

stumble,google plus,google+,social bookmarking widget,stumble widget,google plus widget,widget blogger,sosial bookmark

Oleh karena itu, saya pun membuatkan sobat blogger sebuah widget yang dapat digunakan oleh sobat sendiri dan pengunjung blog sobat untuk melakukan submit artikel ke jejaring sosial Google+ dan Stumble. Widget ini di kenal dengan nama Google Plus and Stumble Bookmarking Widget. Tampilan dari Widget ini sangat profesional dan dapat dikostumisasi sesuai dengan selera pemilik blog.

Cara Memasang Social Bookmarking Widget Di Blogger

widget generator, blogger widget,widget,blog,gadget blog,add gadget,widget blogspot,widget cantik,widget keren,widget animasi,widget untuk memperindah blog,widget mempercantik blog,widget google,awesome widget,widget creator
  1. Sign in di blogger.com
  2. Kemudian klik tombol yang ada di bawah ini!

Online HTML Editor Untuk Blogger

Online HTML Editor merupakan sebuah tool memungkinkan kita untuk melihat demo (pratinjau) dari gabungan kode CSS dan HTML yang disisipkan. Tool ini jauh berbeda dengan tool-tool HTML Editor yang banyak digunakan oleh para webmaster seperti:
  1. Teks Editor (Windows Notepad)
  2. Obyek Editor (Adobe GoLive)
  3. WYSIWYG HTML Editor (Microsoft FrontPage, Adobe Dreamweaver)
  4. WYSIWYG Editor
  5. Editor online (TinyMCE , OpenBEXI)
Jika sobat adalah pengguna Blogger maka alat ini akan membantu sobat dalam semua aspek karena Editor HTML dapat menyesuaikan kode HTML untuk template blog atau Widget. Apa kata orang-orang di luar negeri sana tentang tool ini? Berikut ini kutipan singkatnya : "Free online HTML editor for you to generate your own HTML code for your website. Simply copy/paste the generated code into your website"

Cara Menggunakan Online HTML Editor
  1. Tulis atau letakkan kode CSS sobat blogger di antara tag <style> dan </style>
  2. Selanjutnya, tulis kode HTML setelah tag </style>
  3. Klik tombol Preview
  4. Terakhir, saksikan secara langsung Live Preview yang terdapat pada kolom kedua.
Tool HTML Editor akan membuat kita lebih nyaman dalam merubah kode CSS atau kode HTML kita. Kalau tool ini bermamfaat buat sobat blogger, jangan lupa untuk di share di lingkaran sobat di Google Plus.

Perkembangan Terbaru Laman Template HTML Editor Pada Blogger

Template blog kita adalah sumber kode yang mengontrol tampilan blog kita oleh karena itu Blogger Template HTML Editor melakukan perubahan. Perubahana ini terjadi semenjak beberapa hari yang lalu. Ada beberapa beberapa perangkat tambahan yang di buat oleh blogger.com untuk Template HTML Editor. Peningkatan Template HTML Editor sekarang mendukung penomoran baris, sintaks, auto-lekukan dan kode lipat untuk membuat kita lebih mudah dalam mengedit template.

Blogger Template HTML editor,template editor,html template,blogger template,blog template,template html,fitur template editor

Fitur Terbaru Template HTML Editor
  1. Penomoran baris - Sekarang, kita dapat melihat nomor baris pada setiap baris, sehingga jauh lebih mudah untuk menemukan kesalahan dalam melacak kode kita.
  2. Syntax highlighting - Sama seperti di editor kode canggih, kini kita dapat melihat sintaks. Editor akan mewarnai kode objek yang berbeda dalam sumber kode kita untuk membuatnya jauh lebih mudah dibaca.
  3. Lekukan Otomatis -Fitur ini membantu kita menjaga kode kita terorganisir, dan kita dapat dengan mudah melacak kode yang dicari.
  4. Lipat Kode - Setelah kita selesai mengedit bagian tertentu dari kode, seperti tag div, kita bisa melipat kode, dan tidak perlu melihat kode-kode yang lain lagi.
  5. Lompat ke widget - Sekarang, kita memiliki cara yang lebih cepat melompat ke bagian tertentu dari kode dalam template kita

Tambahan pada laman Template HTM Editor :
  1. Untuk mencari dan mengganti teks kejadian satu per satu, gunakan "Ctrl + Shift + F"
  2. Untuk menemukan dan mengganti semua kejadian sekaligus, gunakan "Ctrl + Shift + R".

Cara Membuat Huruf Besar Pada Awal Posting Blog

Bagaimana cara membuat huruf besar pada awal posting? Di dalam dunia blogging, huruf besar pada awal posting lebih populer dengan sebutan Drop Cap. Untuk memasang fitur Drop Cap di blog, tidaklah sulit karena sobat blogger hanya menambahkan sebuah ramuan di template sobat. Sebuah ramuan yang di buat dengan mengunakan kode CSS (Cascading Style Sheet).

drop cap,huruf besar,drop,cap,alphabet,capital
Fitur Drop Cap pada awal posting akan membuat tulisan atau artikel blog kita memiliki Style koran atau majalah. Jadi, memasang fitur Drop Cap di dalam posting adalah satu teknik di dalam memperindah tampilan blog pada umumnya dan tampilan posting pada khususnya. Tidak sedkit pemilik blog yang memasang fitur Drop Cap di blog-nya, kalau sobat blogger ingin menjadi satu di antara mereka, ikuti saja tutorial blogspot di bawah ini!

Cara Membuat Drop Cap Di Blogger

  • Sign In di blogger.com
  • Pilih Template dan pilih tombol Costumize untuk menuju laman Blogger Template Designer.
  • Klik Advanced dan klik Add CSS
  • Copy Paste kode berikut pada kolom yang tersedia
/* kode untuk huruf awal
----------------------------------------------- */
.awal {
float:left;
color: #000000;
background:#ffffff;
line-height:80px;
padding-top:1px;
padding-right:5px;
font-family:times;
font-size:100px;
  • Klik Apply to Blog.
Fitur Drop Cap sudah terpasang di blog sobat. Sangat gampang bukan?
Kalau fitur Drop Cap sudah terpasang, tampilan Drop Cap tidak akan langsung mucul di posting blog sobat. Untuk memunculkan Drop Cap pada awal posting, sobat blogger perlu menyisipkan sedikit kode saat menulis posting. Kode yang disisipkan adalah sebagai berikut:
<span class="awal">huruf awal</span>
Ingat : Kode tersebut disisipkan saat sobat blogger menulis dalam mode EDIT HTML bukan dalam mode COMPUSE. Drop Cap tidak akan muncul kalau sobat menulis dalam mode COMPUSE.

Tambahan :
#000000 adalah warna font dari Drop Cap dan #ffffff adalah warna background, silahkan sobat blogger sesuaikan dengan warna template sobat. Untuk melihat kode warna, silahkan klik link berikut : Hex Color Code Generator

Cara Mempercepat Index Posting Di Mesin Pencari Google Dan Bing

Tidak ada keterangan yang jelas dari mesin pencari seperti Google dan Bing (Yahoo) yang menjelaskan tentang bagaimana cara mempercepat index posting yang dipublikasikan ke blog. Hal ini menimbulkan banyak statement tentang penyebab posting cepat terindex oleh mesin pencari (Search Engine). Berikut ini beberapa Statement yang muncul dari para webmaster tentang bagaimana sebuah posting cepat terindex

  1. Posting cepat terindex bila ada komentar yang mengarah ke posting tersebut.
  2. Posting cepat terindex bila posting dipublikasikan dengan cara dijadwalkan menggunakan Schedule Post.
  3. Posting cepat terindex bila Blog ata Situs tersebut memiliki usia atau Umur yang cukup lama.
  4. Posting cepat terindex bila Sitemap atau Peta Situs sudah ditambahkan di akun Google Webmaster Tools (GWT).
  5. Posting cepat terindex bila banyak situs, terutama situs jejaring sosial ikut mempublikasikan posting tersebut.

Dari kelima statement di atas, yang manakah menurut sobat blogger benar? Saya pribadi beranggapan bahwa kelima statement di atas adalah benarbdan itu merupakan faktor pendukung posting cepat terindex oleh mesin pencari Google.

Ada beberapa gambar yang sebenarnya mau saya tunjukkan ke sobat blogger sebagai bukti bagaimana cepatnya Google mengindex posting yang saya publikasikan ke blog ini. Tapi dari beberapa gambar itu, hanya ini saja yang bisa saya temukan di komputer saya.

index google,posting index,posting blog,blog index,quick index,search engine index,index mesin pencari,index,post index,bing index,postingan index

Mengatur Lebar Widget Google Plus Supaya Sesuai Dengan Sidebar

Ketika Google meluncurkan widget Google+ buat para Webmaster pada akhir tahun 2012, hampir semua webmaster/blogger langsung memasang widget tersebut. Begitu juga tutorialblogspot.com, tidak hanya langsung memasang widgetnya, tapi juga langsung mempromosikan widget tersebut melalui sebuah posting yang berjudul Google+ Followers Gadget. Ya... Walaupun posting saya itu tidak begitu mendapat respond positif dari pengunjung blog saya melalui kolom komentar, saya tetap merasa bahagia meluncurkan posting tersebut karena posting itu merupakan posting pertama dari blogger Indonesia yang membahas tentang Widget Google Plus hal itu di tunjukkan dari search query yang ditampilkan di Google Indonesia ketika memasukkan kata kunci Google+ Followers Gadget atau widget Google+. Kalau sekarang sobat blogger memasukkan kata kunci Google+ Followers Gadget pada kotak pencarian Google, kemungkinan sobat blogger tidak akan menemukan postingan saya, karena sudah banyak blogger yang membahas tentang hal itu.

widget google+,google plus gadget,google plus,google plus followers,widget pengikut,widget blogger,widget blogspot


Tidak bisa dipungkiri, kehadiran Widget Google+ follower tidak hanya mempermudah pemilik blog untuk mempromosikan blognya tapi juga dapat memperindah tampilan sidebar (Jika dipasang di bagian sidebar). Namun sayang sekali, ternyata banyak pemilik blog yang tidak memasang widget ini karena masalah tampilan widget google plus yang tidak sesuai dengan lebar sidebar padahal pengaturannya sudah menggunakan pengaturan Otomatis. Solusi untuk mengatasi masalah ini adalah dengan menggunakan pengaturan "Tentukan secara manual" jangan menggunakan pengaturan otomatis.

Jika lebar Sidebar dari blog sobat adalah 300 px, jangan masukkan angka 300 pada kolom lebar. Tapi masukkan angka kurang dari lebar sidebar blog sobat, misalnya 270 atau 260 (Paling tidak kurang 30 px dari lebar sidebar blog sobat). Kalau lebar widget google+ disamakan dengan lebar sidebar maka widget google+ akan tampil sangat kecil atau melebihi lebar sidebar. Selama sobat blogger mengganti nilai lebar yang ada di pengaturan, jangan lupa untuk melihat pratinjau atau preview yang ada di atasnya.

Tips Mengantisipasi Blogger / Blogspot Redirect Ke Negara Tertentu

Redirect blogger ke custom ccTLD atau Country Specific Domain Redirection merupakan sebuah program yang diluncurkan oleh Google semenjak 31 Januari 2012 untuk Redirect Blogger blog ke URL Negara Tertentu. Misalnya Url blog sobat adalah blogsobat.blogspot.com, akhiran .com tersebut akan berubah secara otomatis menjadi blogsobat.blogspot.it jika di buka oleh pengguna internet di Itali atau blogsobat.blogspot.pt jika di buka oleh pengguna internet di Portugal.

url redirect,blogger redirect,blogspot redirect,domain redirect,blogger spesific country,blogspot spesific country,blogger,blogspot


Berikut ini daftar nama negara dan perubahan domain untuk program country-specific redirection pada Blogger :
  • India [blogspot.in]
  • Australia [blogspot.com.au]
  • UK [blogspot.co.uk]
  • Japan [blogspot.jp]
  • New Zealand [blogspot.co.nz]
  • Canada [blogspot.ca]
  • Germany [blogspot.de]
  • Italy [blogspot.it]
  • France [blogspot.fr]
  • Sweden [blogspot.se]
  • Spain [blogspot.com.es]
  • Portugal [blogspot.pt]
  • Brazil [blogspot.com.br]
  • Argentina [blogspot.com.ar]
  • Mexico [blogspot.mx]

Country Specific Domain Redirection diterapkan oleh Google untuk blogger blog supaya Google dapat dengan mudah mem-block content dari sebuah situs yang sekiranya melanggar hukum yang berlaku di negara yang bersangkutan. Country Specific Domain Redirection menggunakan 302 Redirect artinya "Berubah untuk sementara waktu" berbeda dengan 301 Redirect yang "Berubah secara permanent".

Apa efek negatif yang ditimbulkan oleh Country Specific Domain Redirection? Program ini tidak berpengaruh terhadap traffic suatu blog, akan tetapi program ini sangat berpengaruh terhadap Rangking suatu blog berdasarkan per-rengking-an Alexa. Ranking blog sobat akan memburuk (Naik) di Alexa. Oleh karena itu, kita sebagai pemilik blog perlu mengantisipasi hal ini.


Bagaimana Cara Mengatasi Blogger Redirect Ke Domain Luar Negeri? Cara agar blogspot tidak Redirect ke Domain luar negeri sangat mudah, sobat blogger cukup menyisipkan kode berikut SEBELUM kode </head>
<script type='text/javascript'>// <![CDATA[
var blog = document.location.hostname; var slug = document.location.pathname; var ctld = blog.substr(blog.lastIndexOf(".")); if (ctld != ".com") { var ncr = "http://" + blog.substr(0, blog.indexOf(".")); ncr += ".blogspot.com/ncr" + slug; window.location.replace(ncr); }
// ]]></script>

Google Chrome Offline Installer

Koneksi jaringan Internet yang lambat alias lelet sering menjadi masalah ketika kita melakukan proses installasi Google Chrome secara online, atau yang lebih di kenal dengan nama "pemasangan standar Chrome". Proses unduh file chrome yang sudah mencapai 98% atau 99%, terpaksa di ulang dari nol karena masalah jaringan yang lambat ini. Semua orang pasti akan kecewa, kesal atau Bete' ketika mengalami hal seperti itu. Oleh karenanya, Tim dari Google Chrome menyediakan alternatif lain untuk memasang chrome yaitu dengan menyediakan Standalone Offline Installer untuk Google Chrome.

Standalone Offline Installer adalah sebuah pemasangan (Install) suatu program ke komputer tanpa membutuhkan koneksi internet.

Chrome Offline Installer,google chrome,media browser,chrome,google browser

Ada dua pilihan yang disediakan oleh Chrome untuk versi Standalone Offline Installer yakni :
  1. Pemasang alternatif Chrome untuk satu akun pengguna, dan
  2. Pemasang alternatif Chrome untuk semua akun pengguna

Berikut ini adalah link yang bisa di kunjungi untuk download kedua versi di atas :
  • Link untuk yang satu akun pengguna : http://www.google.com/chrome/eula.html?standalone=1
  • Link untuk semua akun pengguna : http://www.google.com/chrome/eula.html?system=true&standalone=1

Biar Pengunjung Tentukan Jumlah Laman Yang Akan Ditampilkan

Saya tidak tahu sebutan atau nama yang tepat untuk widget blogger ini. Yang pasti, widget ini dapat menampilkan jumlah posting sesuai dengan yang ditentukan oleh pengunjung blog kita. Jadi, dengan adanya widget ini pengunjung blog kita dapat dengan mudah mencari Tutorial Blogspot atau mencari artikel yang mereka butuhkan. Seperti kata salah satu teman saya "This widget allows your blog viewers to select the number of posts to display per page"

Bagaimana Cara Memasang Widget Blogger ini?
Cukup dengan melihat gambar di bawah ini, sobat blogger pasti akan tahu bagaimana memasang widget ini.

add a gadget,add a widget,blogger widget,blogger gadget
Silahkan Sign In di akun blogger sobat, kemudian klik tombol yang tersedia!