Download Software dan Games Full Version Gratis Terbaru 2014

Membuat Semua Link Eksternal Terbuka di Window Baru Otomatis (Jquery)

otomatis buka link eksternal di window baru!
Kita sering menggunakan fitur membuka link di window baru pada interface link Blogger saat membuat post, atau menambahkan atribut link (hyperlink) target="_blank". Untuk beberapa langkah manual, tentu ini bukan masalah. Tapi jika anda sudah memiliki banyak link eksternal, baik di bagian post maupun bagian lain, misalnya widget, footer, dll, tentu pekerjaan edit menjadi hal yang memakan waktu lama. Selain itu, link eksternal yang terbuka di window sama akan meningkatkan bounce rate, sehingga bisa mengurangi banyak penilaian, terutama ranking alexa.

Script ini cukup sederhana, berupa jquery, yang difungsikan untuk melakukan cek link eksternal di dalam sebuah halaman website kemudian menginjeksikan target="_blank" pada setiap link eksternal yang ditemukan pada halaman tersebut. Jadi sebenarnya script ini tidak hanya bekerja di Blogger, namun bisa di berbagai platform website/blog, misalnya WordPress (meski anda akan menemui plugin sejenis dengan mudah).

Cara Menambahkan Script Pembuka Link Eksternal Otomatis


Cukup ikuti beberapa langkah sederhana ini:

1. Seperti biasanya, jika anda sudah memiliki jquery source code, abaikan script pada bagian pertama dan langsung copy script yang kedua. Jika belum, copy keduanya dan letakkan secara berurutan. Jika tidak yakin apakah anda sudah memiliki jquery source code, cari di dalam template dengan keyword jquery dan lihat apakah sudah memiliki source code sejenis.
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script>
 (abaikan script di atas jika sudah punya yang sejenis)
<script type='text/javascript'>
$(document).ready(function(){$("a[href^='http://']").each(function(){if(this.href.indexOf(location.hostname)==-1){$(this).attr("target","_blank")}});$("a[href^='https://']").each(function(){if(this.href.indexOf(location.hostname)==-1){$(this).attr("target","_blank")}})});
</script>
 2. Buka dashboard Blogger > Template > Edit HTML

3. Cari </head> (cara mencari kode di template editor Blogger)

4. Letakkan script yang sudah dicopy tepat di atas </head>.

5. Save template and done!


Anda bisa cek link eksternal pada blog yang belum memiliki atribut target="_blank", atau coba buat link eksternal baru tanpa atribut target. Cek apakah script bekerja.

Catatan Singkat: Bagaimana Script Bekerja & Info Tambahan


Jika anda memperhatikan script, disitu ada perintah cek dua kali, yaitu pada link berawalan http:// dan https:// (secure connection protocol), artinya script juga bekerja pada host dan link esternal sejenis yang menggunakan secured connection protocol, misalnya WordPress dan berbagai platform website yang dihosting sendiri.

Conditional tag (if) digunakan untuk mengajukan persyaratan/cek kedua protocol tersebut, dan jika nilainya sama dengan -1, maka link yang harus dicari (disyaratkan) adalah link yang tidak berada di dalam host yang sama (bukan link yg menuju website/blog anda), alias bersifat eksternal (External Links).

Setelah link-link sesuai persyaratan ditemukan, maka disisipkan / diinjeksikan atribut target="_blank" [{$(this).attr("target","_blank")}].

Logikanya, karena value -1 berarti adalah link yang tidak berada di host yang sama (link yang tidak menuju website/blog anda), maka value 1 berarti sebaliknya (nilai positif), yaitu jika diubah dari -1 ke 1, maka semua link internal anda akan terbuka di window baru.

Jika anda menginginkan semua link, baik internal maupun eksternal terbuka di window baru (meski saya tidak menyarankan), tidak perlu menggunakan script demikian, cukup gunakan tag base targettting berikut dan letakkan di dalam tag head (sebelum </head>):
<base target="_blank"/>
Simak selengkapnya dalam cara membuat link terbuka di window/tab baru.

That's it, and have a nice blogging, fellow brothers and sisters ;)

© copyright Ahmad Khoirul Azmi, published only for buka-rahasia.blogspot.com.
read more

Cara Menambahkan Syntax Highlighter di Blogger

Syntax Highlighter cukup dikenal oleh berbagai platform, misalnya WordPress, Apache, Mozilla, Yahoo, Aptana, dan banyak lainnya. Apa itu Syntax Highlighter? Kita para blogger seringkali berbagi script/kode untuk blogger atau siapapun yang membutuhkannya untuk pengembangan web/blog. Kebanyakan dari kita menggunakan blockquote sebagai "wadah" dari script/kode tersebut dan menandai dengan beberapa warna khusus sebagai indikator atau petunjuk. Nah, SyntaxHighlighting adalah upaya untuk mempresentasikan script/kode tersebut dengan cara dan tampilan yang lebih baik berdasarkan jenis kode, misalnya Javascript, CSS, HTML, Phyton, PHP, dan masih banyak lagi. Ide ini tak lain datang dari si pembuat SyntaxHighlighter, Alex Gorbachev (thanks for the script).

Script SyntaxHighlighter ada beberapa jenis, yang terbaru sebenarnya lebih canggih lagi. Tetapi saya akan membagi versi standard-nya karena memiliki beberapa opsi saat mouse diarahkan ke atas script (muncul di pojok kanan atas) yaitu: View Source (dalam blank page, pop out), Copy to Clipboard, dan Print. Ketiganya sangat memudahkan dalam meng-copy, melihat kode dalam bentuk dan susunan aslinya, serta cetak kode. Masing-masing kode diterjemahkan oleh script yang disebut Brush.

Di beberapa platform seperti WordPress, Drupal, dan Joomla, kita bisa menggunakan berbagai jenis modul atau plugin SyntaxHighlighter siap pakai, tetapi di Blogger, kita harus menambahkannya secara manual. Berikut step by step-nya:

Menambahkan Script dan Brush ke dalam Template

1. Buka dashboard > template > edit HTML
2. Cari ]]></b:skin> (ctrl + F dan masukkan ke dalam kotak pencarian, enter)
3.Sekaligus sebagai demo, berikut adalah contoh syntax highlighting-nya. Arahkan mouse ke atas script, di bagian pojok kanan atas akan muncul opsi, View Source, Copy to Clipboard, dan Print. Juga ada info script dari pembuatnya. Copy script berikut tepat di bawah ]]></b:skin>.
<link href='http://alexgorbatchev.com/pub/sh/2.1.382/styles/shCore.css' rel='stylesheet' type='text/css'/> 
<link href='http://alexgorbatchev.com/pub/sh/2.1.382/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shCore.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushCpp.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushCSharp.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushCss.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shYouBrushJava.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushJScript.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushPhp.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushPython.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushRuby.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushSql.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushVb.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushXml.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushPerl.js' type='text/javascript'/> 
<script language='javascript'> 
SyntaxHighlighter.config.bloggerMode = true; 
SyntaxHighlighter.config.clipboardSwf = &#39;http://alexgorbatchev.com/pub/sh/2.1.382/scripts/clipboard.swf&#39;; 
SyntaxHighlighter.all(); 
</script> 
4. Save template.

Masing-masing script brush di atas berfungsi untuk menerjemahkan dan memberi style (warna) pada berbagai jenis script/kode seperti HTML, JS, CSS, PHP, Perl, Phyton, Ruby, XML, Java, dan berbagai script standard lainnya. Jika anda hanya membutuhkannya untuk highlighting script tertentu yang anda butuhkan, hapus yang tidak diperlukan.

Cara Menggunakan SyntaxHighlighther di dalam Post/Artikel Blog

Setiap jenis kode yang ingin ditampilkan di dalam halaman sebuah web biasanya menggunakan tag <pre>, meskipun dalam beberapa hal juga bisa menggunakan tag <code>. Untuk post blogger, kita akan menggunakan tag yang pertama. Kemudian masing-masing brush yang dibutuhkan dipanggil menggunakan atribut class. Contoh penulisannya:
<pre class="brush:css, brush:html, brush:js, brush:php, brush:sql, brush:python">
Kode Di Sini
</pre>
Pada contoh di atas, kita lihat nantinya jenis-jenis kode yang akan di highlight adalah gabungan antara CSS, JS, PHP, SQL, dan Phyton. Jika anda hanya membutuhkan beberapa jenis saja, sekiranya yang diperlukan, maka gunakan brush sesuai jenis script saja. Misalnya, jika saya hanya butuh highlight HTML, JS, dan CSS, maka yang dibutuhkan adalah:
<pre class="brush:css, brush:html, brush:js">
Kode Di Sini
</pre>
Menggunakan yang diperlukan saja akan menghemat waktu load dan menghindari load script yang tidak perlu. Jadi jika anda biasanya hanya berbagi kode campuran yang terdiri dari 3 script umum di atas, gunakan susunan seperti contoh terakhir itu.

Berikut langkah-langkah menambahkan Syntax Highlighter ke dalam Post:
1. Ketika akan memasukkan kode, pindah dari mode "Compose" ke mode "HTML"
2. Kemudian masukkan tag <pre> dan class sesuai yang diinginkan, atau anda bisa copy contoh saya di atas.
3. Sebelum memasukkan kode di antara tag <pre>, anda harus parse dulu kode tersebut. Ini Penting. Karena jika tidak di parse, maka kode yang dimasukkan ke dalam editor HTML akan diterjemahkan sebagai perintah, bukan teks biasa. Gunakan HTML/Script Parser, parse kode ke dalam tool tersebut, copy hasilnya, dan sisipkan ke dalam tag <pre>.
Contoh yang benar:
<pre class="brush:css, brush:html, brush:js"> &lt;script type=&#039;text/javascript&#039;&gt;
//&lt;![CDATA[
(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&amp;appId=App-ID&quot;;
  fjs.parentNode.insertBefore(js, fjs);
}(document, &#039;script&#039;, &#039;facebook-jssdk&#039;));
//]]&gt;
&lt;/script&gt;
</pre>
Dan berikut hasilnya:
<div id='fb-root'/>
<script type='text/javascript'>
//<![CDATA[
(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=App-ID";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
//]]>
</script>
4. Anda bisa kembali ke mode "compose" jika ingin melanjutkan menulis, sebelum mempublikasikan artikel.
5. Done.

catatan: script akan diload paling akhir oleh browser, jadi akan muncul belakangan setelah semua script dan elemen diload terlebih dahulu. Jadi syntaxt highlighter akan muncul paling akhir.

Itu dia bagaimana cara menggunakan Syntax Highlighter dengan benar di Blogger. Anda sebenarnya juga bisa menggunakan metode yang sama pada website lain, apabila ingin menambahkannya secara manual tentunya. Syntax Highlighter untuk Blogger di atas masih menggunakan skema warna default, ada beberapa variasi skema warna lain yang ke depan Insya Allah akan saya share. Juga. That's it for now and have a nice blogging, as always. :)

© copyright Ahmad Khoirul Azmi, published only for buka-rahasia.blogspot.com.
read more

Cara Membuat Auto ReadMore (Thumbnails) Blogger V2 + Button (Updated 2014)

membuat auto readmore dengan thumbnail dan button update 2014
Ini adalah post lama yang saya update kembali dan saya sesuaikan dengan beberapa hal, terutama masalah editing template yang berbeda dengan template lama. Selain itu, masih banyak sobat blogger yang menyimak cara membuat auto readmore versi satu yang kurang sempurna, dan artikel ini sebenarnya adalah penyempurnaannya, tapi mungkin karena artikel ini masih kalah di pencarian SE (di bawah artikel readmore V1), banyak sobat blogger yang masuk ke sana. Oleh karena itu, post ini saya update lagi lengkap dengan gambar-gambar auto readmore yang bisa dipake free.

Script auto readmore blogger/blogspot dengan thumbnails (gambar preview) ini adalah penyempurnaan dari script auto readmore V1, di mana ditemukan adanya masalah pada halaman statis. Ketika halaman statis ditampilkan, auto readmore ikut muncul, sehingga harus diberi pengecualian (b if cond & b else) untuk static pages pada scriptnya. Selain itu, javascript dlm auto readmore ini juga bersifat internal jadi tidak perlu lagi memuat file .js eksternal yang diupload ke hosting lain. Meskipun file template menjadi sedikit lebih besar, namun loading  page menjadi lebih cepat daripada auto readmore sebelumnya.

Langkah-langkahnya:
1. Masuk ke dashboard > Template > Edit HTML. Download/back up file XML template terlebih dahulu agar nanti bisa mengembalikan seperti semula jika ada kesalahan.
2. Jika dulu sudah diisi script auto readmore yang pertama, hapus terlebih dahulu, gunakan panduan dari posting auto readmore V1 untuk mengetahui mana saja yang harus dihapus dan dikembalikan.
3. Copy-paste script berikut tepat DI BAWAH </head> (gunakan Ctrl+F dan masukkan tag di dalam kotak search, tekan enter):
<!-- Auto read more script -http://buka-rahasia.blogspot.com- Start -->
<script type='text/javascript'>
var thumbnail_mode = &quot;yes&quot;; //yes-dengan gambar,no-tanpa gambar
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 150;
img_thumb_width = 150;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
    if(strx.indexOf("<")!=-1)
    {
        var s = strx.split("<");
        for(var i=0;i<s.length;i++){
            if(s[i].indexOf(">")!=-1){
                s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
            }
        }
        strx =  s.join("");
    }
    chop = (chop < strx.length-1) ? chop : strx.length-2;
    while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
    strx = strx.substring(0,chop-1);
    return strx+'...';
}

function createSummaryAndThumb(pID){
    var div = document.getElementById(pID);
    var imgtag = "";
    var img = div.getElementsByTagName("img");
    var summ = summary_noimg;
        if(thumbnail_mode == "yes") {
    if(img.length>=1) {   
        imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
        summ = summary_img;
    }
    }
    var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
    div.innerHTML = summary;
}
//]]>
</script>
<!-- Auto read more script -http://buka-rahasia.blogspot.com- End -->

  • summary_noimg=jumlah karakter tanpa gambar, 
  • summary_img=jumlah karakter dengan gambar, 
  • sedangkan img_thumb_height dan img_thumb_width adalah ukuran gambar (tinggi dan lebar [dalam pixel]).

Ubahlah poinpoin tersebut sesuai dengan keinginan.

3. Kemudian cari <data:post.body/> (gunakan Ctrl+F, masukkan kode ke dalam kotak pencarian, tekan enter), dan GANTI dengan:
<!-- Auto read more -http://buka-rahasia.blogspot.com- Start -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<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>
<a class='more' expr:href='data:post.url'>Read More >></a>
</b:if>
</b:if>
<!-- Auto read more -http://buka-rahasia.blogspot.com- End -->
Kostumisasi:
Ganti Read More >> dengan kata-kata yang diinginkan. Atau jika ingin menggantinya dengan gambar, ganti tulisan berwarna merah tersebut dengan:
<img border='0' src='url (direct link) gambar readmore'/>
contoh:
<a class='more' expr:href='data:post.url'><img border='0' src='http://hostgambar.com/gambar-readmore.png'/></a>
Pake gambar-gambar ini, ato kalo kurang cocok cari sendiri :p
"Save as" kemudian upload sendiri dan ambil url gambarnya. Kalo perlu resize dulu sesuai dengan kebutuhan dan ukuran yang pas.

Gambar Readmore Button Gratis (PNG Transparan)

----------------
Update (12102011):
Di komentar sobat Ari di bawah ditanyakan: bagaimana cara agar tampilan teks di post summary - auto readmore bisa rata kiri kanan (justified)
Lihat bagian ini pada script kedua di atas. Jika auto readmore sudah dipasang, cari dengan Ctrl + F:
<div expr:id='&quot;summary&quot; + data:post.id'>
Untuk membuat teks di post summary dlm readmore justify, tambahkan style css ini ke dalam tag: style='text-align:justify;'
Jadinya:
<div style='text-align:justify;' expr:id='&quot;summary&quot; + data:post.id'>
----------------
4. Preview terlebih dahulu, jika sudah beres, kemudian save.

Gunakan kotak komentar untuk menyampaikan pertanyaan, permasalahan, atau apapun tentang script ini.

mencuri adalah pekerjaan pengecut! © buka-rahasia.blogspot.com
read more

Daftar Situs Social Bookmark Dofollow Indonesia (Update 2014)


Social Bookmark Indonesia.
Posting ini adalah update dari list social bookmark dofollow Indonesia yang pernah saya buat tahun lalu. Karena sudah usang, dan update tidak ada habisnya, maka saya putuskan untuk membuat list yang baru saja, sehingga postingnya tetap fresh. Ada banyak sekali situs social bookmark Indonesia yang sudah mati. Meskipun sudah berburu selama berjam-jam, yang didapat tidak banyak. Tapi saya harap beberapa list baru ini bisa berkontribusi besar terhadap promosi konten blog sobat, dan pastinya untuk upaya SEO, khususnya link building.

Saya ucapkan terima kasih sebesar-besarnya pada para pemilik social bookmark Indonesia yang telah berjuang mati-matian untuk membuat dan mempertahankan social bookmark-nya agar tetap eksis dan dapat membantu para Blogger Indonesia. Untuk sementara list ini akan saya fokuskan pada social bookmark yang dofollow dan sebagian kecil nofollow (masih ounya value loh untuk visibilitas, dan tidak akan memuat/meng-update social bookmark yang menggunakan URL redirect. Jika memungkinkan, ke depan akan saya update dengan berbagai jenis social bookmark, khususnya yang di Indonesia.

Sebenarnya sangat disayangkan, situs-situs seperti Kombes dan Indofeed, yang memiliki traffic tinggi harus gulung tikar atau dijual lagi, karena sebetulnya situs-situs tersebut memiliki kans yang sangat baik, tidak hanya di Indonesia, tapi juga dunia internasional. Tapi mungkin ada banyak faktor yang harus membuat pemiliknya menutup situs-situs tersebut.

Mungkin sebagian besar atau seluruh situs social bookmark dofollow Indonesia di bawah sobat sudah tahu. Tapi tidak ada salahnya saya share untuk sobat-sobat lain yang mungkin melewatkan beberapa di antaranya. Apabila ada yang lain, silahkan tambahkan melalui komentar.

Last Update (2014, banyak yang sudah saya hapus):
2. InfoGue.
6. Populerkan. (lihat daftar grupnya di bawah)
18. Tunden.
28. IndoFeed

Update: (16 Januari 2014)
daftar situs dari populerkan social bookmarking group:
1. www.populerkan.com
2. www.cepatnya.com
3. www.beritapilihan.com
4. www.Beritawan.com
5.  www.jaditerkenal.com
6. www.perdetik.com
7. www.klubberita.com
8.  www.anepunya.com
9. www.befamoussite.com
10. www.beritawoow.com
11. www.zonasubmit.com
12. www.yourbookmarking.com
13. http://www.pusatseo.com
14. http://www.oserba.com

daftar situs dari Sumbawa News Group:
1. www.kanalku.com
2. www.wartawan.co
3.  www.sumbawanews.com/situsku
4.  www.zeromodal.com
5.  www.dompunews.com
6. www.nusatenggaranews.com

Note:
- Situs yang no. 1 baru saja hadir di jagad maya. Sebagai kontribusi saya untuk menambah list social bookmark dofollow Indonesia dan tentu untuk sobat Blogger semua, yang sudah bersusah payah membuat konten berkualitas dan ingin mempromosikan kontennya dengan mudah. Mulai sekarang dengan sistem moderasi 3 posting pertama, untuk menghindari spam.
- Sorry, beberapa situs bookmarking saya hapus karena: sudah tidak aktif, tidak jelas, dan menggunakan url redirect, frame, atau menggunakan fungsi onclick. Nofollow masih tidak masalah karena tetap ada value. Tapi kalo pake fungsi-fungsi yang sudah disebutkan, berarti tidak ada backlink sama sekali. Kalo ada yang tahu ada halaman di atas yang pake fungsi redirect, atau frame, silahkan informasikan, akan langsung saya hapus. Thanks

Silahkan submit blog dan kontennya di situs-situs social bookmark di atas, asal gak nyepam and mengikuti ketentuan masing-masing situs. :)

A little note and tips:
- Bagaimana sih cara nge-test social bookmark yang bagus? Sebenarnya cukup simpel. Social bookmark dan portal sekelas lintas.me (ex lintasberita.com), memiliki update indeks Google yang amat sangat cepat. Selang satu atau dua menit setelah publish, maka halaman bookmark baru langsung terindeks Google. Padahal ada ratusan hingga ribuan bookmark di-submit setiap jamnya. Cara mengetahuinya? Setelah submit link/konten, selang beberapa waktu, ketikkan judul post/bookmark di pencarian search engine.
- Luangkan waktu untuk menuliskan kembali deskripsi dan judul pada konten yang disubmit. Setidaknya, jangan sekedar copy paste deskripsi dari konten. Hindari deskripsi yang tidak unik. Untuk menuliskan 3 atau 4 kalimat baru, saya kira tidak membutuhkan waktu lebih dari 5 menit. Dengan cara ini, link dari halaman konten di social bookmark memiliki kualitas karena deskripsi di sekitarnya unik dan menganggapnya sebagai rujukan, bukan sekedar quote atau cuplikan saja. Samakan ini sebagai linkback dari halaman posting artikel blog.

Have a nice blogging and bookmarking.
© buka-rahasia.blogspot.com. All rights reserved.
read more

Cara Perbaiki Gambar Menjadi Gelap Setelah Upload Ke Blogger

Sudah  beberapa minggu ini saya stress dengan fitur upload gambar Blogger yang selalu saja mengubah gambar-gambar yang saya upload menjadi berwarna lebih gelap. Sehingga gambar yang seharusnya match dengan background atau memiliki tampilan bagus menjadi rusak dan tidak karuan. 

Saya sempat bingung dan galau (haha) hingga akhirnya kemudian saya menemukan sumber masalahnya. 

Seperti kita ketahui, lebih dari dua bulan terakhir ini semua gambar yang diupload melalui Blogger tidak lagi disimpan secara terpisah (mandiri) di Picasa Web Album, tetapi sudah dialihkan menjadi satu kesatuan dengan akun Google+ (lihat favicon di browser pada saat anda membuka direct url gambar). Coba saja buka picasaweb.google.com maka anda akan diredirect ke halaman setting gambar GooglePlus anda. Sedangkan alamat picasa.google.com masih independen, tetapi semua upload gambar juga dikaitkan dengan akun GooglePlus. Nah, selain itu, siapapun yang memiliki atau baru membuat akun Google, termasuk di dalamnya akun Blogger, meskipun tidak berniat, tetap akan memiliki akun Google+ secara default. Intinya, semua yang berkaitan dengan akun Google pasti akan memiliki akun Google Plus. Yah, memang kesannya sangat memaksa sekali!

Apa kaitannya? Saat anda mengupload gambar di berbagai layanan Google, baik melalui Google+, Blogger, atau layanan lain dimana anda bisa mengupload gambar, maka tempat penyimpanan dan pengaturannya secara default melalui akun GooglePlus. Akhirnya, premis yang saya dapat adalah, semua pengaturan gambar, termasuk enhancement gambar, ada di Google+ dan tidak lagi secara terpisah. Dan inilah yang bertanggungjawab atas masalah gambar yang diupload melalui post editor menjadi gelap atau berubah warna! Dengan berbekal ini, saya kemudian menelusuri akun Google Plus saya dan mencari bagian pengaturan gambar. Dan tadaaa... gambar yang setelah itu saya upload ke Blogger tidak lagi menjadi gelap! Jelas settings image enhacement pada Google Plus adalah biang keladinya!

Bagaimana caranya memperbaiki gambar agar tidak lagi gelap atau berubah warna?


1. Masuk ke akun Google+.

2. Klik Menu Home di  pojok kiri atas dan akan muncul menu dropdown.

3. Pilih menu "Settings".

4. Anda akan dibawa masuk ke halaman setting berbagai fitur Google+

5. Scroll ke bawah hingga menemukan bagian fitur "Auto Enhance".

6. Ada 3 opsi: off, normal, dan high. Defaultnya adalah normal. Ubah ke off.
memperbaiki gambar gelap/berubah warna di Blogger
7. Karena menggunakan ajax, perubahan settings akan tersimpan otomatis. Untuk memastikan tersimpan dengan baik, kembalilah ke menu "Home".

8. Setelah itu buka post editor Blogger dan upload gambar sebagai test.

Sebagai mana post ini yang saya gunakan untuk melihat apakah gambar yang diupload masih gelap/berubah warna atau tidak, jika berhasil, anda akan melihat gambar yang anda upload via Blogger tidak lagi mengalami perubahan warna atau menjadi gelap.
Catatan: Anda tidak perlu mengupload ulang gambar-gambar di posting lama. Semua akan kembali seperti semula. Namun perubahan tidak terjadi seketika, tunggu beberapa waktu hingga proses oleh fitur Google+ tersebut selesai.
Demikian post singkat ini dan semoga bisa membantu apabila memiliki masalah yang sama saat upload gambar via post Editor Blogger. Have a nice blogging, as always...

© copyright Ahmad Khoirul Azmi, published only for buka-rahasia.blogspot.com.
read more

Cara Memasang Facebook Comment Box di Blogger (XFBML/HTML5)

Ada banyak sobat Blogger yang bertanya mengenai bagaimana menambahkan widget Facebook Comment Box di Blogger. Sebenarnya ada banyak tutorial yang sudah membahas ini. Tapi jika memang dibutuhkan yang lebih detil, dalam kesempatan ini saya akan coba bicarakan tentang itu. :)
demo facebook comment box
LiveDemo
komentar
Perlu diketahui karena sama sekali belum ada plugin Comment Box siap pasang untuk Blogger (tidak seperti plugin Facebook untuk WordPress yang luar biasa pengembangannya), maka yang diperlukan untuk memasang kotak komentar ala Facebook ini adalah dengan beberapa proses dan hack.

Berikut beberapa prosesnya:
1. Membuat dan Mendaftarkan Aplikasi di Facebook
2. Memasang Javascript SDK
3. Memasang Meta OpenGraph
4. Memasang FB Comment Box di Bagian Tertentu di Bawah Post
5. Menyembunyikan Kotak Komentar Blogger
Note: Bagi yang sudah memiliki aplikasi serta sudah memasang Javascript SDK dan MetaOpengraph karena sebelumnya telah memakai berbagai plugin FB, langsung skip ke langkah 4. Tutorial ini akan panjang, jadi persiapkan diri benar-benar dan nikmati prosesnya. hehe

1. Membuat dan Mendaftarkan Aplikasi di Facebook

Untuk plugin-plugin tertentu, kita perlu memiliki aplikasi yang nantinya digunakan untuk melakukan proses validasi dan otentifikasi. Di Facebook, kita menggunakan aplikasi untuk memungkinkan itu. Berikut cara membuat dan mendaftarkan aplikasi dasarnya:

a. Masuk ke Facebook Developers (login Facebook)
b. Klik "Apps" di menu atas paling kiri.
c. Klik "Create New Apps"
d. Akan muncul Dialog Box untuk pendaftaran aplikasi. Isi dengan nama aplikasi, misalnya sesuai nama Blog, begitu juga dengan namespace, isi dengan nama yang boleh sama, tanpa spasi, huruf kecil semua. Pilih kategori. Kemudian klik "Continue". Masukkan captcha.
membuat comment box blogger
e. Setelah itu anda akan dibawa ke halaman aplikasi yang baru dibuat. Perhatikan pada bagian ini, catat Application ID dan (jika perlu) App  Secret-nya juga. Simpan di tempat aman. Kita akan menggunakannya nanti pada Javascript SDK dan Meta OpenGraph.
f. Lihat ke bawahnya, pada bagian "Basic Info", isikan domain sesuai dengan domain blog/web yang anda miliki. Jika masih menggunakan subdomain blogspot, isikan dengan subdomain blogspot.com. Jika sudah menggunakan custom domain, isikan dengan domain yang sesuai. Kemudian ubah mode sandbox ke "disabled". Ini untuk mengaktifkan aplikasi agar bisa digunakan oleh semua user.
g. Lihat ke bawah lagi, di situ ada bagian integrasi aplikasi dengan Facebook. Klik bagian "Website with Facebook Login" dan isikan url web/blog anda.
h. Pastikan semua langkah sudah dilakukan dengan benar, lalu klik "Save Changes".

2. Memasang Javascript SDK

Langkah selanjutnya adalah memasang javascript SDK. Thanks to Facebook, karena dengan script ini, memasang semua plugin FB di Blogger menjadi sangat memungkinkan.

a. Buka Dashboard > Template > Edit HTML.
b. Aktifkan fungsi search pada HTML Editor dengan menekan CTRL+F dan cari kode berikut dengan memasukkan ke kolomnya : <body (jika belum jelas, simak Cara Mencari Kode di HTML Editor Blogger)
Anda akan mendapatkan kode <body ...diikuti-beberapa-atribut-dan-script....>.
c. Letakkan javascript SDK berikut tepat setelahnya/dibawahnya (beri spasi untuk memasukkan script itu).
Update: saya ubah script dengan jenis Javascript SDK yang sudah dirampingkan, dan disimpan di server blogger menggunakan CDATA.
<div id='fb-root'/>
<script type='text/javascript'>
//<![CDATA[
(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=App-ID";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
//]]>
</script>
d. Ganti  App-ID dengan angka-angka App ID yang tadi sudah dicopy dan disimpan.

Jangan save template terlebih dahulu, masih ada dua langkah lain lagi.

3. Memasang Meta OpenGraph

Meta Opengraph adalah meta khusus yang digunakan oleh FB untuk mengambil "intisari" sebuah halaman sekaligus sebagai verifikasi ID yang menggunakan aplikasi di Web. Jika anda share ke FB dalam bentuk link, maka Facebook akan menggunakan beberapa metode, metode yang paling dianjurkan adalah "retrieve" melalui Meta Opengraph (meta:og), kemudian apa yang dibaca akan ditampilkan sebagai rangkuman, misalnya gambar, judul halaman/post, deksripsi pos, dan url (domain). Jika gagal, crawler Facebook akan mengambil apa saja yang bisa ditangkap. Kadang tidak sesuai harapan. Nah, untuk mengatasinya anda bisa simak Cara Memperbaiki Gambar dan Deskripsi Post di Facebook. Di situ saya hanya menyinggung beberapa pokok yang berkaitan dengan deskripsi dan gambar, dan inilah meta:og lainnya untuk keperluan ini:
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<meta content='Nama-Blog-Atau-Judul-Blog' property='og:site_name'/>
<meta content='URL-Gambar/Logo-Default-Mewakili-Blog' property='og:image'/>
<meta property="fb:app_id" content="APP-ID"/>
<meta property="fb:admins" content="USER-ID/ADMIN"/>
<meta content='article' property='og:type'/>
1. Copy meta tags di atas dan edit beberapa poin berikut:
  • Ganti Nama-Blog-Atau-Judul-Blog dengan judul/nama blog anda.
  • Ganti URL-Gambar/Logo-Default-Mewakili-Blog dengan url gambar yang mewakili Blog anda (Logo) dalam ukuran tinggi dan lebar sama (misal 200x200)
  • Ganti APP-ID dengan App ID yang sudah disimpan tadi.
  • Ganti USER-ID/ADMIN dengan ID user akun anda, dimana anda menjadi admin dari aplikasi tersebut (untuk fungsi moderasi komentar). Cara mencari User ID Facebook: copy url ini: graph.facebook.com/user.name, paste ke browser, dan ganti user.name dengan username anda yang biasa ditemui di url halaman profil. contoh: graph.facebook.com/azmi.survivor.
2. Setelah selesai edit, copy seluruhnya. Cari <head> dan letakkan meta tags tersebut di bawahnya, atau anda bisa meletakkannya di bagian lain asal masih di antara <head> dan </head>.

3. Langkah selanjutnya adalah memasukkan atribut source meta og FB (xlmns) pada tag html. Cari <html, di bagian atas template. Biasanya sudah ada beberapa atribut source yang nangkring di dalam tag tersebut. Tambahkan ini di dalamnya:
xmlns:fb='http://ogp.me/ns/fb#'
Contoh:
<html  ... ... ... ... xmlns:fb='http://ogp.me/ns/fb#'>
Sekali lagi, jangan save dulu, masih ada satu langkah lagi :)

4. Memasang FB Comment Box (XFBML atau HTML5) di Bawah Artikel

Ada beberapa metode yang biasa digunakan untuk menyisipkan snippet comment box, di bagian comment Blogger sendiri (di dalam b:includable-nya komentar Blogger) atau menyisipkan ke bagian lain asal berada di bawah post. Saya cenderung memilih cara kedua karena dengan cara ini kita bisa menyembunyikan kotak komentar bawaan Blogger dengan berbagai cara tanpa terimbas pada kotak komentar Fb, dan tanpa harus melakukan hack terlalu banyak. Seperti biasa, kita masih akan mengandalkan conditional tag agar comment box tampil di halaman post saja.

XFBML
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<fb:comments colorscheme='light' expr:href='data:post.canonicalUrl' expr:title='data:post.title' expr:xid='data:post.id' width="600" numposts="5"></fb:comments>
</b:if>
HTML5
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div data-colorscheme='light' class='fb-comments' expr:href='data:post.canonicalUrl' expr:title='data:post.title' expr:xid='data:post.id' data-width='600' data-numposts='5' />
</b:if>
a. Anda bisa memilih salah satu dari dua jenis kode di atas, karena FB comments mendukung dua jenis kode tersebut.
b. Setelah memilih, copy dan kostumisasi pada poin berikut:
  • Ganti light dengan dark untuk mengganti tampilan comment box menjadi gelap jika harus disesuaikan dengan template.
  • Ganti 600 dengan nilai tertentu untuk menyesuaikan lebar comment box dengan lebar bagian post.
  • Ganti 5 dengan nilai lain, ini adalah jumlah komentar yang ditampilkan secara default pada post. Sisanya dibuka dengan 'Show More Comments"
c. Setelah kostumisasi selesai, kembali ke Edit HTML dan cari <data:post.body/>, gunakan fitur search seperti tadi. Bagi beberapa jenis template, terutama yang menggunakan auto readmore, anda akan menemukan dua atau tiga tag yang sama, termasuk tag halaman statis. Coba cari pada bagian yang paling akhir dan fokus ke sana.
d. Letakkan kode FBML atau HTML5 comment box sesuai pilihan dan yang sudah diedit tadi tepat di bawahnya. Nah poin-poin yang perlu diperhatikan adalah:
  • Jika dulu sudah pernah menyisipkan kode atau snippet di bawah post, misalnya social share buttons, addthis social buttons, kotak permalink, tag-tag (label), widget penulis, dan lain sebagainya, pastikan anda meletakkan kode di bawah snippet-snippet itu, agar kotak komentar tidak dimunculkan di atasnya.
  • Jika comment box tidak muncul, maka anda telah menempatkan kode di bawah <data:post.body/> yang tidak tepat. Coba pindahkan di bawah <data:post.body/> yang lain.
e. Sampai pada tahap ini, sebaiknya save template terlebih dahulu untuk melihat hasilnya dan melihat apakah gagal atau tidak.

5. Menyembunyikan Kotak Komentar Blogger

Tahap ini sifatnya opsional. Tapi kemungkinan besar banyak dari anda yang ingin menyembunyikan kotak komentar Blogger dan menggunakan Facebook Comment Box sebagai kotak komentar default. 

a. Masuk ke settings > posts and comments.
b. Lihat pada bagian "Comment Location", klik menu dropdown di sebelahnya dan pilih "Hide".
c. Klik "save settings" dan lihat perubahannya pada post anda.

Menyisipkan kotak komentar FB dengan cara di atas tidak akan terpengaruh oleh tahap ini, karena kotak komentar FB tidak berada dalam widget yang sama. Mungkin ada yang tanya, kenapa gak disembunyiin pake CSS saja (display:none). Itu fungsinya hanya menyembunyikan, sedangkan kotak komentar beserta komentar-komentar tetap akan ter-load (dipanggil), sehingga menjadi beban load blog. Sedang dengan cara ini, kotak komentar Blogger tidak dipanggil sekaligus tidak ditampilkan.

FYI: Jika anda memiliki template responsif, anda bisa membuat kotak komentar FB bersifat responsif juga. Simak Cara Membuat Facebook Comment & Like Box Responsif.

Penutup

Sangat mungkin ada berbagai permasalahan dalam memasang Kotak Komentar Facebook ini di blog anda, so drop a comment if you wish to. Have a nice Blogging.

© copyright Ahmad Khoirul Azmi, published only for buka-rahasia.blogspot.com.
read more

Pasang Blogger Contact Form di Halaman Statis dan Kostumisasi Dasarnya

Sudah cukup lama sejak Blogger resmi merilis Contact Form untuk pengguna platform Blogger. Fitur ini berupa widget/gadget. Sayangnya, widget ini jarang nongol di blog-blog pengguna Blogger. Sebagian besar masih mengandalkan layanan contact form gratis yang tersedia di jagat web. Mungkin karena fitur-fiturnya lebih canggih, dan, yang pasti, banyak yang tidak ingin menyediakan contact form dalam bentuk widget; tampak kurang elegan dan khusus.

Nah dalam kesempatan ini, saya ingin memberikan sedikit trik agar widget Contact Form Blogger yang secara default ada di bagian widget sidebar atau footerbar bisa dipindah dan dijadikan konten halaman statis (static page). Saya akan memberikan basicnya terlebih dahulu. Ke depan saya akan memberikan beberapa hack untuk mendesain tampilan contact form tersebut lebih jauh lagi.

Karena ini saya maksudkan sebagai tutorial non-instan, maka akan saya beberkan beberapa poin penting dari elemen contact form Blogger hingga bagaimana melakukan kostumisasi dasar dan meletakkannya di halaman statis blog.

The Basic of Blogger Contact Form


Melalui fitur "view source" atau "page source" pada browser, kita dapat melihat bagaimana susunan HTML pada widget contact form Blogger. Susunan HTML-nya cukup sederhana, berupa beberapa elemen input di dalam form dan dinaungi oleh div, berbeda dengan contact form pada umumnya yang dinaungi oleh elemen-elemen tabel.

Begitulah elemen dasarnya. Proses generating input di dalam contact form Blogger hingga sampai pada email tidak bisa diketahui secara pasti karena semua langsung terjadi di server Blogger. Seperti pada umumnya, karena bukan open source, kita tidak bisa tahu persis bagaimana engine Blogger bekerja. Yang jelas, pesan akan diteruskan ke email sesuai akun blog. Satu yang pasti, anda harus register (mengaktifkan/menggunakan) widget contact form terlebih dahulu meski nantinya akan melakukan hack dan menampilkannya di halaman statis, bukan di widget. Tanpa register, contact form tidak akan aktif.

Proses yang akan dilakukan adalah:
A. Memasang Widget Contact Form
B. Menghapus Elemen Contact Form Di Widget Sidebar
C. Kostumisasi Sederhana Pada Contact Form
D. Memasang Contact Form di Halaman Statis

Cara Memasang Widget Contact Form

1. Masuk ke dashboard > layout > add a gadget
2. Pilih Widget/Gadget Contact Form dan save/simpan.
3. Done.

Menghapus Elemen Contact Form di Widget Sidebar

Setelah anda memasang Contact Form, maka widget akan ditampilkan pada sidebar atau pada footer bar sesuai pilihan dan template anda. Kita harus menghapusnya agar nantinya Contact Form hanya bisa diakses melalui halaman Kontak saja. Mengapa dihapus? Mengapa tidak disembunyikan saja? Beberapa tutorial yang berkaitan dengan hack blogger seringkali saya temui menggunakan metode menyembunyikan widget (dengan conditional tag). Cara ini menurut saya kurang efektif, karena widget contact form tidak akan ditampilkan di halaman mana saja, sehingga cara terbaik adalah dengan menghapus elemennya, bukan menyembunyikan/mengecualikan saja. Ingat yang dihapus hanya elemennya, bukan keseluruhan widget, karena kita tetap ingin mempertahankan register contact form aktif.

1. Buka dashboard > Template > Edit HTML.
2. Kemudian cari bagian kode widget contact form yang sudah dipasang sebelumnya dengan menggunakan fitur "Jump to Widget". Perhatikan gambar berikut:
3. Klik "ContactForm1" untuk menuju ke bagian widget tersebut, kemudian klik tanda panah di sebelah kiri kode widget (expand) untuk membuka isi widget tersebut, sebagaimana ditampilkan pada gambar berikut:
4. Widget akan terbentang, dan sekali lagi klik tanda panah di sebelah kiri bagian antara <b:includable id='main'> dan </b:includable>. Sekali lagi widget akan terbentang lebih rinci, hapus bagian di dalam/di antara kedua tag b:includable tersebut. Perhatikan gambar berikut:

5. Perhatikan kode yang dihapus dengan benar, setelah dipastikan, save template.

Kostumisasi Sederhana Pada Contact Form


Susunan html contact form bawaan blogger secara default sangat sederhana, lihat di sini. Tanpa kostumisasi, kode itu pun sudah siap digunakan. Untuk melakukan beberapa kostumisasi tambahan, saya memberikan beberapa ide sederhana dan masih sangat mendasar, untuk hack CSS dalam beberapa desain menarik dan personal, akan saya ulasan pada kesempatan-kesempatan berikutnya.

Kostumisasi pertama yang saya lakukan adalah mengubah informasi perintah seperti "Name", "Email" yang secara default berada di atas kotak input menjadi di dalam kotak dan akan terhapus secara otomatis saat di klik. Untuk memungkinkan ini, saya mengisi value sesuai dengan teks yang ingin ditampilkan dan menggunakan javascript sederhana onblur dan onfocus. Ex:
<input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value='Nama*' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Nama*&quot;;}' onfocus='if (this.value == &quot;Nama*&quot;) {this.value = &quot;&quot;;}'/>
Kostumisasi kedua adalah menambahkan elemen input button sebagai perintah reset/clear yang berfungsi menghapus seluruh isi input pada form kontak. Yaitu:
<input class='contact-form-button contact-form-button-submit' type='reset' value='Reset'/>
Ketiga, saya menambahkan styling CSS dalam tag tersendiri terutama untuk mengubah lebar form agar bisa disesuaikan dengan lebar halaman post, sebab secara default contact form blogger sangat sempit.

Keempat, mengubah elemen yang menaungin informasi bahwa pesan berhasil dikirim dari tag paragraf (p) menjadi division (div) Sebab jika ditampilkan dalam tag paragraf, background berwarna oranye akan tampil di bagian tersebut meski informasi tidak dimunculkan.

Dan berikut hasil totalnya:
<div class='form'>
<form name='contact-form'>
<p></p>
<input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value='Nama*' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Nama*&quot;;}' onfocus='if (this.value == &quot;Nama*&quot;) {this.value = &quot;&quot;;}'/>
<p></p>
<input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='50' type='text' value='Email Valid*' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Email Valid*&quot;;}' onfocus='if (this.value == &quot;Email Valid*&quot;) {this.value = &quot;&quot;;}'/>
<p></p>
Isi Pesan*
<br/>
<textarea class='contact-form-email-message' cols='25' id='ContactForm1_contact-form-email-message' rows='10'></textarea>
<p></p>
<input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='Kirim'/>
<input class='contact-form-button contact-form-button-submit' type='reset' value='Reset'/> 
<p></p>
<div style='text-align: center; max-width: 250px; width: 100%'>
<div class='contact-form-error-message' id='ContactForm1_contact-form-error-message'></div>
<div class='contact-form-success-message' id='ContactForm1_contact-form-success-message'></div>
</div>
</form>
<p><b>*</b><i>wajib diisi</i></p>
</div>
<style>
.contact-form-name, .contact-form-email {max-width: 250px; width: 100%;}
.contact-form-email-message {max-width: 450px; width: 100%;}
</style>
demo blogger contact form
1. Copy seluruh kode di atas dan pindahkan ke dalam text editor sederhana, misalnya notepad.
2. Lakukan kostumisasi di awal (atau di belakang juga boleh, hehe) untuk menyesuaikan beberapa elemen agar sesuai dengan halaman statis anda nantinya. 
Berikut beberapa poinnya:
  • Teks yang berwarna merah adalah informasi input yang nanti muncul pada input form dan button, ubah sesuai keinginan.
  • Ubah nilai di dalam rows='10' untuk menambah/mengurangi tinggi kolom pesan.
  • Ubah nilai di dalam max-width: 250px (dua bagian) untuk menyesuaikan lebar "informasi pengiriman pesan" dan lebar form "nama" dan "email".
  • Ubah nilai di dalam max-width: 450px untuk menyesuaikan lebar form pesan.
3. Pastikan kostumisasi sudah betul dan simpan dengan baik.

Memasang Contact Form di Halaman Statis


1. Buat halaman statis, dashboard > pages > new page > blank page.
2. Setelah masuk ke halaman post editor, isi judul halaman sesuai keinginan, misalnya "Contact Me", "Contact Us", "Kontak Kami", dll. Lalu pilih mode "HTML" dan masukkan kode yang sudah dikostumisasi ke dalam editor.
Catatan penting:
Setelah memasukkan kode hingga proses menerbitkan/publish halaman, jangan sekalipun mengembalikan editor ke mode "Compose", sebab mode compose secara otomatis akan parse beberapa jenis kode dan merusak susunannya. Jika ingin preview, gunakan fitur "Preview/Pratinjau".

3. Setelah proses edit dan kostumisasi contact form beres, "Publish" halaman tersebut.
4. Done!

--------------
Memang, sebagaimana banyak yang bilang, Blogger Contact Form memiliki beberapa kelemahan, diantaranya adalah ketiadaan fitur captcha, field yang sedikit, tidak dapat upload file, dan tidak bisa dikostumisasi dari sisi server (ga ada akses, coy). Tapi menurut saya ini tetap bagus, yah lumayan lah, daripada harus menggunakan layanan contact form pihak ketiga yang memiliki batas. Dan menurut hemat saya, Blogger (dan Google tentunya) sudah memiliki cara tersendiri untuk menangani spam. 

Untuk kostumisasi yang lebih advanced, saya sedang merancang beberapa jenis tampilan contact form dengan hack CSS yang nantinya akan saya terbitkan pada kesempatan-kesempatan mendatang.

© copyright Ahmad Khoirul Azmi, published only for buka-rahasia.blogspot.com.
read more

Traffic Blog Gratis dari Getmorehits.Info

Disclosure and Disclaimer:
Artikel ini adalah sponsored review, yang berarti memiliki muatan promosional suatu produk atau layanan tertentu. Buka-rahasia.blogspot.com dan penulis blog ini tidak mewakili pandangan dan menyarankan secara implisit maupun eksplisit atas penggunaannya.
cara dapat traffic dari getmorehits

Bagi para blogger, traffic merupakan hal yang paling penting untuk bisa bersaing di search engine selain artikel yang menarik dan desain blog yang rapi, tanpa adanya traffic blog akan sepi bagaikan kota mati yang tak berpenghuni.

Cara/teknik meningkatkan visitor blog tergantung dari pemahaman sobat seputar dunia blogging, bila sobat sudah berpengalaman pastinya akan sangat mudah untuk membuat blognya ramai dan populer, tapi jika Anda seorang pemula pastinya akan sangat susah untuk mewujudkan itu semua.

Jika sudah begini yang akan sobat lakukan pasti mencari ' tutorial blogger, cara membuat blog populer, bagaimana cara menaikan visitor & menurunkan alexa rank? '.

Setelah searching berjam-jam yang didapat tak lebih dari tutorial yang menyuruh Anda untuk bergabung ke forum blogger, blogwalking, share ke sosial media, dan itu kurang efektif dan pastinya sobat malas untuk melakukan itu setiap hari.

Tapi ada cara jitu untuk menaikan traffic blog dengan mudah, yakni menggunakan www.getmorehits.info. Sistem kerja website tersebut adalah traffic exchange, yaitu sobat harus menggunjungi website member lain dan sobat akan mendapatkan kunjungan balik ke blog sobat, selain itu agar sobat tidak bosan disana disediakan fasilitas chat room untuk ngobrol dengan member lain.Tunggu apa lagi? langsung daftar gratis sekarang juga!
read more

Recent Comments

Tautweb.com

Join Our Team!

© 2013 Buka Rahasia Blogspot | Template by Dicas Blogger | Modified & Enhanced by Ahmad Khoirul Azmi

 ContactPrivacy PolicyComment PolicySitemap