Cara Terbaru Daftarkan Blog ke RSS Feedburner

Feedburner adalah media yang digunakan untuk memudahkan pengunjung agar tetap dapat melihat Update blog melalui Email pengunjung ( tentunya setelah mereka melakukan subscribe/berlangganan terlebih dahulu di Blog Sobat ). Dengan men-SUBSCRIBE Feedburner berarti pengujung blog telah berlangganan dan akan mendapatkan pemberitahuan update terbaru Blog anda yang akan langsung dikirimkan ke email mereka.

Sisi positif dari kita menerapkan tombol SUBSCRIBE FEEDBURNER di Blog adalah membantu meningkatkan page view pada setiap artikel ( terupdate ) dan Feedburner secasra berkala akan memeriksa RSS Feed asli dari Blog Sobat agar setiap terdapat update artikel akan otomatis melakukan Ping ke Feedburner.

Nah, sebelumnya kita harus memasang widget RSS Feedburner terlebih dahulu, sebagai sarana mempermudah pengunjung yang ingin berlangganan artikel dari Blog Sobat.

Baca juga :  

Cara Membuat Widget Feedburner Responsive di Blog

√ Lalu bagaiman cara mendaftarkan Blog kita di RSS Feedburner ?

√ Bagaimana cara  mengaktifkannya juga ?

Setelah sukses mendaftar di RSS Feddburner memang kita diharuskan mengaktifkan ( Subscribe-nya ) agar pengunjung dapat langsung mendapatkan informasi terupdate dari artikel Blog Anda yang akan mereka terima langsung ke Email pengunjung.

√ Jika tidak diaktifkan, bagaimana ?

Jika Kita tidak mengaktifkan tombol SUBSCRIBE tentunya akan terjadi ERROR ketika pengunjung ingin berlangganan/subscribe artikel terbaru dari Blog kita. Ok..simak ya cara mengaktifkannya juga dibagian bawah tutorial ini.

Cara Terbaru Daftarkan Blog ke RSS Feedburner

Langkah-langkahnya sebagai berikut.

1. Silahkan masuk ke situs Feedburner.com dan lakukan login dengan account Google atau Gmail anda.

2. Pada halaman Google  Feedburner , Pada kotak silahkan isi dengan URL blog Sobat, misalnya http://crepictdgz.blogspot.co.id/. (Lihat gambar dibawah ini )

3.Setelah itu pada halaman Identify Feed Source feedburner akan melacak alamat feeds Sobat. Silahkan pilih RSS atau Atom terserah karena semuanya sama.lalu Klik Next

4. Setelah itu akan terlihat nama feeds Sobat kemudian klik next. Jika ingin mengubah nama Feed Address silahkan saja ( optional )

5. Setelah Klik Next akan ada pemberitahuan yang menyatakan pembuatan feed Burner 

Sobat  berhasil. Seperti gambar di bawah ini. Silahkan simpan alamat feed burner Sobat ( wajib ) seperti pada gambar dibawah. Selanjutnya klik Next.

6. Selanjutnya anda akan diberikan beberapa pilihan, ikuti saja seperti gambar dibawah ini dan klik Next

7. Tanda anda selesai membuat feed Burners adalah seperti gambar berikut ini. Di bawah ini adalah prosedur cara mengaktifkan tombol SUBSCRIBE yang nantinya akan Sobat gunakan pada widget Feedburner.

8. Selanjutnya Sobat klik pada tombol Publicize kemudian Sobat akan dibawah pada halaman seperti dibawah ini.

9. Selanjutnya setelah Sobat klik Email Subscriptions kemudian Sobat akan dibawah pada halaman seperti dibawah ini.Lalu klik " Activate "

10. Selanjutnya setelah Sobat klik pada tombol Activate kemudian Sobat akan dibawah pada halaman seperti dibawah ini.

9. Selesai sekarang Sobat sudah memiliki ID Feedburner yang bisa Sobat pasangkan pada Widget Feedburner yang akan Sobat pasangkan nanti. Jika Sobat ingin langsung memasang Widget Feedburner Responsive di Blog dengan pilihan widget yang menarik dan profesional, Silahkan klik disini untuk melihat cara pemasangan Widget-nya

Membuat Efek Tulisan Dengan CSS Text Shadow

CrepictDGZ – Kali ini saya akan berbagi tutorial cara Membuat Efek Tulisan Dengan CSS Text Shadow. Text effect kali akan saya berikan dengan 4 buah model yang berbeda dan lebih terlihat professional jika dipasang sebagai JUDUL UTAMA sebuah Blog. 

Yang Sobat pasangkan, jika ingin merenapkan pada Judul Blog ( H1 ) adalah hanya mengganti kode CSS-nya saja, jadi sobat hanya mengambil kode CSS yang saya berikan dibawah ini dan mengubah ukuran dan model huruf sesuai yang Sobat inginkan.

Membuat Efek Tulisan Dengan CSS Text Shadow

STYLE # 1 - ELEGANTSHADOW

#elegantshadow h5 {font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;font-size: 65px;padding: 80px 50px;text-align: center;text-transform: uppercase;text-rendering: optimizeLegibility;color: #131313;background-color: #e7e5e4;letter-spacing: .15em;text-shadow: 1px -1px 0 #767676, -1px 2px 1px #737272, -2px 4px 1px #767474, -3px 6px 1px #787777, -4px 8px 1px #7b7a7a, -5px 10px 1px #7f7d7d, -6px 12px 1px #828181, -7px 14px 1px #868585, -8px 16px 1px #8b8a89, -9px 18px 1px #8f8e8d, -10px 20px 1px #949392, -11px 22px 1px #999897, -12px 24px 1px #9e9c9c, -13px 26px 1px #a3a1a1, -14px 28px 1px #a8a6a6, -15px 30px 1px #adabab, -16px 32px 1px #b2b1b0, -17px 34px 1px #b7b6b5, -18px 36px 1px #bcbbba, -19px 38px 1px #c1bfbf, -20px 40px 1px #c6c4c4, -21px 42px 1px #cbc9c8, -22px 44px 1px #cfcdcd, -23px 46px 1px #d4d2d1, -24px 48px 1px #d8d6d5, -25px 50px 1px #dbdad9, -26px 52px 1px #dfdddc, -27px 54px 1px #e2e0df, -28px 56px 1px #e4e3e2;}

STYLE # 2 - DEEPSHADOW

#deepshadow h5 {font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;font-size: 65px;padding: 80px 50px;text-align: center;text-transform: uppercase;text-rendering: optimizeLegibility;color: #e0dfdc;background-color: #333;letter-spacing: .1em;text-shadow: 0 -1px 0 #fff, 0 1px 0 #2e2e2e, 0 2px 0 #2c2c2c, 0 3px 0 #2a2a2a, 0 4px 0 #282828, 0 5px 0 #262626, 0 6px 0 #242424, 0 7px 0 #222, 0 8px 0 #202020, 0 9px 0 #1e1e1e, 0 10px 0 #1c1c1c, 0 11px 0 #1a1a1a, 0 12px 0 #181818, 0 13px 0 #161616, 0 14px 0 #141414, 0 15px 0 #121212, 0 22px 30px rgba(0, 0, 0, 0.9);}

STYLE # 3 - INSETSHADOW

#insetshadow h5 {font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;font-size: 65px;padding: 80px 50px;text-align: center;text-transform: uppercase;text-rendering: optimizeLegibility;color: #202020;background-color: #2d2d2d;letter-spacing: .1em;text-shadow: -1px -1px 1px #111, 2px 2px 1px #363636;}

STYLE # 4 - RETROSHADOW

#retroshadow h5 {font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;font-size: 65px;padding: 80px 50px;text-align: center;text-transform: uppercase;text-rendering: optimizeLegibility;color: #2c2c2c;background-color: #d5d5d5;letter-spacing: .05em;text-shadow: 4px 4px 0px #d5d5d5, 7px 7px 0px rgba(0, 0, 0, 0.2);}}

Penerapan Text Effect Bayangan Pada Judul Blog ( H1 )

1. Masuk ke Blogger >> Tema >> Edit HTML
2. Cari Kode #header h1 atau yang serupa.
3. Ganti kode CSS dengan kode CSS diatas yang saya beri warna KUNING.
4. Lihat contoh dibawah ini..

Keterangan : 
Sobat cukup mengganti kode CSS ( asli template Anda ) yang saya blok warna abu abu dengan kode CSS tutorial warna KUNING saja. Lalu sesuaikan font-size seperti asli bawaan Blog Sobat, untuk background-color pada tutorial ganti menjadi background-color:#fff. atau menyesuaikan warna background Blog Sobat.

Kesimpulan :
Yang Sobat pasangkan, jika ingin merenapkan pada Judul Blog ( H1 ) adalah Sobat hanya mengganti kode CSS-nya saja, jadi sobat hanya mengambil kode CSS tutorial yang saya berikan diatasi dan mengubah ukuran dan model huruf sesuai yang Sobat inginkan.

Demikian Tutorial Membuat Efek Tulisan Dengan CSS Text Shadow, Jika ada permasalahan terkait tutorial diatas silahkan tinggalkan komentar dibawah kotak komentar dibawah ini. Jangan lupa share ya Sob..!!!

Cara Terbaru Mendaftarkan Blog di Yandex

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

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

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 )

Baca juga :

Cara Terbaru Daftarkan Blog ke RSS Feedburner

 

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:&#39;PT Sans&#39;,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:&#39;PT Sans&#39;,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 

<div id="crepictdgzbox">

<p>Subscribe to Our Newsletter</p>

<form class="subscribe" action='http://feedburner.google.com/fb/a/mailverify?uri=ID-Feedburner-Anda' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=YOUR-USER-NAME, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>

<input name='uri' type='hidden' value='ID-Feedburner-Anda'/>

<input name='loc' type='hidden' value='en_US'/>

<input class="subscribe-email" type='text' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Your Email&quot;;}' onfocus='if (this.value == &quot;Your Email&quot;) {this.value = &quot;&quot;;}' value='Your Email'/>

<input class="subscribe-button" type="submit" value="Subscribe" />

</form>

<div class="follow-subscribe-social">

<ul>

<li><a href="#" target="_blank"><i class="fa fa-facebook"></i></a></li>

<li><a href="#" target="_blank"><i class="fa fa-twitter"></i></a></li>

<li><a href="#" target="_blank"><i class="fa fa-linkedin"></i></a></li>

<li><a href="#" target="_blank"><i class="fa fa-google"></i></a></li>

<li><a href="#" target="_blank"><i class="fa fa-pinterest-p"></i></a></li>

<li><a href="#" target="_blank"><i class="fa fa-instagram"></i></a></li>

</ul>

</div>

</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

<div id="crepictdgzbox">

<p>Subscribe to Our Newsletter</p>

<form class="subscribe" action='http://feedburner.google.com/fb/a/mailverify?uri=YOUR-USER-NAME' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=YOUR-USER-NAME, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>

<input name='uri' type='hidden' value='YOUR-USER-NAME'/>

<input name='loc' type='hidden' value='en_US'/>

<input class="subscribe-email" type='text' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Your Email&quot;;}' onfocus='if (this.value == &quot;Your Email&quot;) {this.value = &quot;&quot;;}' value='Your Email'/>

<input class="subscribe-button" type="submit" value="Subscribe" />

</form>

<div class="follow-subscribe-social">

<ul>

<li><a href="#" target="_blank"><i class="fa fa-facebook"></i></a></li>

<li><a href="#" target="_blank"><i class="fa fa-twitter"></i></a></li>

<li><a href="#" target="_blank"><i class="fa fa-linkedin"></i></a></li>

<li><a href="#" target="_blank"><i class="fa fa-google"></i></a></li>

<li><a href="#" target="_blank"><i class="fa fa-pinterest-p"></i></a></li>

<li><a href="#" target="_blank"><i class="fa fa-instagram"></i></a></li>

</ul>

</div>

</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

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.