Wednesday, 30 April 2014

Mengenal Google Sandbox dan Solusinya

Apa itu Google Sandbox? ~ Google Sandbox merupaka salah satu penalti dari google akibat melakukan tindakan yang tidak disukai oleh google.
Penalti ini paling buruk dibandingkan penalti lain seperti, Google Dance, Google Panda dll. Apabila ada Blog yang terkena penalti google sandbox baik blog maupun artikel yang masih terindex oleh google, namun artikel tersebut yang terkena google sandbox akan hilang di mesin pencari (search engine) google, terkubur di bak pasir.

Mengenal Google Sandbox dan Solusinya

Google Sandbox ini seperti penyakit menular, bila tidak segera diatasi (artikel yang terkena sandbox) akan menular ke artikel-artikel yang lain.
Blog yang terkena penalti google sandbox sudah dipastikan trafiknya menurun, karena sebagian dari artikel blog tersebut tidak akan muncul di pencarian google.

Google Sandbox Check

Sebelum mengecek artikel mana yang terkena penalti google sanbox, pastikan;
  • Blog anda bukan termasuk blog yang baru, tapi blog yang sudah lama (sudah berumur sebulan ke atas). Karena biasanya blog yang baru artikelnya akan sulit terindex.
  • Bila blog anda tergolong blog baru sudah diprediksikan bahwa artikel anda tidak terjebak ke dalam google sandbox, tetapi karena blog anda yang baru membutuhkan waktu untuk berkenalan dengan Search Engine.
  • Tidak sehabis ganti judul blog dan deskripsi blog. Karena jika blog anda sehabis ganti judul dan ganti deskripsi blog ini juga membutuhkan waktu berkenalan (mengcrawl) dengan blog anda lagi, dan untuk memperbaiki blog anda pada hasil pencarian.
  • Artikel tersebut sudah diterbitkan 2 hari yang lalu.
Jika ketiga sayarat diatas sudah terpenuhi, anda bisa mengecek artikel mana yang masuk ke dalam google sanbox, caranya;
Ketik di pencarian google seperti ini, http://afowles.blogspot.com/2014/04/mengenal-google-sandbox-dan-solusinya.html.
Masukkan URL postingan anda satu persatu, yang anda dicurigai masuk ke google sandbox.
Jika artikel tersebut muncul di search engine berarti artikel anda lolos dari google sanbox,
jika tidak muncul maka artikel itu masuk ke dalam sandbox Atau bisa masuk ke Google Sandbox Checker. Masukkan;
  • URL Blog anda.
  • Keyword/kata kunci blog anda.
  • Hasil dari angka yang ditampilkan.
  • Klik Submit
Jika pemberitahuannya; Your site in google sandbox Artinya, blog anda tidak masuk ke dalam google sandbox.
Dan jika ada pemberitahuanny kayak dibawah ini Your site is still in google sandbox. Contact support@searchenginegenie. com to get you out of sandbox Artinya, blog anda sedang berada ke dalam google sandbox. Itulah cara untuk mengecek artikel yang terkena sandbox. Penyebab Penalti Google Sanbox Adapun penyebab terkenal penalty dari Google berupa google sandbox antra lain;
  • Over optimasi - Untuk yang ingin meningkatkan jumlah pengunjung biasanya melakukan berbagai optimasi berlebih , yang dapat menggangu google Banklink yang tidak wajar.
  • Artikel Copas
  • Artikel Duplicate content
  • Artikel yang terdapat link rusak
Itulah cara mengetahui penyebab terkena penalty google sandbox.

Solusi Keluar dari Google Sandbox

Bagi anda yang blognya terkena penalti google sandbox tak perlu cemas atau panik, masih bisa diselamatkan, caranya;
  • Hentikan teknik SEO yang berlebihan.
  • Jangan mencari backlink yang berlebihan Carilah backlink yang pageranknya lebih tinggi. Ini bisa menolog artikel anda yang terkena google sandbox.
  • Memodifikasi artikel yang terkena sandbox, tidak perlu semua yang penting agak berbeda gitu. Plus saya beri link ke google search baik search di google.co.id maupun google.com.
  • Bila google sandbox pada artikel yang terdapat link rusak/ broken link, perbaiki linknya atau arahkan pada situs yang sehat/permanen
  • Submit ulang sitemap blog untuk menarik perhatian Empu google.
  •  Melakukan Reconsideration Request di Google Webmaster.
Itulah sedikit cara yg pernah saya lakukan untuk keluar dari Google Sandbox, mudah mudahan dengan cara tersebut dapat menolong post yang terkena google sandbox. Semoga bermanfaat..

Sunday, 27 April 2014

Coret Kalimat Kotor di Komentar

Coret Kalimat Kotor di Komentar
Di jaman sekarang ini berbicara kata - kata kotor sudah tidak tabu lagi bahkan sudah membudaya, seiring berkembangnya jaman di era modern ini banyak orang yg berbicara kotor terlebih membuat sakit hati seseorang.. Sampai untuk komentar blogger-pun terkena imbas dari kata-kata tersebut. Untuk itu kehadiran saya membuat postingan ini untuk membantu para teman-teman semua yang baik hati dan sopan, untuk menciptakan sebuah script blogger anti kata-kata kotor alias mencoretnya. Script ini saya ambil dari postingan Kang Ismet yg berjudul Menandai dan Mencoret Kata Terlarang dalam Komentar
Untuk sahabat blogger yang ingin memasang script ini silahkan copy paste script di bawah ini dan letakan di atas </body>
<script type="text/javascript">
//<![CDATA[
function blockNotAllowed(parentID, children) {
var parent = document.getElementById(parentID),
content = parent.getElementsByTagName(children);
for (var i = 0; i < content.length; i++) {
var regex = /(^| |>)(kata1|kata2|kata3|kata4)(<| |$)/g,
html = content[i].innerHTML;
content[i].innerHTML = (regex.test(html)) ? '<del>' + html.replace(regex, "$1<mark>$2</mark>$3") + '</del><br><br>Kata-kata yang ditandai tidak boleh ada di dalam komentar.' : html;
}
}
blockNotAllowed('comment-holder', 'p');
//]]>
</script>
Perlu di perhatikan, untuk kode comment-holder bisa anda sesuaikan dengan ID area komentar sobat misal menggunakan threaded comment hack area komentarnya adalah comment_block
Sobat bisa mengganti beberapa kode tersebut seperti Kata-kata yang ditandai tidak boleh ada di dalam komentar dan kata1|kata2|kata3|kata4 untuk menyesuaikan kata-kata kotor versi Sobat atau juga bisa untuk mencoret OOT seperti yg saya pakai (Jika belom masih terpasang)
Semoga bermanfaat...

Friday, 25 April 2014

Responsive Original Blogger Template Valid HTML 5 dan CSS 3

Responsive Original Blogger Template Valid HTML 5 dan CSS 3 juga SEO

Original Blogger Template adalah template Blogger yg sepenuhnya Responsive dan telah di validasi HTML 5 entah di Homepage ataupun di Postingan yg juga telah di Validasi CSS 3 yg menghasilkan SEO Score 100% ala CHKME.


Featured

Untuk membuat Blog tetap Valid HTML 5 dan SEO 100% setelah Anda menambahkan Widget hapus Kode ini pada --> Edit HTML

<b:include name='quickedit'/>
Mungkin cukup itu saja untuk menjaga Blog agar tetap Valid HTML 5 dan SEO 100%.

Please do not remove the credit link in the footer section. If you have question about this template, leave your comment below. Thanks..

Tuesday, 22 April 2014

Metode Sederhana Membuat Dialog Box

Metode Sederhana Membuat Dialog Box
Metode Sederhana Membuat Dialog Box - Ada beberapa request dari sahabat yang menanyakan cara membuat kotak dialog box info seperti di blog ini. Sudah banyak artikel yang membahas tentang membuat kotak dialog box. Beberapa dari mereka mengimplementasikan tutoral ini dengan berbagai cara salah satunya dengan Show Hide..
Saya akan menjelaskan langkah demi langkah untuk membuat kotak dialog box info. Berikut Langkah - langkahnya..

Membuat Kotak Dialog

Pertama kita perlu membuat kotak dialognya, seperti berikut ini. Silahkan sobat sesuaikan Warna dan Lebar kotak dialog.
.box {
width: 600px;
height: 200px;
background-color: #2c3e50;
border-radius: 5px;
position: absolute;
left: 50%;
margin-top: -150px;
margin-left: -300px;
top: -9999px;
z-index: 1000;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4) inset, 0 1px 0 rgba(255, 255, 255, 0.2);
}

Membuat Kotak Pesan

Buat juga kotak pesan yg nantinya sobat tulis dengan kalimat sobat.
.box .pesan {
position: absolute;
top: 30px;
right: 10px;
bottom: 10px;
left: 10px;
padding: 5px 10px;
overflow: auto;
background-color: #1abc9c;
color: #fff;
text-align: left;
line-height: 1.5em;
font-size: 14px;
border-radius: 0 0 5px 5px;
}

Tanda Tangan

Untuk beberapa blog mungkin mempunyai beberapa Author seperti di Blog ini ada 2 yaitu saya dan sahabat saya Jenny Psychicfio. Silahkan sobat ganti content: "Jenny Psychicfio"; dengan nama sobat..
.pesan .ttd:after {
content: "Jenny Psychicfio";
position: relative;
float: right;
}

Tombol Close

.close:after {
content: url('http://2.bp.blogspot.com/-d-5BS0YCkho/UOKe2UIw0rI/AAAAAAAAC4w/md_iYNVHaHk/s1600/delete4.png');
position: absolute;
top: -10px;
right: -10px;
background: #ecf0f1;
border-radius: 100%;
padding: 10px;
z-index: 1000;
cursor: pointer;
}
Kode Css di atas bisa anda simpan di atas kode ]]></b:skin> atau </style>

Setelah semua itu buat kode HTML yang nantinya di tambahkan dengan tombol pemanggil yang berfungsi untuk membuka Dialog Box tersebut.
<button class='info'>Info</button>
<div class='box'>
<div class='pesan'>
Selamat datang di Blog Dian Anarchyta. Ini hanya contoh dialog box sederhana dengan jQuery. Untuk membuatnya, silahkan pahami sedikit demi sedikit, jangan terburu-buru.<br />
<span class='ttd'></span>
</div>
<div class='close'></div>
</div>
Dialog di atas belum bisa di eksekusi terlebih jquery pemanggil dialog box belum di pasang yg juga berfungsi untuk menyembunyikan.

Fungsi jQuery

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function () {
//tampilkan kotak dialog saat muncul dengan class info
$('.info').click(function () {
$('.info').hide();
$('.box').css({top: '50%',position: 'fixed'})
$('body').css({background: '#123',transition: 'all 5s'}) //efect body berubah warna
});
//sembunyikan kotak dialog dengan class close
$('.close').click(function () {
$('.box').hide()
$('body').css({background: '#ecf0f1',transition: 'all 5s'}) //efect body berubah warna
})
});
//]]>
</script>
Itulah perintah jQuery dimana untuk membuka dan menutup dialog, silahkan sobat letakan di atas </body>

Selamat mencoba, jika masih bingung silahkan tanyakan di komentar bawah...

Sunday, 20 April 2014

Memasang Font Awesome di Judul Gadget atau Menubar

Memasang Font Awesome di Judul Gadget atau Menubar - Selamat sobat blogger semua, semoga sehat selalu. Nah, kali ini untuk menjawab pertanyaan teman-teman yang ingin meletakkan font awesome di judul gadget sidebar ataupun di menubar.
Langsung saja berikut ini caranya..

Cara Pertama

1. Login Blogger
2. Edit HTML
3. Kemudian cari kode gadget Anda, misalkan:
<b:widget id='HTML1' locked='false' title='Artikel Terkait' 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>

Perhatikan yg saya garis bawahi
Kode awal:
<h2 class='title'><data:title/></h2>
Ganti menjadi:
<h2 class='title'><i class="icon-facebook"/><data:title/></h2>
Pada code <i class="icon-facebook"/> di atas silahkan sobat sesuikan dengan yg sobat inginkan, disini List Icon Font Awesome dan CSS Value Content V4.0.3 yang mungkin bisa membantu sobat mencari icon yg di perlukan.

Cara Kedua

1. Masuk Ke Blogger
2. Pilih Template >> Edit HTML
3. Masukan kode CSS dibawah ini tepat di atas ]]></b:skin> atau </style>
.awesome h2 {
background : #292929 !important;
color : #fff;
}
.awesome h2:before {
content : "\f0d5";
font-family : FontAwesome;
font-size : 15px;
font-style : normal;
font-weight : normal;
padding : 4px 1px;
margin : 0 10px 0 0;
border-radius : 3px 0 0 0;
}
pada code content : "\f0d5"; bisa anda dengan value font awesome yg di inginkan..
Selanjutnya silahkan anda cari kode seperti ini (contoh)
<b:widget id='HTML2' locked='false' title='Artikel Terkait' 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>

Perhatikan yg saya garis bawahi
Kode awal:
<b:includable id='main'>
Ubah menjadi
<b:includable id='main'><div class='awesome'>
dan garis bawah yg kedua
</div>
Ganti menjadi
</div></div>
Jika ada yang belum paham, dengan tutorial ini, bisa kita bahas di dalam kolom komentar...
Terimakasih sudah berkunjung,,, Semoga Tutorial ini bermanfaat ya...

Thursday, 17 April 2014

Memasang Tombol Konversi Emoticon di Form Threaded Comments

Memasang Tombol Konversi Emoticon di Form Threaded Comments

Selamat malam sobat blogger semua, pada malam ini saya coba akan berbagi trik Memasang Tombol Konversi Emoticon di Form Threaded Comments... Artikel ini sebenarnya udah populer di kalangan blogger, tapi apa salahnya untuk berbagi ilmu kepada sobat blogger semua sekaligus sebagai jawaban pada OOT yg menyankan gimana nambahin tombol show hide konversi kode dan emoticon di bawah pesan komentar?

Berikut tutorialnya


1. Masuk ke Blogger.com
2. Template dan pilih Edit Template (Jangan Lupa Back Up dulu Templatenya)
3. Cari Kode berikut di bawah ini

<b:includable id='threaded-comment-form' var='post'>...</b:includable>

4. Ganti kode di atas dengan kode di bawah ini

<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<b:if cond='data:mobile'>
<p><data:blogCommentMessage/>
<br/><br/><span class='konversi pencet'>Konversi Kode</span><span class='tutup pencet' style='display:none'>Tutup Konverter!</span><span class='show_emo pencet'>Emoticon</span></p>
<script type='text/javascript'>
$(document).ready(function() {
$(&#39;.konversi&#39;).click(function() {
$(&#39;.my-konversi&#39;).show();
$(&#39;.tutup&#39;).show();
$(&#39;.konversi&#39;).hide();
});
$(&#39;.tutup&#39;).click(function() {
$(&#39;.my-konversi&#39;).hide();
$(&#39;.tutup&#39;).hide();
$(&#39;.konversi&#39;).show();
});
$(&#39;.show_emo&#39;).click(function() {
$(&#39;.comment_emo_list&#39;).toggle(&#39;slow&#39;);
});
});
</script>
<div class='my-konversi'><br/>
<script src='http://yourjavascript.com/84141947611/konversi-kode.js' type='text/javascript'/></div>
<div class='comment_emo_list'/>
<data:blogTeamBlogMessage/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;pageID=&quot; + data:post.id' id='comment-editor-src'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:post.id' id='comment-editor-src'/>
</b:if>
<iframe class='blogger-iframe-colorize blogger-comment-from-post' id='comment-editor' name='comment-editor'/>
<b:else/>
<p><data:blogCommentMessage/>
<br/><br/><span class='konversi pencet'>Konversi Kode</span><span class='tutup pencet' style='display:none'>Tutup Konverter!</span><span class='show_emo pencet'>Emoticon</span></p>
<script type='text/javascript'>
$(document).ready(function() {
$(&#39;.konversi&#39;).click(function() {
$(&#39;.my-konversi&#39;).show();
$(&#39;.tutup&#39;).show();
$(&#39;.konversi&#39;).hide();
});
$(&#39;.tutup&#39;).click(function() {
$(&#39;.my-konversi&#39;).hide();
$(&#39;.tutup&#39;).hide();
$(&#39;.konversi&#39;).show();
});
$(&#39;.show_emo&#39;).click(function() {
$(&#39;.comment_emo_list&#39;).toggle(&#39;slow&#39;);
});
});
</script>
<div class='my-konversi'><br/>
<script src='http://yourjavascript.com/84141947611/konversi-kode.js' type='text/javascript'/></div>
<div class='comment_emo_list'/>
<data:blogTeamBlogMessage/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;pageID=&quot; + data:post.id' id='comment-editor-src'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:post.id' id='comment-editor-src'/>
</b:if>
<iframe class='blogger-iframe-colorize blogger-comment-from-post' id='comment-editor' name='comment-editor'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
</script>
</div>
</b:includable>

5. Kalau sudah jangan lupa untuk memasukan kode CSS berikut di atas kode ]]></b:skin> atau </style>

#comments .pencet { 
color : #fff;
margin-right : 10px;
padding : 4px 15px;
background-color : #e74c3c;
font-size : 12px;
font-weight : 400;
text-transform : none;
border-radius : 4px;
text-decoration : none;
outline : none;
box-shadow : 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 2px #333;
text-shadow : 0 -1px 0 rgba(0, 0, 0, 0.3);
transition : background-color 1s 0s ease-out;
cursor : pointer;
}
#comments .pencet a {
color : #fff !important ;
}
.my-konversi {
display : none;
background : none;
width : 100%;
height: 265px;
margin-bottom : 5px;
}

Terakhir "Save" template sobat..
Sekian tutorial mengenai Memasang Tombol Konversi Emoticon di Form Threaded Comments. Semoga bermanfaat untuk sobat blogger semua. Jika sobat menyukai Artikel ini silahkan beri vote dengan meng-klik salah satu tombol di bawah ini.
Terima kasih buat sobat blogger semua :D

Update : Sabtu, 19 April 2014 | 2:33 PM


Klik tombol Show Update untuk melihat artikel updatenya :



Wednesday, 16 April 2014

Auto Redirect dengan Timer

Auto Redirect dengan Timer
Pengalihan untuk laman tidak ditemukan, mungkin perlu untuk dunia blogging. Namun kali ini yang saya posting adalah artikel Cara Membuat Auto Redirect with Timer. Dari judulnya sudah pasti ada timernya atau stopwatchnya.
Berikut cara membuatnya
  • Login ke Blogger
  • Pilih Menu Setelan
  • Pilih Preferensi Penelururan > Kesalahan dan Pengalihan > Pesan Khusus untuk Laman tidak ditemukan > Edit
  • Masukkan kode berikut pada text area tersebut
<script type='text/javascript'>
//<![CDATA[
var seconds = 10;
setInterval(
function() {
if (seconds <= 1) {
window.location = 'http://afowles.blogspot.com';
} else {
document.getElementById('credits').innerHTML = --seconds;
}
},
1000
);
document.write('Artikel atau Laman yang anda cari tidak ada, silahkan tunggu <span id="credits">10</span> detik lagi.');
//]]>
</script>
  • Simpan dan lihat hasilnya..
Keterangan : http://afowles.blogspot.com ganti dengan URL blog Anda.

Baca juga Menampilkan Pesan Jika Kode Tertentu dihapus dari HTML ini bisa anda improvisasikan dengan kode di atas untuk melindungi credit link :D
SELAMAT BERIMAJINASI dengan JavaScript =D

Sunday, 13 April 2014

Cara Membuat Konten Sosial Locker

Cara Membuat Konten Sosial Locker

Berapa banyak orang yang menggunakan situs jaringan sosial untuk meningkatkan Traffic Website mereka? Ada Blogger profesional yang sepenuhnya tergantung pada Lalu Lintas Sosial. Namun, sangat sulit untuk mendapatkan banyak visitor sosial dengan cepat. Padahal, ada beberapa widget yang membantu untuk meningkatkan traffict sebuah blog. Jika kita ingin mendominasi web sosial, maka kita harus memanfaatkan setiap kesempatan yang kita miliki.

Apakah Anda menggunakan beberapa widget sosial share pada setiap halaman situs Anda? Sebenarnya, masalahnya adalah bahwa, orang akan berbagi apabila menyukai konten Anda. Oleh karena itu, mereka tidak klik tombol sosial dan bukannya Membaca dan meninggalkan situs web Anda karena mereka tidak peduli tentang lalu lintas atau website Anda. Meminta orang untuk Like , +1 atau tweet untuk mendapatkan akses ke konten Anda memang cara yang ideal untuk memaksa pengguna untuk berbagi di web sosial.

Konten Sosial Locker ini terdiri dari tiga tombol sosial dengan tampilan horizontal yg elegant. Tombol Sosial terdiri dari Facebook, Twitter dan Google plus. Hal ini memungkinkan seseorang untuk mendapatkan lebih banyak pengikut sosial yang nyata.

Tambahkan Javascript di bawah ini di atas kode </head>
<link href='https://googledrive.com/host/0BwbwSIoW-tx1Qm40V25ma3NxeFE/anarchyta-content-locker.css' rel='stylesheet' type='text/css'/>
<script src="https://googledrive.com/host/0BwbwSIoW-tx1RW54dHVDVGhTT0E/anarchyta-content-locker.js" type="text/javascript"></script>
Kemudian Save template :D

Terakhir masukan kode di bawah ini di bagian posting yg akan di share paksa..
<div id="default-usage">
<div class="to-lock" style="display: none;">
<div style="color: white; font-size: 24px; margin-bottom: 20px; margin-top: 15px; text-align: center; text-shadow: -1px -1px 1px #87a5a8;">
<span class="icon-download-alt"></span> <a href='LINK_DOWNLOAD'>Download Template</a>
</div>
</div>
</div>
<script type="text/javascript">
jQuery(document).ready(function ($) {
$("#default-usage .to-lock").socialLock({
text: {
header: "Share To Unlock The Download Button",
message: "Silahkan Klik Tweet - Like - G+ untuk mendownload."
},
style: "ui-social-locker-secrets",
buttons: {
order: ["twitter", "facebook", "google"]
},
// twitter options
twitter: {
url: "http://afowles.blogspot.com",
text: "Subculture Fix Responsive Blogger Template"
},
// facebook options
facebook: {
url: "http://afowles.blogspot.com",
appId: "418044881593120"
},
google: {
url: "http://afowles.blogspot.com"
}
});
});;;;
</script>
Keterangan : Ganti URL http://afowles.blogspot.com dengan URL yg Anda inginkan untuk Deskripsi Konten bisa Anda isi terserah..
Mungkn itu saja yang bisa saya bagikan, untuk widget ini sebenarnya pertama kali di publikasikan oleh http://www.mybloggerlab.com akan tetapi widget ini tidak bekerja dengan maksimal seperti tombol google+ yang tidak bisa meredirect ke konten yg di sembunyikan, setelah saya otak atik sedikit ternyata lebih optimis tanpa memasukan banyak CSS dan jQuery.

Saturday, 12 April 2014

Menghentikan redirect blogger ke custom ccTLD

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

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

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

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

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

Bagaimana Cara Mengatasi Blogger Redirect Ke Domain Luar Negeri? Cara agar blogspot tidak Redirect ke Domain luar negeri sangat mudah, sobat blogger cukup menyisipkan kode berikut di atas kode </head>

<script type='text/javascript'>
// <![CDATA[
var blog = document.location.hostname;
var slug = document.location.pathname;
var ctld = blog.substr(blog.lastIndexOf("."));
if (ctld != ".com") {
var bda = "http://" + blog.substr(0, blog.indexOf("."));
bda += ".blogspot.com" + slug;
window.location.replace(bda);
}
// ]]>
</script>

Kemudian coba sobat ubah domainnys menjadi http://NamaBlogAnda.blogspot.in atau yang ada di daftar dan lihat efeknya pasti akan redirect ke blogspot.com, inti dari redirect ini berdampak pada ALEXA blog kita, semoga dengan ini ALEXA bisa berubah.

Source : Dari berbagai sumber

Friday, 11 April 2014

Subculture Fix Responsive Blogger Template

Subculture Fix Responsive Blogger Template

Subculture Fix Responsive Blogger Template merupakan sebuah template pribadi yang akhirnya saya bagikan secara gratis untuk blogger yang ingin memakainya. Share gratis ini saya lakukan agar blogger lain juga dapat memiliki template seperti ini tanpa mengclonningnya. Karena sekarang banyak sekali tindak copy paste CSS dan HTML di kalangan blogger dan parahnya lagi menjual template hasil clonningan tersebut, sungguh blogger tak beretika. Menghindari sakit hati dicloning lagi, maka saya share secara gratis template ini. Tidak banyak fitur yang diberikan oleh template ini. Tapi berikut yang terdapat di template ini

  1. Responsive
  2. Valid HTML 5 Homepage dan Posting
  3. Valid CSS 3
  4. SEO Score 100% ala CHKME
  5. Recent Comments Notif
  6. Threaded Comment
  7. Share Button
  8. Related Posts
  9. Breadcrumbs
  10. dan masih banyak lagi

Masih seperti biasa setelah Anda menambahkan Widget hapus Kode ini pada Edit HTML
<b:include name='quickedit'/>

Update 12-04-2014 | 4.16PM

Fixed H1 and image issues, Silahkan download ulang, karena ada sedikit masalah pada Tag H1 di postingan dan gambar juga keluhan dari sahabat blogger yg sudah mendownload.


Dilarang menghapus dan mengganti link credit apa lagi menjual template ini,!!!

Tuesday, 8 April 2014

Cara Mengatasi OpenID Error Ups Itu Kesalahan

Mengatasi OpenID Error Ups Itu Kesalahan

Cara mengatasi OpenID error "Ups Itu Kesalahan..." atau "Whoops, that's an error..." sebenarnya kode yg di berikan sudah benar seperti yg di terangkan oleh Jenny Psychicfio dalam postingannya yg berjudul Cara Menggunakan Komentar OpenID di Blog. Ternyata error "Ups Itu Kesalahan..." atau "Whoops, that's an error..." di disebabkan oleh error openid server yang dimiliki oleh Blogger sendiri. Untuk menyelesaikan masalah tersebut, Anda tidak perlu mensubmit error yang dimiliki oleh Blog anda ke Google. Anda hanya perlu menggati provider openid yang dimiliki oleh Blog anda, yaitu dari server openid blogger ke server openid.

Berikut cara menyelesaikan masalah OpenID:
1. Anda register dulu di Openid Stackexchange
2. Masukkan data-data Anda.
3. Setelah register selesai, konfirmasi pendaftaran di email Anda.
4. Masuk ke Dashbord blog Anda, Edit HTML.
5. Copy kode berikut di bawah <head>
<link rel='openid2.provider' href='https://openid.stackexchange.com/openid/provider' />
<link rel='openid2.local_id' href='https://openid.stackexchange.com/user/Your ID Number' />
Silahkan Anda ganti Your ID Number dengan id yang suda teregistrasi di stackexchange
6. Simpan template.
7. Selesai dan silahkan coba di komentar bawah ini
Demikian postingan Cara Mengatasi Error Ups, Itu Kesalahan atau Whoops, That Is an Error pada OpenID, saya harap postingan ini dapat membantu dan bermanfaat bagi Anda.

Cara Menggunakan Komentar OpenID di Blog

Cara Menggunakan Komentar OpenID di Blog

Cara Menggunakan Komentar OpenID di Blog - Banyak yang mengalami disaat ingin berkomentar menggunakan OpenID tetapi tidak bisa dan akan muncul gambar peringatan diatas kolom komentar, dan kali ini saya akan membahas Cara Menggunakan Komentar OpenID di Blog.

Pertama  sobat login ke blogger.com
Pilih Template -> Edit HTML
Letakan kode dibawah ini dibawah kode <head>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
Kemudian Simpan Template / Save Template
Dan sekarang sobat sudah bisa menggunakan komentar OpenID di Blog, berkomentar dengan OpenID juga bisa untuk mempermudah berkomentar di blog orang lain.
Sekian dari saya, semoga artikel ini bermanfaat.

Update By +Dian AnaR-chyta
Cara mengatasi OpenID error "Ups Itu Kesalahan..." atau "Whoops, that's an error..."

Wednesday, 2 April 2014

Mudahan SEO Responsive Blogger Template Valid HTML5 CSS3

Mudahan SEO Responsive Blogger Template


Featured

Untuk membuat Blog tetap Valid HTML 5 dan SEO 100% setelah Anda menambahkan Widget hapus Kode ini pada --> Edit HTML
<b:include name='quickedit'/>
Mungkin cukup itu saja untuk menjaga Blog agar tetap Valid HTML 5 dan SEO 100%.

Latest Update : Function Ajax Searchbox & Tag H2 pada Sidebar yg bertabrakan dengan widget sidebar @media screen and (max-width:768px)

Tuesday, 1 April 2014

About This Tattoo

Apa itu Tattoo? Dalam Bahasa Indonesia disebut dengan istilah "Rajah".
Tattoo merupakan produk dari Body Decorating dengan menggambarkan kulit tubuh dengan menggunakan (jarum,tulang & sebagainya), kemudian bagian tubuh yang digambar tersebut diberi zat perwarna atau pigmen berwarna-warni.
Tattoo dianggap sebagai kegiatan seni karena didalamnya terdapat kegiatan pola atau design tattoo.

Tattoo merupakan Seni Rajah yang permanent, adapun artikel dibawah ini adalah agar untuk membantu agar tidak salah dalam menentukan gambar tattoo, karena tattoo memiliki arti-arti yang menggambarkan sesuatu dari visual.

Artikel dibawah ini hanya sebagai kerangka arti tattoo secara umum atau masing-masing tertentu punya presepsi sendiri tentang motif tattoo yang di inginkan.

Artikel ini saya sadur dari buku
"The Body Modification Black Book" by Richard Le May.

Arti Tattoo

  • Apel : Melambangkan "Awal Kehidupan yang Baru". hal ini diambil dari kisah Nabi Adam & Hawa.
  • Pisau : Melambangkan "Loyalitas Terhadap Suatu Hal atau Keteguhan Hati" , ini didapat dari kebudayaan bangsa Jepang yang rela memotong jari sebagai tanda penyesalan dari kegagalan yang dilakukan untuk menaikan harga diri yang telah jatuh.
  • Mata : Melambangkan "Sisi Pengetahuan mengarah ke sifat Waspada".
  • Kipas : Melambangkan "Pengusir Roh Jahat".
  • Bendera : Melambangkan "Sisi Patriot dan sisi Cinta Tanah Air".
  • Fleur De Lis : Digunakan dalam simbol Pramuka diseluruh dunia, yang mana lambang ini merupakan lambang resmi kerajaan Prancis yang mempunyai arti "Kemerdekaan dan Kebebasan".
  • Buah Anggur : Merupakan simbol tua dari bangsa Geek yang melambangkan Dewa Dioysus, banyak yang salah mempresepsikan simbol buah anggur sebagai lambang "Kesuburan dan Kelahiran", namu dalam motif tattoo Anggur melambangkan "Kehidupan yang Sempurna dengan Alkohol yang selalu menemaninya".
  • Bunga Lotus : Dalam budaya Chinese bunga lotus adalah bunga yang indah walaupun tumbuh didaerah yang berlumpur, hal ini menggambarkan "Semua itu indah,Walau tidak ada yang sempurna".
  • Bintang Nautical : Melambangkan "Sinar kehidupan yang tak pernah padam".
  • Jaring Laba-Laba : Beberapa mengatakan tattoo bergambar jaring laba-laba disikut melambangkan kehidupan, namun asal dari motif ini adalah dari gangster motor yang terkenal yang bernama "Hell Angels" yang memiliki arti "Penjaga Bikers agar tidak terjatuh saat mengendarai motor Harley` atau sebagai simbol "Penjaga agar terjauh dari kesialan".
  • Jangkar : Sekilas memang seperti menggambarkan seorang Pelaut, namut arti sesungguhnya adalah simbol yang memiliki arti "Perlindungan,Harapan & Pengorbanan". Lebih ditunjukan sebagai rasa Tanggung Jawab sebagai Kepala Keluarga.
  • Bunga Hibicus : Dikenal dengan "Clover" merupakan simbol nasional dari bangsa Irish, yang memiliki arti "Kekuatan dan Ketegaran seorang wanita", biasanya menunjukan kasih sayang kepada Ibu.
  • Bulu : Simbol yang melambangkan "Kreativitas atau untuk menggambarkan perasaan seperti Lahir Kembali".
  • Hati : Melambangkan sifat "Kasih & Sayang".
  • Daun : Melambangkan "Kebahagiaan atau Baru Terlahir Kembali".
  • Bulan : Melambangkan "Kehidupan yang silih berganti".
  • Bunga Mawar : Sebenarnya arti bunga mawar secara keseluruhan adalah "Kecantikan dan Keindahan yang abadi", namun bunga mawar memiliki arti "Kesuburan" yang dipakai oleh kaum pagan sebagai simbol yang menggambarkan wanita.
  • Tengkorak : Melambangkan sesuatu yang "Kelam atau Kematian".

Arti Motif Binatang

  • Burung : Melambangkan "Kebebasan dan Keindahan" hal ini diwakili oleh gradasi warna merah yang cerah. Biasanya untuk gambar burung ini sering dipakai untuk motif tattoo adalah motif burung (Owl,Swallow,Phoenix,dll). Untuk pria biasanya mengambil contoh2 motif burung walet yang dihiasi dengan bintang (melambangkan bangkit dari kegelapan), atau burung gagak (memiliki arti kebangkitan), sementara untuk wanita lebih banyak variasi seperti (Phoenix memiliki arti Kekuatan) atau (Burung Merak melambangkan Keindahan).
  • Kura-Kura : Melambangkan "Panjang Umur".
  • Singa : Melambangkan "Keberanian,Kewaspadaan & Keabadian".
  • Monyet : Melambangkan "Pengharapan,Pengetahuan atau kekuatan setan". Terkenal dengan istilah Three Monkey (See No Evil, Talk No Evil, and Hear No Evil).
  • Kodok : Melambangkan "Perubahan Positif dalam Kehidupan".
  • Anjing : Melambangkan "Kesetiaan dan Kepercayaan".
  • Capung : Melambangkan "Kehidupan dan Spiritual".
  • Kadal : Melambangkan "Kekuatan untuk bangkit dari kesulitan".
  • Kucing : Melambangkan "Sisi Wanita yang Feminim dan Lembut".
  • Ikan : Melambangkan "Kesuburan,Kekuatan & Keindahan".
  • Banteng : Melambangkan "Kekuasaan dan Kekuatan".
  • Kupu-Kupu : Simbol Keindahan dan tanda syukur keindahan warna-warni kehidupan.

Mythologi dan Kepercayaan

About This Tattoo
  • Naga : Naga ada 2 pengertian, untuk Naga Amerika (American Dragon) melambangkan Kekuatan, dan untuk Naga Jepang (Japanese Dragon) melambangkan Keinginan dan Kepintaran, biasanya untuk Japanese Dragon digabungkan dengan dengan gambar macan untuk menvisualkan "Keinginan dan Keindahan".
  • Salib : Simbol dari Agama Kristiani yang menggambarkan "Pengorbanan & Cinta Kasih".
  • Peri : Peri merupakan makhluk mythologi yang melambangkan sifat "Anak Kecil yang Selalu Tersenyum", ini diambil dari Bangsa Irish yang menggambarkan "orang yang optimis, bahwa setelah kesulitan ada kebahagiaan".
  • Yin-Yang : Melambangkan "Keseimbangan".
  • Malaikat : Ada 2 model dalam penggambaran malaikat, yaitu ada malaikat pria dan malaikat wanita. Namun keduanya memiliki persamaan arti yaitu sebagai simbol "Perlindungan,Keamanan,Penjaga Harapan dan Cita-Cita).
  • Ganesha : Salah satu motif Agama Hindu yang menggambarkan Dewa berkepala gajah yang memiliki arti "Waspada dan Perlindungan" namun masyarakat Indonesia sendiri memiliki pengertian sebagai simbol "Ilmu Pengetahuan".
  • Griffin : Merupakan makhluk mythologi dari Bangsa Yunani kuno, yang mana digambarkan sebagai makhluk berkepala Elang namun berbadan Singa dan memiliki sayap. Yang mana pada masa Abad pertengahan di Eropa dijadikan simbol religi yang dinamakan "Zoroastrianism".
  • Mata Horus : Dikenal dengan nama " The Eye Of Horus ", merupakan simbol dari Bangsa Mesir yang mana tergambar sebagai "Mata kiri dari Dewa Horus". Horus menurut Bangsa Mesir kuno merupakan "Dewa Perang dan Perlindungan", namun makin kesini ada yang mengartikan bahwa Mata Horus merupakan simbol dari komunitas Illuminati International, yang mana merupakan simbol dari "Perlindungan dari Setan", biasanya disatukan dengan gambar jangkar.
  • Mata RAh : Dikenal dengan nama " The Eye Of Rah ", perbedaan dengan mata Horus adalah jika mata Horus memiliki lekukan disebelah kiri maka mata Rah memiliki lekukan disebelah kanan. Yang tergambar sebagai "Mata kanan dari Dewa Horus" yang memiliki arti "Penciptaan Kehidupan yang Baru".
  • Kokopelli : Mungkin asing dengan nama ini, Gambar ini juga banyak yang salah mengartikan sebagai lambang dari Rastafarian atau kaum pencinta musik Reggae atau lambang dari pencinta musik SKA. Lumrah jika sebagian salah mengartikannya karena memang jika diperhatikan seperti orang berambut gimbal yang sedang memainkan alat musik tiup. Namun pada kenyataannya Kokopelli simbol dari Bangsa India yang mempunyai arti "Kesuburan & Kejantanan Pria".