CREPICTDGZ

Home / All Post

Cara Terbaru Mendaftarkan Blog di Yandex

March 02, 2017 Add Comment

CrepictDGZ – Berbagi tips Cara Mendaftarkan Blog di Yandex. Yandex seperti halnya Google sebuah Search Engine namun tak setenar Google dan Yahoo. Review mengenai Yandex.ru ini, Yandex adalah situs penyedia Search Engine ( mesin pencarian ) yang cukup mempunyai nama di benua biru yang kita kenal sebagai Negara Rusia, mendaftarkan blog ke Yandex setidaknya anda berpeluang mendapatkan trafik pengunjung dari pengguna yang menggunakan Search Engine Yandex tersebut yang mayoritas dari Rusia dan Eropa timur, walau tak setenar Google paling tidak dari sisi SEO blog kita akan sedikit diuntungkan dari sisi trafiknya.

Dari Yandex Webmaster anda bisa melakukan:

1. Analisis Representasi situs di search engine

Dengan Yandex Webmaster Anda dapat memantau statistik query untuk situs yang ditampilkan dalam pencarian. Layanan ini memungkinkan Anda untuk melihat bagaimana mengubah tayangan, klik, CTR dan indikator lain.

2. Analisa apakah Blog Anda sudah bekerja baik di versi mobile

Menggunakan fitur "halaman Audit untuk mobile kompatibilitas" untuk mengetahui sejauh mana situs Anda menampilkan dengan benar secara standart di smartphone dan tablet, serta memeriksa unsur-unsur yang menyebabkan masalah didalam browser mobile.

3. Troubleshoot Web ( Permasalahan Web Anda )

Menggunakan Yandex.Webmaster sebagai pemeriksa dan menemukan kesalahan kesalahan yang terjadi pada situs Anda dan memecahkan masalah dasar kesalahan, serta meninjau diagnostik history situs secara lengkap.

4. ( Privacy Policy ) Periksaan atas Pelanggaran Aturan Mesin Pencari

Melihat semua informasi tentang pelanggaran yang ditemukan pada Blog Anda, Setelah Anda melihat pelanggaran tersebut Anda diharapkan menghapus semua pelanggaran hanya dengan menekan satu tombol, dan kemudian secara otomatis Yandex melakukan pemeriksaan atas kesalahan tersebut.

5. Menampilkan Secara Visual Statistik Pengindeksan

Melihat semua indikator pengindeksan yang mudah dalam satu antarmuka. Melacak proses pengumpulan data serta mengidentifikasi masalah pengindeksan.

6. Struktur Pengelolaan Web/Blog

Struktur ini dibuat sedemikian rupa dengan menampilkan bagian virtual dari sebuah halaman dari bagian yang berbeda sebuah situs. Misalnya, Anda akan dapat melihat semua informasi ( pada table ) halaman yang dibuat untuk mempermudah pengguna.

Fitur ini memang belum tersedia dalam bahasa Indonesia, jadi Sobat bisa menggunakan bahasa Inggris, jika bingung Anda bisa mentranslate-nya.

Cara Submit/Daftar Websit/Blog di Search Engine Yandex.ru

1. Silahkan masuk situs resminya di https://webmaster.yandex.com/ silahkan daftar terlebih dahulu agar mendapatkan akun yandex, yang nanti akan digunakan untuk menambahkan blog Anda di Search Engine Yandex.

2. Silahkan mengisikan identitas diri serta nomer Handphone Sobat,setelah sesuai seperti pada gambar diatas :

√ Klik Send kode, tunggu beberapa saat hingga anda menerima kode konfirmasi dari Yandex.

√ Kemudian masukkan kode konfirmasi yang telah anda terima melalui sms pada kolom yang disediakan. Klik Confirm, jika kode yang anda masukkan benar langkah selanjutnya adalah klik Register. Dengan begitu anda sudah memiliki akun Yandex

3. Setelah memiliki akun Yandex sekarang tambahkan blog Sobat ke webmaster Yandex (https://webmaster.yandex.com) dengan klik pada tanda " + "

4. Setelah Anda Copy alamat URL situs anda dan paste-kan pada kolom Site Address dan klik Add, nanti akan ada kode meta tag yang harus anda masukan dalam HTML blog anda.

5. Silahkan masuk ke Blogger ( Tema ) Theme >> Edit HTML dan paste-kan di bawah kode <Head> seperti gambar dibawah lalu Simpan Template

6. Setelah anda simpan Meta Tag kode dari Yandex, silahkan masuk kembali ke Yandex Webmaster dan klik Check, Ok.. langkah terakhir menambahkan blog Sobat ke Yandex selesai

7. Langkah berikutnya Sobat harus melengkapi dengan memasukkan URL Sitemap blog agar artikel Sobat terindex di mesin pencari Yandex.

Sillahkan Klik pada menu Tool >> Sitemap Validator disana anda pilih URL lalu isikan pada kolom alamat URL blog.

Contoh : http://namablog-anda.blogspot.co.id/atom.xml?redirect=false&start-index=1&max-results=500

Ganti yang saya tandai warna BIRU dengan URL Blog Anda, Untuk yang warna merah jangan lakukan perubahan apapun.

Kemudian tekan Check maka akan terlihat tampilan seperti dibawah ini.

8. Selesai, nanti secara otomatis dalam beberapa hari blog Sobat sudah terindex di Yandex. Demikianlah Cara Submit/Daftarkan Webasite/Blog ke Yandex.ru serta Cara Regestrasi ke Situs Yandex Agar Blog Kita Cepat Terindex di Search Engine Yandex.

Jika ada masalah terkait tutorial diatas, silahkan tinggalkan komentar pada kolom komentar dibawah posting Blog ini. Jangan lupa share artikel ini ya….

Cara Menyembunyikan Logo Tang dan Obeng ,Widget Attribution,Contact Form di Blogger

March 01, 2017 Add Comment

CrepictDGZ – Kali ini saya akan berbagi tips simple Cara Menyembunyikan Sekaligus Logo Tang dan Obeng ,Widget Atrribution,Contact Form di Blogger dengan CSS. Pada umumnya untuk menghapus logo Tang dan Obeng adalah dengan cara mencari satu per satu kode seperti dibawah ini, lalu menghapusnya satu per satu juga.

<b:include name='quickedit'/>

Akan tetapi ketika Sobat menambahkan widget baru, maka logo tang dan obeng akan kembali muncul, karena setiap penambahan widget baru kode <b:include name='quickedit'/> akan kembali muncul di template Sobat. Dan Sobat harus menghapusnya kembali jika tidak menginginkan logo Tang dan Obeng kembali muncul.

Namun kali ini CrepictDGZ akan memberikan tips sederhana untuk menyembunyikan sekaligus logo Tang dan Obeng serta menyembunyikan widget Attribution dan Contact form di Blogger dengan menggunakan CSS. Ini Aman dilakukan karena bersifat menyembunyikan saja dari Blog dan bukan menghapus script-nya.

Cara Menyembunyikan Sekaligus Logo Tang dan Obeng ,Widget Attribution,Contact Form di Blogger

1. Masuk ke Blogger >> Edit HTML

2. Letakkan kode CSS dibawah ini tepat dibawah kode <style> atau sebelum kode ]]></b:skin>

#Attribution1,.quickedit,#ContactForm1,#ContactForm1 br,#wrap br {height:0;width:0;visibility:hidden;display:none!important;}

3. Simpan Template…. Selesai

Lalu lihat hasilnya..! Semoga bermanfaat, apabila ada masalah terkait turorial diatas silahkan tulis di kotak komentar dibawah posting artikel ini. Jangan lupa share ya….

Membuat Widget Email Subscribe Responsive di Blogger

March 01, 2017 Add Comment

CrepictDGZ – Assalamualaikum Sobat Bloggerku. Kali ini saya akan share Membuat Widget Email Subscribe Responsive di Blogger. Dan saya akan memberikan 2 style untuk Widget Email Subscribe Responsive yang bisa Sobat pasang di posisi sidebar atau dibawah postingan blog.

Namun sebelum pemasangan Widget Subscribe Email Feedburner ini Sobat harus terlebih dahulu membuat akun di situs Feedburner.com agar mendapatkan Link sebagai ID Feedburner yang nantinya Link tersebut kita pasangkan di dalam script widget agar berfungsi sebagaimana mestinya ( lihat tutorial dibawah ya...Sob )

Cara Membuat Widget Email Subscribe Responsive di Blogger

# Widget Email Subscribe Responsive Background Terang

Letakkan kode CSS dibawah ini setelah kode <style> atau sebelum kode ]]></b:skin>

/* CSS Email Subscribe */

#crepictdgzbox{border:1px solid #e5e5e5;padding:20px;margin:20px 0;font-family:'PT Sans',sans-serif;}

.widget_follow_subscribe .widget-detail{padding:36px 30px 40px}

#crepictdgzbox p{color:#394347;font-size:25px;text-align:center;font-weight:700;margin:0 0 1em 0;}

.follow-subscribe-social{margin:0;padding:0;}

.follow-subscribe-social ul{list-style:none;margin:0;padding:0;text-align:center}

.follow-subscribe-social ul li{display:inline;margin:0 15px 0 0;border-bottom:none}

.follow-subscribe-social ul li:last-child{margin:0}

.follow-subscribe-social ul li a{font-size:17px;color:#394347;-webkit-transition:color .2s ease-in-out;-moz-transition:color .2s ease-in-out;-ms-transition:color .2s ease-in-out;-o-transition:color .2s ease-in-out;transition:color .2s ease-in-out}

.follow-subscribe-social ul li a:hover{color:#1C97DE}

form.subscribe{margin-top:-7px}

form.subscribe input{display:block;width:100%}

.subscribe-email{height:45px;border:none;margin:0 0 10px;font-size:1em;background-color:#DEDEDE;text-align:center;color:#394347;border-radius:5px;}

.subscribe-email:focus{outline:0}

form.subscribe .placeholder{color:#cacaca}

form.subscribe input:-ms-input-placeholder{color:#cacaca}

form.subscribe input::-webkit-input-placeholder{color:#cacaca}

form.subscribe input:-moz-placeholder{color:#fafafa}

form.subscribe input::-moz-placeholder{color:#fafafa}

.subscribe-button{height:45px;font-weight:700;font-size:16px;color:#fff;text-transform:uppercase;border-radius:5px;background-color:#576269;border:none;}

.subscribe-button:hover{background-color:#398DCC;}

.subscribe-button:focus{outline:0}

# Widget Email Subscribe Responsive Background Gelap

Letakkan kode CSS dibawah ini setelah kode <style> atau sebelum kode ]]></b:skin>

/* CSS Email Subscribe */

#crepictdgzbox{background:#394347;padding:20px;margin:20px 0;font-family:'PT Sans',sans-serif;}

.widget_follow_subscribe .widget-detail{padding:36px 30px 40px}

#crepictdgzbox p{color:#fff;font-size:25px;text-align:center;font-weight:500;margin:0 0 1em 0;}

.follow-subscribe-social{margin:0;padding:0;}

.follow-subscribe-social ul{list-style:none;margin:0;padding:0;text-align:center}

.follow-subscribe-social ul li{display:inline;margin:0 15px 0 0;border-bottom:none}

.follow-subscribe-social ul li:last-child{margin:0}

.follow-subscribe-social ul li a{font-size:17px;color:#cacaca;-webkit-transition:color .2s ease-in-out;-moz-transition:color .2s ease-in-out;-ms-transition:color .2s ease-in-out;-o-transition:color .2s ease-in-out;transition:color .2s ease-in-out}

.follow-subscribe-social ul li a:hover{color:#fff}

form.subscribe{margin-top:-7px}

form.subscribe input{display:block;width:100%}

.subscribe-email{height:45px;border:none;margin:0 0 10px;font-size:1em;background-color:rgba(255,255,255,0.2);text-align:center;color:#fff;border-radius:5px;}

.subscribe-email:focus{outline:0}

form.subscribe .placeholder{color:#cacaca}

form.subscribe input:-ms-input-placeholder{color:#cacaca}

form.subscribe input::-webkit-input-placeholder{color:#cacaca}

form.subscribe input:-moz-placeholder{color:#fafafa}

form.subscribe input::-moz-placeholder{color:#fafafa}

.subscribe-button{height:45px;font-weight:700;font-size:16px;color:#fff;text-transform:uppercase;border-radius:5px;background-color:#1C97DE;border:none;}

.subscribe-button:hover{background-color:#398DCC;}

.subscribe-button:focus{outline:0}

# Kustomisasi

Untuk meletakkan Widget Email Subscribe Responsive di posisi sidebar :

1. Masuk ke Blogger pilih Layout atau Tata Letak >> Add a Gadget >> HTML Javascript

2. Masukkan kode HTML dbawah ini di dalam kotak HTML

<p>Subscribe to Our Newsletter</p>

</form>

<ul>

</ul>

</div>

Untuk meletakkan Widget Email Subscribe Responsive di bawah Postingan Blog :

1. Masuk ke Blogger pilih Theme >> Edit HTML

2. Cari kode <data:post.body/> dengan cara menekan tombol Ctrl + F, Nanti akan ada 3 kode <data:post.body/> yang sama dalam setiap template Blog.

3. Letakkan kode HTML berikut setelah kode <data:post.body/> yang kedua atau yang ketiga

<p>Subscribe to Our Newsletter</p>

</form>

<ul>

</ul>

</div>

4. Kemudian Simpan template, dan lihat hasilnya….

Demikian tutorial Cara Membuat Widget Email Subscribe Responsive di Blogger, semoga bermanfaat. JIka ada kendala seputar tutorial dia atas, silahkan tinggalkan komentar yang tersedia dibawah posting blog ini. Jangan lupa share ya Sob…..

Mengatasi Error HURUF dan GAMBAR di Blog Setelah Mengaktifkan HTTPS

February 27, 2017 Add Comment

CrepictDGZ - Tutorial kali ini tentang Cara mengatasi Error HURUF ( font ) dan GAMBAR pada Blog setelah mengaktifkan SSL HTTPS di blogspot/blogger. Dampak dari kita mengubah SSL ( saluran aman ) Blog kita dari HTTP menjadi HTTPS adalah semua script yang terkait dengan HTTP didalam template Blog kita menjadi tidak berfungsi. Umumnya tampilan akan sedikit berubah dan kurang enak dipandang. Sebenarnya dampak umum yang diakibatkan perubahan ke SSL aman HTTPS ada pada gambar dan huruf, seperti contoh di atas.

Penambahan HTTPS pada domain blog ini dimaksudkan untuk memberikan kepercayaan tinggi kepada para pengunjung atau pembaca blog, bahwa blog yang sedang dikunjungi ini aman dari malware dan virus dan lain sebagainya.

Hanya saja setelah mengaktifkan fitur HTTPS ini, ada saja yang ERROR pada template blogger/blogspot, yaitu font, gambar (pada css), widget facebook, komentar blog tidak muncul dan lain sebagainya. Hal itu terjadi karena terjadi blokir code template oleh HTTPS itu sendiri. HTTPS tidak menerima atau tidak dapat membuka URL yang mengarah pada HTTP.

Cara Mengatasi Error pada Blogspot Setelah Mengaktifkan HTTPS

Untuk mengatasi masalah seperti ini maka kita perlu mengubah semua URL yang berawalan HTTP agar dapat diakses oleh HTTPS. Cara mengubahnya sebenarnya sangat mudah.

1. Masuk ke Edit HTML blog Anda.

2. Klik bidang kode Edit HTML.

3. Kemudian lakukan atau tekan pada keyboard CTRL+ F

4. Masukan http:// pada kotak yang muncul di pojok kanan atas kotak

edit HTML, lalu tekan enter.

5. Kemudian lihat semua kode yang terkait dengan http:// akan tampak terblok warna kuning.

6. Ganti semua URL yang berawalan http:// dengan https://

7. Selesai, kemudian Simpan Template

Demikian tutorial dari CrepictDGZ semoga bermanfaat. Dan apbila ada pertanyaan seputas tutorial di atas silahkan tulis pada kotak komentar dibawah posting artikel ini.

Mengatasi Gambar ( Thumbnail ) Blur atau Buram di Blog

February 25, 2017 Add Comment

CrepictDGZ – Gambar pada halaman utama blog terkadang terlihat buram atau blur karena ukuran gambar yang tidak sesuai, Untuk Blogger newbie ini sering kali terjadi dan entah bagaimana cara mengatasinya.

Sebenarnya letak permasalahan pada ukurang default gambar yang kita pasang saat publikasi posting Blog, jika pas ya..tentu akan tampak atau tampil pada halaman utama seperti yang kita inginkan. Dan jika gambar terlalu kecil atau besar maka gambar yang akan tampil di halaman utama akan tampak blur atau buram atau bahkan terpotong tidak tampil penuh.

Hal ini bisa kita atasi dengan melalukan global resize thumbnail pada semua gambar yang tampil pada halaman utam Blog kita.

Mengatasi Gambar ( Thumbnail ) Blur atau Buram di Blog

# Cara ini adalah cara yang paling simple dan mudah dilakukan :

1. Silahkan masuk akun Blogger >> Edit HTML, cari kode berikut ini ( temukan kode serupa jika terkait masalah blur dengan gambar ( thumbnail ) yang lain.

s72-c

2. Silahkan ganti dengan kode seperti dibwah ini.

s72-c-k-no

3. Silahkan Simpan Templete Anda.....Selesai

# Kemudian kita lakukan dengan cara alternatif lain seperti dibawah ini

1. Silahkan masuk akun Blogger >> Edit HTML

2. Copy paste kode di bawah ini sebelum atau diatas kode </head>

//<![CDATA[

function crepictdgz_resize(e,t){var n=220;var r=160;image_tag='<img width="'+n+'" height="'+r+'" src="'+e.replace("/s72-c-k-no/","/w"+n+"-h"+r+"-c/")+'" alt="'+t.replace(/"/g,"")+'" title="'+t.replace(/"/g,"")+'"/>';if(t!="")return image_tag;else return""}

//]]>

</script>

3. Kemudian cari kode seperti dibawah ini atau yang mirip seperti di bawah ini :

<b:if cond='data:post.firstImageUrl'>

</b:if>

Jika anda tidak menemukannya, silahkan cari menggunakan Ctrl + F lalu masukkan kode ini data:post.firstImageUrl . Karena kode ini default artinya semua template sama.

4. Jika sudah ketemu kode yang mirip/sama seperti kode pada no.3,Lalu masukkan kode dibawah ini tepat dibawah/setelah kode no.3

<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:blog.pageType != "static_page"'>

<b:if cond='data:post.thumbnailUrl'>

document.write(crepictdgz_resize("<data:post.thumbnailUrl/>",'<data:post.title/>'));

</script></div>

</a>

<b:else/>

<b:if cond='data:post.firstImageUrl'>

</a>

<b:else/>

</a>

</b:if>

5. Lengkapnya akan tampak seperti dibawah ini

<b:if cond='data:post.firstImageUrl'>

<a expr:content='data:post.firstImageUrl'/>

</b:if>

<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:blog.pageType != "static_page"'>

<b:if cond='data:post.thumbnailUrl'>

document.write(crepictdgz_resize("<data:post.thumbnailUrl/>",'<data:post.title/>'));

</script></div>

</a>

<b:else/>

<b:if cond='data:post.firstImageUrl'>

</a>

<b:else/>

</a>

</b:if>

Catatan :

Jika tidak ada perubahan setelah Anda menerapkan cara diatas. Maka Anda harus menyesuaikan kode CSS 'img-thumbnail' ( lihat kode diatas ). Rubah sesuai kode CSS ( image ) yang terpasang pada template Anda. Memang untuk kode CSS 'img-thumbnail' diatas bisa tertulis/terpasan berbeda beda di setiap blog. Mungkin di blog lain bisa tertulis seperti : img_thumbnail, img_thumb,img-thumb, dll.

Cara mengganti :

Cari kode <b:if cond='data:post.firstImageUrl'> kemudian lihat tepat di sebelah kode tadi class image nya (umunya tampak seperti dibawah ini)

<b:if cond='data:post.firstImageUrl'>

Jadi Anda tinggal mengganti 'img-thumbnail' dengan CSS image yang tertulis pada template blog Anda. Jika tidak disesuaikan CSS-nya maka tutorial diatas tidak akan bekerja/gagal.

Jika Sobat Blog anda masalah terkait tutorial saya diatas, Jangan Silahkan tinggalkan pesan pada kotak komentar dibawah artikel dibawah ini.

Semoga bermanfaat...