Membuat meta tag blogger

Setiap blog yang SEO friendly pasti memiliki meta-tag, karena meta tag sengaja dibuat agar mesin pencari mendatangi blog kita dengan keyword atau kata kunci tertentu (SEO). Oleh karena itu maka meta tag juga seharusnya korelatif dengan konten blog kita. Sebagai contoh blog ini diantaranya membahas beberapa hal yang berhubungan dengan blogging. Maka keyword pada meta tag blog juga disarankankan mengandung kata yang berhubungan dengan blogging juga. 

Selain untuk mengatur bagaimana mesin pencari nanti mengarah ke blog kita, meta tag juga bisa kita gunakan untuk menampilkan judul atau tulisan tertentu pada tab browser. Caranya sebagai berikut :

  1. Seperti biasa silahkan masuk ke Dashboard >> Setting >> Edit Template
  2. Cari dan hapus semua kode yang terletak di antara <head> dan <b:skin><![CDATA[ lalu ganti dengan kode di bawah ini :
<meta charset='utf-8'/>
<link expr:href='data:blog.url' rel='canonical'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.title/> | DESKRIPSI BLOG SOBAT </title>
<b:else/>
<title><data:blog.pageName/> &#171; <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='DESKRIPSI BLOG SOBAT' name='description'/>
<meta content='KEYWORD, BLOG, SOBAT, PISAHKAN, DENGAN, TANDA, KOMA, SEPERTI, INI' name='keywords'/>
<meta content='NAMA SOBAT ATAU JUDUL BLOG SOBAT' name='author'/>
<meta content='INDEX, FOLLOW' name='ROBOTS'/>
</b:if>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<meta expr:content='data:blog.pageTitle + &quot; - DESKRIPSI BLOG SOBAT&quot;' name='description'/>
<meta expr:content='data:blog.pageTitle + &quot;, KEYWORD, BLOG, SOBAT, PISAHKAN, DENGAN, TANDA, KOMA, SEPERTI, INI&quot;' name='keywords'/>
<meta content='1 days' name='REVISIT-AFTER'/>
<b:else/>
<meta expr:content='data:blog.pageName + &quot; - DESKRIPSI BLOG SOBAT&quot;' name='description'/>
<meta expr:content='data:blog.pageName + &quot;, NAMA ATAU JUDUL BLOG SOBAT, KEYWORD, BLOG, SOBAT, PISAHKAN, DENGAN, TANDA, KOMA, SEPERTI, INI&quot;' name='keywords'/> </b:if>
<b:if cond='data:blog.metaDescription != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
</b:if> 

Hasilnya sebagai contoh saja, silahkan sobat kunjungi beranda blog ini lalu tekan Ctrl+U. Pada jendela baru akan terlihat keyword-keyword apa saja yang sudah saya buat untuk meta tag blog ini.

Note :
Jika sebelumnya sobat sudah punya kode meta content khusus seperti google site verification, google analytics atau kode-kode lain yang sengaja sobat buat untuk kepentingan tertentu, kode-kode tersebut dibuat back-up nya dulu dan silahkan tempatkan lagi pada posisi meta-tag yang diinginkan. Selamat mencoba.
selengkapnya » Membuat meta tag blogger

Menambahkan plugins komentar facebook di posting blogger

Diantara sekian banyak pengunjung yang datang dan ingin berkomentar di blog kita sangat mungkin diantara mereka ada yang tidak memiliki Open ID. Tentu saja kita bisa memperbolehkan 'anonymous' akan tetapi cara ini sering mengundang spam. Sebagai alternatif kita bisa memasang kolom komentar untuk akun facebook, selain bisa lebih memfilter spam juga bisa lebih mempercantik tampilan blog kita.

Ada beberapa langkah yang bisa kita lakukan untuk menambahkan plugins komentar menggunakan akun facebook kita di postingan blogger, sebagian dari cara-cara tersebut malah membuat blog kita jadi tidak enak dipandang sebab posisinya tidak proporsional. Misalnya, kolom komentar plugins facebook tersebut berada di bawah kolom komentar blogger, praktis jadi ada 2 kolom komentar kosong yang terlihat di bawah postingan kita. Kasus seperti sebetulnya karena penempatan HTML nya saja yang kurang pas. Contoh yang saya gunakan adalah seperti ini :


Dibawah ini langkah-langkah membuatnya :

A. SETTING DI FACEBOOK :
Ketahui terlebih dahulu FACEBOOK_USER_ID dan APPLICATION_ID sobat di facebook, caranya :
1. FACEBOOK_USER_ID bisa dilihat di URL https://graph.facebook.com/usernameFBSobat
2. Untuk APPLICATION_ID sobat harus buat dulu aplikasinya di facebook, caranya :
  • Masuk ke sini.
  • Register as Developer >> Centang Box "I accept the dst....." Lanjutkan >> Dibawah "Which types of apps do you plan on building?" Centang Box "Aplikasi untuk halaman" klik Lanjutkan >> Done.
  • Buat Aplikasi Baru, isi data kurang lebih seperti ini :
  • Nama Aplikasi : Plugins Komentar Nama Anda
  • App Name Space : namaandadisatukanaja
  • App Category pilih : Aplikasi untuk halaman
  • Lanjutkan >> jika ada capcay isi saja >> lanjutkan.
  • Catat App ID sobat yang diberikan disana terlebih dahulu, lalu klik simpan perubahan :

Nah, sekarang sobat sudah mengetahui FACEBOOK_USER_ID dan APPLICATION_ID masing-masing.

B. SETTING DI BLOGGER.
Langsung saja langkahnya sebagai berikut, masuk ke Blogger >> Template >> Edit HTML dan masukkan kode-kode di bawah ini :
1. Meta Tag
Copykan kode ini di atas <b:skin><![CDATA[
<meta property="fb:admins" content="{FACEBOOK_USER_ID}"/>
<meta property="fb:app_id" content="{APPLICATION_ID}"/>
2. CSS
Tempatkan kode CSS di bawah ini tepat di atas kode ]]></b:skin>
/* komentar facebook */
.comments-page {}
#blogger-comments-page {display: none;}
.comments-tab {float:left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f2f2f2; border-radius:4px;}
.comments-tab-icon { height: 16px; width: auto; margin-right: 3px;}
.comments-tab:hover { background-color: #eeeeee;}
.inactive-select-tab { background-color: #d1d1d1;}
 3. Javascript
Letakkan kode di bawah ini tepat di atas kode </head>
<!--script komentar facebook start -->
<script src='http://connect.facebook.net/id_ID/all.js#xfbml=1&amp;appId=APPLICATION_ID'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='FACEBOOK_USER_ID' property='fb:admins'/>
<script type='text/javascript'> function commentToggle(selectTab) {
$(&quot;.comments-tab&quot;).addClass(&quot;inactive-select-tab&quot;);
$(selectTab).removeClass(&quot;inactive-select-tab&quot;);
$(&quot;.comments-page&quot;).hide();
$(selectTab + &quot;-page&quot;).show();
}</script>
<!--script komentar facebook end -->
4. HTML :
Cari kode:
<div class='comments' id='comments'>
Biasanya terdapat lebih dari satu kode di atas pada template blogger, jika sobat ingin agar plugin itu tampil di setiap halaman silahkan simpan kode HTML di bawah ini tepat di bawah kode-kode tersebut.
<!-- HMTL komentar facebook start -->
<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' 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(&quot;#blogger-comments&quot;);' 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 == &quot;item&quot;'>
<div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='4' width='500'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>
<!--HTML komentar facebook end -->
Catatan :
  • Nilai 500 di atas adalah lebar kolom komentar yang bisa sobat sesuaikan sendiri berdasarkan kebutuhan.
  • Ganti semua tulisan FACEBOOK_USER_ID dan APPLICATION_ID dengan User & App ID sobat sendiri.
  • Preview terlebih dahulu lalu save.
Sekarang di bawah postingan blog sobat akan terdapat kolom untuk pengunjung berkomentar menggunakan akun facebook mereka. Sedangkan sobat sendiri akan melihat Link "Pandangan Moderator" dan icon pengaturan komentar seperti pada contoh gambar blog saya di atas. Sebagai Moderator, sobat juga bisa mengatur komentar para facebooker di blog disini.
Regards.
selengkapnya » Menambahkan plugins komentar facebook di posting blogger

Mengatasi Error Ketika Edit Template Blogger

Beberapa saat lalu saya menggonta-ganti template blog, akan tetapi entah kenapa tiba-tiba halaman CMS blogger mengalami crash, seperti gambar di bawah ini :
Setelah googling kesana-kemari ternyata masalahnya terletak pada sebuah script yang entah dari mana datangnya ada di template blog yang saya edit itu.

Langsung saja untuk mengatasi masalah tersebut, caranya :
1. Masuk ke Dashboard >> Template
2. Saat browser masih loading dan halaman edit template sudah tampil cepat klik tanda "x" di sudut address bar. Tujuannya agar CMS Blogger tidak sempat men-load script 'break iframe' yang membuat error tampilannya itu.

3. Klik edit HTML, apabila browser melakukan loading lagi cepat klik lagi tanda "x" tadi.
4. Jika halaman edit template sudah tampil klik expand template widget
5. Cari dan hapus kode di bawah ini.
<script language='JavaScript' type='text/javascript'> if (top.location != self.location) top.location.replace(self.location); </script>

Sekarang halaman edit template sobat sudah normal lagi. Dari berbagai sumber.
selengkapnya » Mengatasi Error Ketika Edit Template Blogger

Melacak informasi sebuah situs atau IP address

Ada beberapa situs yang menyediakan layanan tracking di internet, tapi ada satu situs yang jadi favorit saya. Beberapa informasi yang bisa ditampilkannya antara lain :
" Domain ID, Domain Name, Domain Create Date, Domain Expiration Date, Registrant Name, Registrant Address, Registrant City, Registrant State/Province, Registrant Country/Economy, Postal Code, Registrant Phone, Registrant E-mail, Administrative Address, Site Nameservers, dll. "

Untuk lebih jelasnya silahkan sobat langsung ke TKP. Pada kolom 'Search Domain name or IP adress' Masukkan URL situs atau IP address yang ingin dilacak.
Berikut skrinsut-nya:


Note : Situs ini tidak bisa menampilkan data atau informasi admin yang memproteksi privacynya.
Salam Blogger.
selengkapnya » Melacak informasi sebuah situs atau IP address

Daftar penyedia layanan Hosting dan Domain

Seperti yang sudah kita ketahui banyak sekali provider lokal atau luar negeri yang menyediakan layanan hosting dan domain. Akan tetapi sekedar untuk wawasan saja, di bawah ini adalah beberapa provider hosting dan domain yang sudah terintegrasi dengan webmaster Google.

Berikut daftar provider tersebut :
1and1.com
Acens.com
Afrihost.com
Amen.fr
Arsys.es
Aruba.it
Bluehost.com
CrazyDomains.com
eNomCentral.com
FastHost.co.uk
Gandi.net
GoDaddy.com
HeartInternet.co.uk
HostEurope.de
Hostnet.nl
Locaweb.com.br
MelbourneIT.com.au
Muumuu-Domain.com
Name.com
Namecheap.com
Names.co.uk
NetworkSolutions.com
Nominalia.com
Onamae.com
OVH.com
Register.com
Register.it
Register365.com
Sedo.co
Strato.de
Telmex.com
Transip.nl
Triara.com
UOLHost.com.br
Upperlink.com.ng

Berikut skrinsut-nya :
Code


Semoga bermanfa'at, salam blogger.
selengkapnya » Daftar penyedia layanan Hosting dan Domain

Mengatasi Error 404 tanpa www pada custom domain blogger

Beberapa hari terakhir ini banyak sekali para netter yang mengeluhkan masalah error 404 saat melakukan custom domain di blogger, hal ini dialami terutama oleh domain2 tingkat atas (TLD) sehingga situs mereka tidak bisa diakses tanpa mengetikkan www didepan nama domainnya. Sepanjang yang saya ketahui ini terjadi setelah beberapa saat lalu blogger melakukan integrasi CMS pada interface baru-nya dan pada saat itu juga terjadi maintenance server untuk custom domain. Langsung saja bagi sobat yang mengalami error 404 ketika mengakses halaman tanpa www (naked domain), berikut solusinya :
Penting : Langkah-langkah di bawah ini dilakukan hanya apabila Custom DNS sobat sudah sesuai dengan peraturan baru blogger dan masih tetap error.

1. Daftar ke Google Apps.
Mereka menyediakan 2 paket customer: Trial 30 hari (Bussiness), dan Free (Education). Saya sarankan yang free (education) saja.
2. Pada form pendaftaran isikan data yang sesuai.
3. Pada pilihan nama domain pilih (use domain that I already purchased) lalu isikan nama situs anda dengan format penulisan: domainanda.com (tanpa www).

4. Setelah berhasil memiliki akun secara otomatis anda akan diarahkan ke panel admin, klik di bagian Domain Names / Nama-nama Domain, dan anda akan diminta mengalihkan url situs anda dari domainanda.com (naked domain) ke alamat www. domainanda.com

5. Akhiri dengan klik I’ve completed these steps, selesai.

Jika pengaturan DNS anda penyedia domain sudah betul, sampai tahap ini sebetulnya domainanda.com sudah bisa diakses dan akan langsung diarahkan ke www. domainanda.com, akan tetapi saran saya akan lebih baik jika sobat melanjutkannya dengan memverifikasi kepemilikan situs tersebut di halaman dashboard CPanel Google Apps. Seperti kita tahu Google Apps menyediakan banyak feature menarik yang bisa kita pergunakan sewaktu-waktu. Sobat bisa melakukan langkah verifikasi dengan beberapa pilihan yang nanti diberikan, dan apabila berhasil tampilannya seperti ini :

Tulisan ini repost dan sedikit tambahan dari artikel seorang blogger. Semoga bermanfa'at, selamat mencoba, semangat dan salam blogger.

selengkapnya » Mengatasi Error 404 tanpa www pada custom domain blogger

Membuat website gratis

Ada banyak tutorial di internet mengenai cara membuat website gratis jadi posting ini hanya untuk memperkaya literatur di internet saja sekaligus iseng uji SEO keyword. Dalam tahap-tahapnya tidak akan saya jelaskan secara detail soalnya nanti malah lebih banyak penjelasan ketimbang praktek, so yang penting ikutin saja dulu kalo ada yang kurang mengerti silahkan nimbrung di kolom komentar.

Tutorial ini hanya ditujukan untuk para pemula yang sudah memahami dasar-dasar penggunaan dashboard pada wordpress atau blogger. Bagi yang belum faham berarti anda bukan pemula, tapi pra pemula. Maaf tapi itu sebuah kebenaran.

Jadi, apa saja yang diperlukan?
1.  Email (disarankan gmail)
2.  Password email (jangan protes!)
3.  Koneksi internet (wajib!)
4. Segelas kopi dan dua batang rokok kesukaan anda, kecuali koneksi internet anda tingkat dewa cukup satu batang saja.

A. Sesi Domain
1. Pertama-tama silahkan daftar di sini, pilih nama domain sesuai keinginan, check availability, dan isi form registrasinya. Kenapa pilih freenom? khan sudah dibilang jangan tanya-tanya dulu.
2. Kalau sudah mendapat nama domain yang diinginkan lalu masuk ke Setup dan isi Nama Server dengan :
ns1.0hosting.org
ns2.0hosting.org
ns3.0hosting.org
ns4.0hosting.org
lalu klik setup / ok.
Apa pula ini? Tenang saja saya tidak bermaksud meretas email ataupun meng-hack situs anda yang belum jadi itu, jadi lanjutkan ke tahap berikutnya.

B. Sesi Hosting
1. Daftar hosting di sini
2. Isi from email, user, password, ketik capcay yang terlihat, save (Ini akan jadi nama user dan password akun utama anda di webhosting ini)
3. Buka email sobat dan klik link veririfikasi dari email yang dikirimkan.
4. Pada opsi hosting plan pilih free hosting
5. Klik ‘I want to host my domain’
6. Pada domain isikan nama domain anda (tanpa www) 
7. Isi password, (boleh berbeda dengan password sebelumnya ini akan jadi password domain anda).
8. Jika sudah klik create, lalu klik switch anda kemudian akan dibawa ke laman (maksudnya halaman) CPANEL.
9. Scroll ke bawah, pada menu website pilih auto installer dan pilih platform website anda (kalau saya lebih memilih wordpress) Lho kenapa tidak ada platform blogger? Sudahlah, ceritanya panjang…..
10. Kalo anda pilih wordpress, pada install to kosongkan saja, isi username dan password (boleh beda, ini akan jadi user dan password untuk masuk ke dashboard wordpress anda), selanjutnya Install wordpress lalu view result.
11. Jangan tutup browser anda, tunggu minimal 5 menit. Setelah itu kalo pengen liat tampilan website baru anda klik domainanda.co.cc, untuk masuk ke dashboard wordpress klik manage.
12.  Selamat website anda sudah jadi.
selengkapnya » Membuat website gratis

Daftar Web Hosting Gratis Terbaik Versi Ane

Tersedia banyak server web hosting di internet dari mulai yang berbayar sampai yang kocek friendly (baca: gratis), yang sudah populer sebut saja blogger.com dan wordpress.com, tapi webhosting gratis yang saya maksud di sini adalah server lain yang juga menyediakan fitur yang tidak kalah dengan webhost berbayar. Akan tetapi mereka juga menyediakan fasilitas upgrade apabila ingin menikmati fitur yang berbayar.

Di antaranya sudah saya coba dengan platform wordpress dan menggunakan domain yang juga gratis seperti .tk, .co.cc, dll.

Singkat kata singkat cerita berikut daftar webhosting tersebut :

1.    Idhostinger.com
Webhosting gratis ini dikelola oleh fihak swasta di Indonesia yang merupakan kepanjangan tangan dari perusahaan induknya yaitu hostinger.com, sebuah perusahaan media hosting di Ashevile – Amerika Serikat. Tanpa bermaksud promosi, menurut saya ini webhosting gratis lokal terbaik yang pernah dan masih saya gunakan.
Fitur :
Space 2GB, Bandwidth 100GB, PHP dan MySQL, Site Builder, CPANEL, Web Auto Installer, File Manager, No Banner, dll.

2.    HourB.com
Berdiri sejak 2009, webhosting ini dikelola oleh perusahaan inggris. Yang menarik bagi saya adalah klaim fiturnya yang banyak tulisan unlimited.
Fitur :
Unlimited WebSpace, Unlimited Bandwidth, Unlimited Domains, Unlimited Email Addresses, Free Sub domain, CPANEL, Web Auto  Installer, Free Backup Tool, No Banner, dll.

3.    Nazuka.net
Sama seperti hourb.com, webhosting ini juga banyak unlimitednya hanya saja pada saat posting ini dibuat, khusus untuk domain co.cc mereka memblokir webhosting ini.
Fitur :
Unlimited disk space, Unlimited Monthly Bandwith, Unlimited SQL databases, Unlimited Hosted Domains, Unlimited Email Accounts, 24/7 Support, Guaranteed Network Uptime, CGI, Ruby (RoR),Perl, PHP, MySQL, Free Site Builder, Free Auto Script Installer (CMS), Password-protected Directories, Free Backup Tool, No Banner, dll.

4.    1freehosting.com
Walau tidak ada tulisan unlimited, webhosting ini banyak digunakan para netter.  Termasuk yang diblokir oleh domain .co.cc.
Fitur :
10.000 MB disk space, Bandwidth limit 100,000 MB/month, cPanel control panel, Fantastico, MySQL 5 Databases Server, Addon domains, Web File Manager, POP3 email, IMAP, WebMail Access (RoundCube, SquirellMail), Mail forwarding, IP address deny Manager, FreeHosting on Dual Quad Processor Performance Linux Servers, No Banner, dll.

5.    2freehosting.com
Disk space 10 000 MB, Bandwidth 250 GB, Free cPanel, Easy Website Builder, No forced advertisements, Use own domain, Free Hosting, Uptime 99%, Supports HTML PHP, Web file manager, etc


6.    serversfree.com
Fitur :
100 GB Bandwidth, 100 GB Disk space, Unlimited Addon domains, 5 Email accounts, 5 FTP accounts, 5 MySQL database, 5 Free Subdomains, 5 Parked domains, Website builder, Templates, PHP5, cPanel, cURL, Backups, No ads! etc...

7.   888webhost.com
Fitur :
20 GB of Storage Space, 200 GB Of Monthly Bandwidth, Unlimited Domain Names, Unlimited Email Addresses, No Force Ads.

8.   getfreehosting.co.uk
Fitur :
100GB Bandwidth, 10GB Disk Space, 10 MySQL Databases, 10 Addon Domains, WYSIWYG SiteBuilder, CRON job support.

9.   hostyg.com
10. ultimatefreehost.in
selengkapnya » Daftar Web Hosting Gratis Terbaik Versi Ane

Ketika Tuhan menciptakan Indonesia

Suatu hari Tuhan tersenyum puas melihat sebuah planet yang baru saja diciptakan-Nya. Malaikat pun bertanya, "Apa yang baru saja Engkau ciptakan, Tuhan?". "Lihatlah, Aku baru saja menciptakan sebuah planet baru yang bernama "Bumi," kata Tuhan.

Tuhan melanjutkan, "Ini akan menjadi planet yang luar biasa dari yang pernah Aku ciptakan. Di planet baru ini, segalanya akan terjadi secara seimbang. Setiap tempat ada kelebihan dan kekurangannya"

Lalu Tuhan menjelaskan kepada malaikat tentang Benua Eropa. Di Eropa sebelah utara, Tuhan menciptakan tanah yang penuh peluang dan menyenangkan seperti Inggris, Skotlandia dan Perancis. Tetapi di daerah itu, Tuhan juga menciptakan hawa dingin yang menusuk tulang.

Di Eropa bagian selatan, Tuhan menciptakan masyarakat yang agak miskin, seperti Spanyol dan Portugal, tetapi banyak sinar matahari dan hangat serta pemandangan eksotis di Selat Gibraltar.

Lalu malaikat menunjuk sebuah kepulauan sambil berseru, "Lalu daerah apakah itu Tuhan?". "O, itu," kata Tuhan, "itu Indonesia. Negara yang sangat kaya dan sangat cantik di planet bumi. Ada jutaan flora dan fauna yang telah Aku ciptakan di sana. Ada jutaan ikan segar di laut yang siap panen. Banyak sinar matahari dan hujan. Penduduknya Kuciptakan ramah tamah, suka menolong dan berkebudayaan yang beraneka warna. Mereka pekerja keras, siap hidup sederhana dan bersahaja serta mencintai seni."

Dengan terheran-heran, malaikat pun protes, "Lho, katanya tadi setiap negara akan diciptakan dengan keseimbangan. Kok Indonesia baik-baik semua. Lalu dimana letak keseimbangannya?"

Tuhan pun menjawab dalam bahasa Inggris, "Wait 'till you see the idiots I put in their government......." 

selengkapnya » Ketika Tuhan menciptakan Indonesia

Cara mengatur SEO Heading Tag h1 h2 h3 Blogger

Artikel ini merupakan lanjutan dari artikel Struktur SEO heading tag h1 h2 h3 Blogger. Seperti yang kita ketahui pengaturan struktur tag heading pada template blogger merupakan salah satu dari sekian banyak faktor yang berpengaruh pada SEO. Akan tetapi mungkin karena saya sendiri masih belajar, dari banyak tutorial di internet setelah diterapkan ternyata tidak berfungsi sama sekali, hal ini karena struktur dan kode HTML template blogger itu variatif.
Blogwalking sana-sini tanya para master tidak ada tanggapan akhirnya setelah memaksakan diri mempelajari beberapa template alhamdulillah berhasil juga. Dan ini sudah saya uji coba pada beberapa template. Wah sorry sob prakatanya kelamaan, tapi sebelum mengedit template ane sarankan sebaiknya memahami editing CSS terlebih dahulu walaupun dasar karena modifikasi tag heading ini akan merubah ukuran font judul posting, header dan deskripsi blog. Jangan lupa back up dulu template sebelumnya untuk keamanan.

1. Langkah pertama, merubah tag head Judul Blog menjadi h1 pada homepage dan h3 pada halaman posting.
Cari kode :
<div class='titlewrapper'
dst..dst..
dst..
</div>
Ganti semua kode di atas dengan kode ini :
<div class='titlewrapper' style='background: transparent'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/></h1>
<b:else/>
<h3 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/></h3>
</b:if>
</div>
Pada beberapa template biasanya terdapat lebih dari 1 kode <div class='titlewrapper' ,  ganti semuanya dengan kode di atas!

2. Merubah tag head Deskripsi Blog menjadi h2 :
Cari kode :
<div class='descriptionwrapper'>
dst...dst..
dst...
</div>
Ganti menjadi :
<div class='descriptionwrapper'>
<h2 class='description'><span><data:description/></span></h2>
</div>
Seperti pada langkah no. 1 jika terdapat lebih dari 1 kode <div class='descriptionwrapper'> ganti semuanya dengan kode di atas!

3. Merubah tag head posting menjadi h3 pada homepage, dan menjadi h1 pada halaman posting (single post)

a. Merubah tag heading posting menjadi h3 pada homepage :
Cari kode :
<div class='post hentry uncustomized-post-template' , pada 4 atau 5 baris di bawah kode ini akan sobat temukan kode seperti ini :
<h? class='post-title entry-title' itemprop='name'>
dst...dst...dst...
dst...dst...
dst...
</h?>
Ganti tag headnya menjadi h3, kalau sudah h3 tidak perlu dirubah.

b. Merubah tag head posting menjadi h1 pada halaman posting (single post)
Cari kode merah tebal yang beberapa baris di atas dan di bawahnya diapit kode berwarna hijau seperti di bawah ini:
<b:includable id='post' var='post'>
kode bla...bla...bla...
kode bla...bla...bla...

<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
kode bla...bla...bla...
kode bla...bla...bla...
</h3>
</b:if>
<div class='post-header'>

Ada 2 kode <a expr:name='data:post.id'/> pada template blogger, yang saya maksud itu biasanya ada pada posisi pertama. Setelah ketemu ganti semua kode yang berwarna merah dengan kode di bawah ini :
<a expr:name='data:post.id'/>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<b:else/>
<h1 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>
4. Preview lalu save template.

Penting :
Seperti yang sudah saya sebutkan di atas setelah berhasil dirubah maka ukuran font Judul Blog, Deskripsi, dan Judul Posting Blog sobat akan berubah. Sengaja saya tidak menyertakan editing CSS nya karena syntax CSS setiap template berbeda-beda, tapi sekedar chloe saja sobat bisa atur nilainya pada elemen h1{ h2{ dan h3{

Untuk menguji hasil perubahan tadi bisa sobat buka melalui browser mozilla firefox, buka blog sobat >> klik kanan >> Inspeksi Elemen. Untuk menguji tingkat SEO bisa di chkme.com. Atau juga sobat bisa menggunakan add-ons seperti Seoquake. Sebagai contoh sobat boleh cek URL homepage blog saya di beberapa situs SEO Checker. Semoga berhasil, semangat dan salam blogger.
selengkapnya » Cara mengatur SEO Heading Tag h1 h2 h3 Blogger

Struktur SEO heading tag h1 h2 h3 Blogger

Rumor mengatakan pengaturan heading tag pada template kita sangat berpengaruh terhadap SEO. Walaupun baru katanya (karena saya tidak menemukan konten ini pada support google), tapi melihat banyaknya situs yang memberikan layanan uji SEO Score di internet saya jadi berfikir jangan-jangan hal itu ada benarnya ,

Menurut Joost de Valk a.k.a Yoast salah seorang webmaster dan designer template terkenal, yang pertama kali di index oleh Search Engine adalah tag h1, kemudian korelasi keyword-nya pada tag h2 dan h3 (optional), oleh karena itu menurutnya struktur heading yang bagus pada homepage adalah :
  • H1: Judul Blog
  • H2: Artikel terbaru atau tulisan apapun yang berisi keyword untuk blog kita
  • H3: Artikel terbaru, atau, jika sudah ditempatkan pada H2, bisa digunakan untuk posting lama tertentu misalnya artikel populer.
  • H4: related content sidebar
  • H5: sidebar, footer, dll
Kemudian struktur heading yang bagus untuk halaman posting (single post) adalah :
  •     H1: Judul Artikel
  •     H2's dan H3's: subheading terkait
  •     H4: Judul Blog, dan widget terkait
  •     H5: sama seperti di atas, sidebars dll.
Yoast bahkan mengatakan : " Each heading should contain valuable keywords, if not, it's a wasted heading." Yah terjemahkan saja sendiri ya .

Sepintas saya sempat merasa ragu, karena saya lihat Yoast sendiri tidak menggunakan struktur ini pada websitenya, akan tetapi saya fikir demi pembelajaran tidak ada salahnya dicoba. Bagi sobat yang ingin mengatur heading tag templatenya silahkan ikuti panduannya di sini.
Semangat dan salam blogger.
Referrence :  Here
selengkapnya » Struktur SEO heading tag h1 h2 h3 Blogger

Menulis?

Saya sering beranggapan bahwa bahasa fikiran itu kadang terlalu rumit untuk diterjemahkan kedalam sebuah tulisan, sayangnya saya sendiri tidak punya argumentasi logis untuk menjelaskan hal itu, tapi....saya tetap menulis.

Kata orang menulis itu memerlukan kecakapan khusus, seperti montir mobil, bengkel elektronik, merayu perempuan dan sebagainya, bahkan kata orang tulisan yang baik itu mampu merubah sebuah peradaban. Tapi saya menulis saja, kendati menulis bukan keahlian dan saya tidak punya kepentingan apapun dengan yang namanya peradaban...

Saya menulis karena saya percaya bahwa menulis itu seperti halnya bernyanyi, adalah ekspresi jiwa. Ketika bernyanyi kita tidak perlu orang lain untuk tahu sejauh mana suara kita enak atau tidak enak didengar. Begitu juga dengan tulisan ini, anda tidak komentari pun saya sudah tahu seperti apa komentar anda tentangnya. Tapi maaf ya, tulisan ini tidak akan saya perjual-belikan...

Saya menulis dan tidak akan menyesal karenanya. Seperti kata seorang teman: menulis untuk menghibur diri, dan menurut saya itu benar. Tentu saja ada banyak pilihan di luar sana kalau alasannya sekedar untuk menghibur diri, olah raga, main game, dugem, nge-band, mancing, golf, hiking, surfing, demonstrasi, stadium general, seminar, pengajian, onani....

Yang terakhir saya sebut itu mungkin terdengar (terbaca) menyakitkan, bukankah itu soal privacy? Tepat sekali, ini soal pilihan pribadi saja. Bahkan untuk sedikit menghargai kebebasan, saya lebih suka mendengar anda menyebut tulisan ini onani wacana ketimbang saya dilarang menyebut kata 'onani' di sini. Lagipula di Indonesia ini sepengetahuan saya belum ada undang-undang yang mengatur apa saja yang boleh dan tidak boleh ditulis oleh oleh seorang blogger freelance .

Lantas kenapa saya publish di internet, bukankah kata 'onani' itu bisa terbaca oleh anak kecil? bukankah tulisan saya ini bisa menyinggung perasaan orang lain? bukankah masih banyak hal berguna lain yang bisa saya tulis ? Untuk itu saya jawab sekali saja, ini blog saya .

Sebelumnya saya ingin mengucapkan terima kasih pada seorang blogger yang tulisannya telah menginspirasi sekaligus mengingatkan saya pada masa dulu ketika masih suka menulis di bulletin kampus. Salah seorang teman dari sana bahkan telah benar-benar mendedikasikan dirinya menjadi seorang penulis. Ayolah siapa juga yang ingin jadi penulis, saya cuma menulis .  Seorang penulis tentu akan membuat prakatanya setelah tulisan selesai, sedangkan saya membuatnya sebelum tulisan utama dibuat.

Jika sampai paragraf ini ada yang bertanya apa sebenarnya yang ingin saya tulis, itu pertanyaan yang sangat bagus sebab pertanyaan kita sama, dan jika anda merasa tulisan ini telah membuat waktu anda yang berharga terbuang percuma untuk membacanya, saya mohon maaf.....Untuk itu saya persilahkan anda menyampaikan rasa penyesalan yang sebesar-besarnya di kolom komentar , jika sempat saya pasti membalasnya.

Terima kasih sudah berkunjung ke blog absurd ini, mudah-mudahan tulisan ini bisa menularkan sedikit inspirasi absurd-nya di blog anda sendiri . Keep posting dan salam blogger.
selengkapnya » Menulis?

Membuat select all box

Kotak dengan fasilitas select all ini sangat berguna untuk menghemat ruang posting dan meminimalisir kesalahan ketika mengcopy paste kode dari blog kita.

Berikut caranya :
1. Masuk ke halaman Buat Entri Baru
2. Klik mode Edit HTML dan copykan kode ini :
<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 200px; HEIGHT: 90px" name="txt" rows="100" wrap="VIRTUAL" cols="55">GANTI TULISAN INI</textarea></p></div></form>
3. Ganti tulisan berwarna coklat muda di atas dengan teks yang sobat inginkan, bisa kode HTML, Javascript, CSS atau mau kode buntut terserah agan

4.  Preview dulu lalu terbitkan. Jadinya seperti ini :


Salam blogger.
selengkapnya » Membuat select all box

Memasang script auto readmore blogger

Ada banyak pilihan untuk membuat read more di blogger, ada yang menggunakan fitur snippet ada juga yang menggunakan script, kedua caranya memiliki kekurangan dan kelebihan masing-masing.

Membuat read more menggunakan snippet memang lebih ringan untuk loading page tetapi tampilannya bisa jadi kurang menarik, alternatifnya bisa menggunakan script yang dipasang pada template. Kendati lebih berat akan tetapi tampilannya lebih variatif, di bawah ini sudah saya sertakan script yang sudah dikompress sehingga relatif lebih ringan.

Penting !
Bagi yang sudah pernah menggunakan script auto read more lain harap kembalikan terlebih dahulu template widget ke default, skrinsutnya seperti di bawah ini :

Selanjutnya untuk membuat read more otomatis langkahnya sebagai berikut :
1. Masuk ke Dasboard >> Edit HTML >> Expand Widget Template
2. Tempatkan script di bawah ini tepat di atas kode </head> :
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 280;
summary_img = 250;
img_thumb_height = 70;
img_thumb_width = 100;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(b,a){if(b.indexOf("<")!=-1){var d=b.split("<");for(var c=0;c<d.length;c++){if(d[c].indexOf(">")!=-1){d[c]=d[c].substring(d[c].indexOf(">")+1,d[c].length)}}b=d.join("")}a=(a<b.length-1)?a:b.length-2;while(b.charAt(a-1)!=" "&&b.indexOf(" ",a)!=-1){a++}b=b.substring(0,a-1);return b+"..."}function createSummaryAndThumb(d){var f=document.getElementById(d);var a="";var b=f.getElementsByTagName("img");var e=summary_noimg;if(b.length>=1){a='<span style="float:left; padding:0px 10px 2px 0px;"><img src="'+b[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';e=summary_img}var c=a+"<div>"+removeHtmlTag(f.innerHTML,e)+"</div>";f.innerHTML=c};
//]]>
</script>
</b:if>
</b:if>

3. Cari kode <data:post.body/> lalu ganti dengan kode di bawah ini :
 <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>     
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'>
<data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>baca selengkapnya » <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>
</b:if>
</b:if>
Keterangan:
a. Kode di atas sudah ditambah kode untuk menyelesaikan masalah pada static page karena script auto read more.
b. Keterangan pada kode pertama yang disimpan di atas kode </head> tadi adalah:
var thumbnail_mode = "float";  (thumbnail berada di (float) kiri, jika tidak silahkan ganti dengan (no-float)
summary_noimg = 250; (jumlah karakter yang akan ditampilkan pada posting tanpa gambar / thumbnail)
summary_img = 250; (jumlah karakter akan ditampilkan pada posting dengan gambar / thumbnail)
img_thumb_height = 120; (tinggi gambar dalam pixel)
img_thumb_width = 120; (lebar gambar dalam pixel)

4. Preview dulu lalu simpan. Selamat mencoba, semangat dan salam blogger
selengkapnya » Memasang script auto readmore blogger

Masalah halaman statis karena auto readmore

Template yang memakai auto readmore memang terkesan rapi dan menarik, namun ada kalanya template tertentu yang menggunakan auto readmore mengalami error ketika membuka halaman statis. Untuk mengatasi masalah tersebut berikut langkah-langkahnya :

1. Masuk ke Dasboard >> Edit HTML >> Expand Widget Template
2.Cari kode readmore yang telah terpasang, kurang lebihnya seperti dibawah ini!

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>Read more...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
3. Tambahkan kode berikut tepat diatas kode berwarna merah.
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
    <data:post.body/>
    <b:else/>
4. Kemudian tambahkan kode penutup berikut tepat dibawah kode berwarna biru
    </b:if>
5. Preview dulu, simpan template.

Note :
Pada beberapa template cara ini tidak berfungsi, mungkin kerusakannya parah , jika hal seperti itu terjadi dan sobat sudah tanggung mencintai template itu, ada baiknya kembalikan template widget ke default terlebih dahulu lalu pasangi auto readmore sendiri .

Source Article
selengkapnya » Masalah halaman statis karena auto readmore

Membuat breadcrumb blogger

Breadcrumb berguna agar pembaca mengetahui mereka sedang membaca artikel kategori apa pada blog kita. Secara default sebenarnya blogger sudah menyediakan fasilitas label untuk keterangan ini, biasanya terletak di bawah posting (post-footer-line) tapi entah kenapa saya juga ikut-ikutan pengen pasang breadcumb, mungkin untuk pembelajaran saja.

Seperti biasa langsung saja caranya :
1.Login ke akun blogger >> Klik menu Rancangan >> Klik Edit HTML
2.Centang Expand Template Widget >> Cari kode  ]]></b:skin> 
3.Masukan kode CSS berikut tepat di atas kode  ]]></b:skin>
.breadcrumbs{padding:5px 0px 5px 0;margin:0;font-size:95%;line-height:2em;border-bottom:1px dashed #e1e1e1}
4.Kemudian cari kode berikut  <b:includable id='main' var='top'> agar lebih cepat gunakan Ctrl+F
5.Ganti kode tersebut dengan kode di bawah ini :

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='breadcrumbs'>
<span>
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187;
<span><data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'>
<a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'>
&#187; <span typeof='v:Breadcrumb'>
<a expr:href='data:label.url' property='v:title' rel='v:url'>
<data:label.name/></a></span>
</b:if>
</b:loop>&#187;
<span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
</span> &#187; <span>Unlabelled</span> &#187;
<span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187;
<span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187;
<span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187;
<span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>

Selamat mencoba, salam blogger .
Dari berbagai sumber.
selengkapnya » Membuat breadcrumb blogger

Mengatur gadget blogger muncul di halaman tertentu

Adakalanya kita ingin membatasi jumlah atau jenis gadget tertentu yang tampil baik itu di homepage ataupun di halaman posting. Sebagai contoh, tidak ada gunanya memasang gadget recent post atau artikel terbaru di home page, bukankah secara default homepage memang tempat artikel terbaru. Tapi jika gadget itu ditempatkan pada halaman posting justru sangat berguna karena pembaca bisa mengetahui artikel apa saja yang baru dibuat tanpa membuka homepage.

Nah itu cuma sekedar contoh saja. Untuk melakukan pengaturan dimana saja gadget itu tampil, sobat harus mengetahui dulu nama ID atau paling tidak nama judul gadget tersebut pada template, baru kemudian mengatur kodenya.

Langkahnya sebagai berikut :
1. Masuk ke akun Blogger.
2. Klik Rancangan > Edit HTML.
3. Klik Download Template Lengkap untuk mem-backup template.
4. Beri tanda centang pada Expand Template Widget.
5. Cari kode widget yang ingin ditampilkan hanya di homepage. Misalnya, untuk widget yang berjudul Recent Comments kode script nya ya kira-kira seperti ini (hanya contoh)

<b:widget id='HTML1' locked='false' title='recent comments' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2></b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

6. Kemudian tambahkan kode :
<b:if cond='data:blog.homepageUrl == data:blog.url'>
di bawah kode <b:includable id='main'>
dan kode </b:if> di atas kode </b:includable> sehingga hasil akhirnya menjadi seperti di bawah ini :

<b:widget id='HTML1' locked='false' title='recent comments' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
7. Preview dulu, simpan.

Note :
Cara di atas adalah jika ingin membatasi kemunculan gadget pada homepage saja, jika ingin mengatur pada halaman lain sobat tinggal mengganti kode halamannya saja. Berikut kodenya :
a. Jika ingin ditampilkan di halaman Posting saja :
    <b:if cond='data:blog.pageType == "item"'>
b. Jika ingin Di tampilkan di Homepage atau index saja :
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
c. Jika ingin ditampilkan di Arsip page saja :
    <b:if cond='data:blog.pageType == "archive"'>
d.  Jika ingin tampil pada URL tertentu :
    <b:if cond='data:blog.pageType == "URL-TERTENTU"'>
e. Jika ingin tampil pada Pages tertentu :
    <b:if cond='data:blog.pageType == "static_page"'>
f. Penting : Jangan Lupa untuk menutup parse tag yang sobat tambahkan tadi yaitu :
    </b:if> sebelum </includable>

Selamat mencoba, semangat dan salam blogger

selengkapnya » Mengatur gadget blogger muncul di halaman tertentu

Memasang snippet blogger

Belum lama ini blogger menambahkan fitur baru pada layanan blogspot mereka yaitu fitur snippet pada posting artikel, sehingga kita tidak perlu lagi menggunakan metode script auto read more atau metode untuk memotong posting artikel kita. Namun fitur tersebut tidak bisa secara otomatis kita nikmati, melainkan kita harus sedikit melakukan oprek pada template kita.

Langsung saja jika Anda ingin mencobanya silahkan ikuti langkah-langkah berikut ini:
1. Masuk akun blogger Anda. Pilih tab menu Rancangan -> Edit HTML.
2. Beri centang pada 'Expand Widget Templates'.
3. Masukan kode css berikut sebelum kode ]]></b:skin> 
 .thumb img{float:left; margin:0 10px 10px 0}
 4. Setelah itu cari kode <data:post.body/>
Mungkin Anda akan menemukan 2 kode yang sama, untuk itu pilih urutan yang pertama saja.
5. Ganti kode tersebut dengan kode dibawah ini :

<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<b:if cond='data:post.hasJumpLink'>
<data:post.body/>
<b:else/>
<b:if cond='data:post.snippet'>
<b:if cond='data:post.thumbnailUrl'>
<div class='Image thumb'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</b:if>
<data:post.snippet/>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
<div class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<b:if cond='data:post.numComments == 1'>1
<data:top.commentLabel/>
<b:else/>
<data:post.numComments/>
<data:top.commentLabelPlural/>
</b:if></a>
</b:if>
</b:if>
</b:if>
</div>
</div>
<b:else/>
<data:post.body/>
</b:if>
</b:if>
</b:if>
</b:if>

Kode post snippet blogger tersebut sudah dimodifikasi sehingga dapat sekalian menampilkan jumlah komentar dalam post snippet dan tidak mengalami error pada saat menampilkan halaman statis atau static page.

6. Sebelum Anda menyimpan template Anda, silahkan preview terlebih dahulu hasil modifikasi template blogger Anda.

Salam Blogger

Sumber : Idblogdesign
selengkapnya » Memasang snippet blogger

Menampilkan tombol share blogger

Posting ini merupakan cara terbaru atau lebih tepatnya update post dari artikel saya di sini. Adakalanya setelah mengganti template, tombol share di blog kita jadi tidak muncul atau tidak tampil. Hal ini bisa karena beberapa alasan :
1. Sang pembuat template sengaja tidak menampilkannya untuk memperingan loading page blog.
2. Pada beberapa template tombol share ini sering dianggap "mengganggu" tampilan blog yang memakai script auto readmore, karena secara default penempatan tombol ini biasanya terletak pada <div class='post-footer'> yang mana elemen tersebut juga sering ditampilkan pada beranda.
3. Desainer template lupa menampilkannya , lho bisa aja khan desainer juga manusia

Langsung saja untuk menampilkan tombol share yang hilang entah kemana itu caranya sbb :
1. Pastikan sebelumnya sobat sudah mengaktifkan tombol share itu pada elemen pengaturan posting (Posting Blog) di dashboard blogger.
2. Jika template sobat menggunakan auto read more, pada Edit HTML cari kode seperti ini :
<b:if cond='data:post.hasJumpLink'>
bla...bla...bla...
</b:if>
atau kode :
<div class='post-footer'>
 Lalu simpan kode ini tepat dibawahnya.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='post-share-buttons goog-inline-block'>
<b:if cond='data:post.sharePostUrl'>
<b:include data='post' name='shareButtons'/>
</b:if>
</div>
</b:if>
Preview dulu lalu save.

3. Jika tombol G + tidak tampil artinya pada template blog sobat tidak terpasang script G +, jadi harus dipasang manual caranya simpan kode di bawah ini tepat diatas kode </head> :
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"/>
 Tutorial sejenis bisa sobat baca disini. Selamat mencoba.
selengkapnya » Menampilkan tombol share blogger

Penjaga yang berani

Seorang calon perwira diserahi tugas untuk menjaga jalan masuk ke tangsi dan diberi perintah untuk tidak membiarkan mobil masuk, kalau mobil itu tidak membawa tanda khusus.

Ia menghentikan mobil yang ditumpangi oleh seorang jendral yang mengatakan kepada sopirnya untuk tidak mempedulikan penjaga dan terus melarikan mobilnya. Karena itu tentara itu maju dengan senjata siap ditembakkan dan dengan tenang berkata, "Maaf bapak, ini baru bagi saya. Siapa yang saya tembak? Bapak atau sopir?"

" Engkau mencapai kebesaran kalau engkau tidak dirisaukan oleh kedudukan orang-orang yang ada di atasmu dan kalau engkau membuat orang-orang yang berada di bawahmu tidak merisaukan kedudukanmu. Kalau engkau tidak sombong terhadap orang-orang yang rendah dan tidak rendah terhadap orang-orang yang sombong. "

(DOA SANG KATAK 2, Anthony de Mello SJ,
Penerbit Kanisius, Cetakan 12, 1990)
selengkapnya » Penjaga yang berani

Apakah Tuhan menciptakan kejahatan?

Apakah Tuhan menciptakan segala yang ada? Apakah kejahatan itu ada? Apakah Tuhan menciptakan kejahatan? Seorang Profesor dari sebuah universitas terkenal menantang mahasiswa-mahasiswa nya dengan pertanyaan ini, “Apakah Tuhan menciptakan segala yang ada?”.
Seorang mahasiswa dengan berani menjawab, “Betul, Dia yang menciptakan semuanya”. “Tuhan menciptakan semuanya?” Tanya professor sekali lagi. “Ya, Pak, semuanya” kata mahasiswa tersebut.
Profesor itu menjawab, “Jika Tuhan menciptakan segalanya, berarti Tuhan menciptakan Kejahatan. Karena kejahatan itu ada, dan menurut prinsip kita bahwa pekerjaan kita menjelaskan siapa kita, jadi kita bisa berasumsi bahwa Tuhan itu adalah kejahatan.”
Mahasiswa itu terdiam dan tidak bisa menjawab hipotesis professor tersebut. Profesor itu merasa menang dan menyombongkan diri bahwa sekali lagi dia telah membuktikan kalau agama itu adalah sebuah mitos.

Mahasiswa lain mengangkat tangan dan berkata, “Profesor, boleh saya bertanya sesuatu?”

“Tentu saja,” jawab si Profesor
Mahasiswa itu berdiri dan bertanya, “Profesor, apakah dingin itu ada?”
“Pertanyaan macam apa itu? Tentu saja dingin itu ada. Kamu tidak pernah
sakit flu?” Tanya si professor diiringi tawa mahasiswa lainnya.
Mahasiswa itu menjawab, “Kenyataannya, Pak, dingin itu tidak ada. Menurut hukum fisika, yang kita anggap dingin itu adalah ketiadaan panas suhu -460F adalah ketiadaan panas sama sekali. Dan semua partikel menjadi diam dan tidak bisa bereaksi pada suhu tersebut. Kita menciptakan kata dingin untuk mendeskripsikan ketiadaan panas.

Mahasiswa itu melanjutkan, “Profesor, apakah gelap itu ada?”
Profesor itu menjawab, “Tentu saja itu ada.”
Mahasiswa itu menjawab, “Sekali lagi anda salah, Pak. Gelap itu juga tidak ada. Gelap adalah keadaan dimana tidak ada cahaya. Cahaya bisa kita pelajari, gelap tidak. Kita bisa menggunakan prisma Newton untuk memecahkan cahaya menjadi beberapa warna dan mempelajari berbagai panjang gelombang setiap warna. Tapi Anda tidak bisa mengukur gelap.

Seberapa gelap suatu ruangan diukur dengan berapa intensitas cahaya di ruangan tersebut.
Kata gelap dipakai manusia untuk mendeskripsikan ketiadaan cahaya.”
Akhirnya mahasiswa itu bertanya, “Profesor, apakah kejahatan itu ada?”
Dengan bimbang professor itu menjawab, “Tentu saja, seperti yang telah kukatakan sebelumnya. Kita melihat setiap hari di Koran dan TV. Banyak perkara kriminal dan kekerasan di antara manusia. Perkara-perkara tersebut adalah manifestasi dari kejahatan.”

Terhadap pernyataan ini mahasiswa itu menjawab, “Sekali lagi Anda salah, Pak. Kajahatan itu tidak ada. Kejahatan adalah ketiadaan Tuhan. Seperti dingin atau gelap, kajahatan adalah kata yang dipakai manusia untuk mendeskripsikan ketiadaan Tuhan. Tuhan tidak menciptakan kajahatan.
Kajahatan adalah hasil dari tidak adanya kasih Tuhan dihati manusia.
Seperti dingin yang timbul dari ketiadaan panas dan gelap yang timbul dari ketiadaan cahaya.”
Profesor itu terdiam. Nama mahasiswa itu adalah :
Albert Einstein.
Source article : here


selengkapnya » Apakah Tuhan menciptakan kejahatan?

Penggembala domba dengan seorang konsultan

Seorang gembala menggiring domba-dombanya di padang rumput terpencil ketika tiba-tiba sebuah BMW baru meluncur ke arahnya.
Pengemudinya, seorang pemuda dalam setelan Broni, sepatu Gucci, kacamata hitam Ray Ban dan dasi YSL, melongok keluar jendela dan bertanya gembala, "Jika saya mengatakan dengan tepat berapa banyak domba yang ada dalam kawanan Anda, maukah Anda memberi saya satu ekor?"
Gembala itu memandang pria itu, lalu melihat sekawanan domba gembalaan dan dengan tenang menjawab, "Tentu."
Pria muda itu memarkir mobilnya, mengeluarkan IBM ThinkPad yang tersambung ke ponsel, kemudian ia berselancar ke website NASA dan menggunakan sistem navigasi satelit, mengamati daerah tersebut, dan kemudian membuka database dan Excel spreadsheet dengan formula kompleks. Dia mengirim email melalui Blackberry dan setelah beberapa menit, mendapatkan tanggapan. Akhirnya, ia print laporan 130 halaman pada printer mininya kemudian berkata kepada gembala itu, "Anda memiliki tepat 1586 domba".
"Itu benar! silakan ambil salah satu domba," kata gembala.
Pemuda itu memilih satu ekor hewan dan memasukkan ke dalam mobilnya.
Kemudian gembala mengatakan: "Jika saya bisa mengatakan dengan tepat apa pekerjaan Anda, apakah Anda akan memberikan kembali hewan saya?"
"OK, mengapa tidak" jawab orang muda itu.
"Jelas, Anda adalah konsultan," kata gembala itu.
"Itu benar" kata pria muda itu, "tapi bagaimana Anda bisa tahu?"
"Tidak perlu menebak," jawab gembala. "Anda muncul di sini meskipun tidak ada yang memanggil Anda. Anda ingin dibayar untuk jawaban yang sudah saya ketahui, dan untuk pertanyaan yang tidak pernah saya tanyakan. Dan Anda tidak tahu apa-apa tentang bisnis saya... Sekarang kembalikan anjing saya."

Source pic : here and here
Source article : kaskus 

selengkapnya » Penggembala domba dengan seorang konsultan

Setan Menggugat


Source : Aji Prasetyo
selengkapnya » Setan Menggugat

Statistik