RUNNING NEWS :
Loading...
CARI DI GOOGLE

Amankan Situs Dengan Pengaktifan HTTPS


Dirolu - Salah satu upaya untuk mengoptimalkan blog di mesin pencari adalah dengan cara mengaktifkan HTTPS. Apalagi bila menggunakan blog custom domain seperti situs ini, tentunya akan sangat mudah dilakukan. Lantas, apa itu HTTPS dan apa pula kelebihannya ?

HTTPS (Hypertext Transfer Protocol Secure) adalah protokol versi aman HTTP dengan koneksi terenkripsi keamanan transport layer. Dengan menggunakan HTTPS, setidaknya ada keamanan dari para pengintip maupun sensor pemerintah maupun ISP.

CARA MEMASANG HTTPS UNTUK CUSTOM DOMAIN

Bagaimana cara memasang HTTPS untuk custom domain dengan platform blogspot ? Caranya, setelah login ke akun, silahkan ketik draft.blogger.com di tab pencarian browser. Setelah itu akan muncul menu setelan blogger Setelan > Dasar > HTTPS 



Pada menu ketersediaan HTTPS, klik dan pilih Ya. Selanjutnya lihat menu dibawahnya, pada Pengalihan HTTPS. Untuk beberapa saat menu ini masih tertutup dan lakukan refresh di browser atau tekan F5. Bila sudah terbuka, klik pilihan menu tersebut dan pilih Ya. 

Apakah ini sudah selesai ? Tentu belum. Selanjutnya yang harus dilakukan adalah merubah semua url awalan HTTP pada blog menjadi HTTPS pada template. Untuk menghemat waktu bisa dilakukan dengan membackup template dan mengeditnya menggunakan aplikasi text editor seperti Notepad++. Replace semua awalan HTTP menjadi HTTPS, setelah itu save dan unggah kembali template.

RESUBMIT di GOOGLE WEBMASTER

Setelah semua custom template sudah dilakukan, selanjutnya adalah lakukan resubmit di google search console https://www.google.com/webmasters/tools/ . Lakukan seperti menambahkan properti baru di search console. Hapus properti lama yang belum menggunakan HTTPS dan lakukan penambahan dengan url yang sudah berawalan HTTPS.

PENGARUH SETELAH MENGGANTI HTTPS

Oh iya, meski ini adalah upaya untuk memperbaiki optimasi di mesin pencari, namun perubahan custom domain menggunakan HTTPS berdampak pada penurunan jumlah visitor maupun adsense secara drastis. Namun jangan khawatir, karena itu hanya berlangsung beberapa hari saja, selanjutnya akan kembali normal seperti semula. (and)

SUMBER



 

Resubmit Adsense Dengan Akun Lama Yang Pernah Ditolak

Dirolu - Banyak orang bertanya-tanya, apakah akun adsense yang sudah ditolak bisa dipulihkan kembali untuk didaftar ulang ? Pasalnya, untuk menerima publisher adsense Google melakukan verifikasi yang bisa dibilang amat ketat.

Kadang setelah mendapat review kedua, pemilik akun sudah besar harapan bakal diterima sebagai publisher. Namun, banyak yang kecewa lantaran beberapa hari setelah muncul notifikasi review tersebut, Google kembali mengirim notifikasi penolakan.

Lantas, apakah dengan akun lama bisa mendaftar lagi ? Sebelum menjawab pertanyaan tersebut ada baiknya kita mempelajari beberapa alasan penolakan yang dilakukan oleh Google.

Ada dua faktor yang menyebabkan penolakan terjadi. Yang pertama karena publishernya sendiri dan yang kedua, situs yang didaftarkan tidak memenuh kebijakan webmaster Google.

Penolakan dari faktor pertama yang dilakukan oleh publisher, biasanya dilakukan karena kurang lengkap dalam menulis alamat. Selain kurangnya penulisan alamat, biasanya publisher melakukan resubmit dengan akun lama yang pernah hangus atau sudah tiga kali ditolak dan tidak bisa dipakai lagi.

Sementara, penolakan karena faktor situs yang tidak memenuhi kebijakan webmaster, biasanya dari pihak Google akan memberikan penjelasan bagian mana  yang bisa diperbaiki.  Dalam penjelasan yang diberikan, Google akan memberitahu kesalahan-kesalahan yang ada pada situs.

Setelah mengetahui dua faktor penyebab  ditolaknya akun adsense, maka solusinya adalah dengan melakukan daftar ulang. Pendaftaran ulang ini bisa dilakukan dengan akun lama yang pernah ditolak, dengan mengikuti petunjuk pada notifikasi penolakan yang dikirimkan Google melalui email. Kita tinggal mengikuti tautan yang diberikan dan mengisi sesuai dengan permintaan. Namun bila kesulitan, pendaftaran resubmit bisa dilakukan dengan mengikuti tautan dibawah  ini :

Resubmit

Bila dengan cara diatas (mengikuti tautan) belum juga diterima, maka langkah lain adalah dengan membuat akun email baru.

Sumber : inspirasifalah/berbagai sumber




Membuat Halaman Full Width Berbeda Dari Lainnya



Dirolu - Salah satu trik untuk mempercantik tampilan blog adalah dengan merancang beberapa halaman untuk kebutuhan khusus. Misalnya, untuk membuat halaman statis. Kadang, para blogger ingin membuat halaman ini berbeda dengan halaman lainnya. Seperti halaman lebar penuh (full width).

Dibawah ini adalah trik untuk membuat halaman tertentu memiliki lebar penuh tanpa sidebar.
Caranya :

1. Saat masuk Dashboard, pilih template dan Edit HTML

2. Cari ]]></b:skin> lebih mudahnya cari dengan Ctrl + F

3. Bila sudah ketemu, tempatkan kode ini tepat dibawahnya.

<style type='text/css'>
<b:if cond='data:blog.url == &quot;Masukkan Url Halaman Disini&quot;'>

.sidebar-area,.comments,.breadcrumbs,._post-title{display:none;}
#main-wrapper{width: 100%}
._post-footer{width: 200%}
.widget-content
.bwrapsite-content{width:100%}
.content-area {float:none;width:initial;width:100%!important}

</b:if>
</style>
 4. Lihat tulisan berwarna merah. Ganti tulisan tersebut dengan url halaman yang ingin anda buat full width

5. Save, selesai. Lihat hasilnya.

Demikian cara membuat halaman full width secara mudah. (and)

Memahami Google Analytics dan Istilah Didalamnya


Dirolu - Salah satu andalan para blogger untuk memantau traffic blognya adalah Google Analytic. Meski menjadi perangkat andalan, namun tak jarang banyak yang kesulitan memahami beberapa istilah-istilah maupun kegunaanya.
Jadi tak ada salahnya kalau kali ini saya mereview kembali tentang Google Analytics dan istilah-istilahnya.
Pageview
Adalah jumlah halaman yang dilihat pengunjung dalam setiap kali kunjungan. Jadi, nilai pada pageview adalah jumlah halaman yang dikunjungi oleh total pengunjung
Page/Visits
Berbeda dengan pageview, page/visits adalah jumlah rata-rata halaman yang dikunjungi dari masing-masing pengunjung. Misalnya page/visits adalah 2.55,maka rata-rata pengunjung melihat 2-3 halaman blog kita
Avg. Visit Duration
Adalah durasi rata-rata waktu pengunjung saat mengunjungi blog/web anda. Semakin lama durasinya, berarti pengunjung lebih betah mengunjungi blog/web anda
Unique Visitor
Adalah pengunjung yang dihitung satu kali dalam setiap kunjungan. Unique Visitor adalah data jumlah pengunjung yang lebih akurat, karena dihitung tanpa mempedulikan perilakunya.
Bounce rate
Definisinya adalah pengunjung yang hanya melihat 1 halaman saja, selanjutnya pergi meninggalkan blog/web anda. Jadi, semakin tinggi nilai bounce rate, maka semakin tahu kalau banyak pengunjung tidak menemukan yang mereka cari di blog/web kita
New Visitor
Adalah pengunjung yang baru mengunjungi blog/web kita. Google mendeteksi mereka melalui sesuatu yang dinamakan cookies
Returning Visitor
Adalah kebalikan dari New Visitor. Pengunjung ini yang ditandai Google sebagai pengunjung yang kembali mendatangi blog/web anda
Demikian untuk sementara, penjelasan tentang Analaytics dan istilah-istilah didalamnya. Semoga bermanfaat (and)

Cara Mudah Blogging Dengan Smartphone Android



Dirolu - Bagi para blogger, sebelumnya memposting tulisan lebih mudah dengan mengirimnya via email. Namun masalahnya, saat posting melalui email kita tidak bisa memilih kategori atau label. Selain itu, pada foto kita juga susah untuk meletakkannya sesuai keinginan, termasuk memberi keterangan pada fotonya (add caption).

Namun kini ada cara mudah untuk memposting tulisan melalui aplikasi. Tentunya yang digunakan pada smartphone. Kali ini, yang kita bicarakan adalah smartphone berplatform Android. Kini tersedia aplikasi untuk blogging yang bisa diunduh di Google Play Store. Caranya juga cukup mudah tinggal instal dan masukkan akun anda.

Berikut trik penggunaannya :

1. Buka Google play store di smartphone Android anda. Pada kotak pencarian diatasnya, ketik blogger.
Setelah ketemu, klik install.
Aplikasi Blogger
 2. Setelah terinstal, kita akan disuguhi pilihan untuk memilih akun google. Pilihlah akun yang anda gunakan untuk blogging.
3. Setelah masuk, anda akan dibawa ke dalam halaman dashboard blogger anda. Karena tampilannya responsive tentu terlihat beda saat kita membukanya di PC atau laptop.

Dashboard Blogger
4. Mulai untuk memposting. Pilih menu ikon paling atas bergambar pulpen (untuk menulis postingan) dan kamera (untuk menyisipkan gambar).

 5. Jangan lupa memasukka label di kolomnya. Disini anda bisa menuliskannya sendiri (untuk label baru) atau memilih label yang sudah tersedia. Setelah semuanya selesai silahkan klik publish (gambar pesawat kertas) atau simpan ke draft (gambar disket).
6. Demikian juga untuk mengecek tampilan postingan anda. Anda bisa memilih logo menu titik vertikal di sudut kanan atas dan pilih liha blog atau segarkan.


Demikian cara blogging dengan aplikasi di smartphone. Mudah kan !

Merubah Template Default Blogger Jadi Responsive


Dirolu - Tren mobilegedon memaksa pengguna blog menggunakan template dengan tampilan mobile. Artinya, template yang digunakan harus ramah dalam semua tampilan dan ukuran. Bagi pengguna blogger dengan template bawaan harus berpikir lagi untuk merubah tampilannya responsive di semua ukuran.

Kali ini, bagi yang doyan utak atik template blog berikut tips untuk merubah tampilannya menjadi responsive dan ramah terhadap ukuran kecil.

Seperti biasanya, sebelum utak atik terlebih dahulu harus login. Langkah pertama adalah menonaktifkan fitur Navbar Blogger di bagian tata letak dengan memilih option "of"

Selanjutnya menuju menu Template > edit HTML

1. Cari kode dibawah ini
.post-body img, .post-body .tr-caption-container {
padding: $(image.border.large.size);
}
2. Setelah ketemu, ganti dengan kode dibawah ini :
.post-body img, .post-body .tr-caption-container {
padding: 0;
width:auto;
max-width:100%;
height:auto;
}
3. Dilanjutkan dengan mencari kode dibawah ini :

<b:if cond='data:blog.isMobile'>
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
<b:else/>
<meta content='width=1100' name='viewport'/>
</b:if>
4. Ganti dengan kode dibawah ini :
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
5. Terakhir, letakkan kode dibawah ini sebelum kode </head>
<style type='text/css'>
@media screen and (max-width:1024px){
body,.content-outer, .content-fauxcolumn-outer, .region-inner {width: 100%!important;min-width:100%!important;padding:0!important}
body .navbar {height: 0!important;}
.footer-inner {padding: 30px 0px!important;}
}
@media screen and (max-width: 603px){
.main-inner .columns {padding-right: 0!important;}
.main-inner .column-right-outer {width: 100%!important;margin-right: 0!important;}
}
</style>
6. Simpan/save template


Untuk hasilnya silahkan dicek dan lakukan custom bila terjadi kekurangan. (and)


Mengatasi Gambar Buram di Halaman Depan Blog

Add caption


Dirolu- Bagi para blogger, saat ngeblog kadang dipusingkan dengan tampilan gambar thumbnail yang terlihat buram. Biasanya masalah ini tejadi pada halaman homepage (halaman depan). Bagi pemula, saat menghadapi masalah ini sering mengira bahwa gambar yang telah diunggah beresolusi kecil. 

Padahal, masalah ini bukan terletak disitu. Untuk mengatasi masalah ini bisa dicoba dengan melakukan trik dibawah ini. 

Trik mengatasi gambar buram :
1. Masuk akun blogger
2. Pilih Tema (Theme) > Edit HTML
3. Pastikan tema anda memliki link ke kode jQuery dalam template (biasanya terletak diatas kode
    Kalau belum ada copy kode berikut dan tempatkan diatas </head>


Cara Sederhana Membuat Kolom Komentar Facebook di Blog


Setelah muter-muter sekian lama mencari solusi memasang kolom komentar Facebook di blog, akhirnya ketemu juga caranya. Ternyata tak serumit yang dibayangkan. Facebook sendiri kini telah mengembangkan aplikasi pemasangan form komentar untuk web/blog. Otomatis, dengan pemasangan kolom komentar ini akan semakin menambah jumlah link kita. Dan otomatis pula akan semakin meningkatkan rating web/blog kita di mesin pencarian.

Ingin juga ? Caranya gampang. Ikuti panduang berikut :

Cara Pasang Template
1. Login ke Dashboard Blogger anda
2. Buka Template dan klik edit HTML
3. Cari kode seperti ini :

    Lebih mudahnya lakukan pencarian dengan (CTRL+F)
</b:includable>
<b:includable id='status-message'>

4. Setelah ketemu copy kode berikut dibawah dan tempatkan diatas </b:includable> tadi.

<b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='fb-root'/>
<script src=' http://connect.facebook.net/en_US/all.js#appId=Ganti dengan app id facebook anda&amp;xfbml=1'/>
<fb:comments expr:href='data:post.url' num_posts='2' width='500'/>
</b:if>
 
Catatan :
- Lihat kode berwarna merah diatas.Ganti dengan kode appid yang anda dapatkan saat membuat applikasi komentar di Facebook Halaman.
- Angka yang berwarna Biru, ganti ukuran yang anda inginkan.

Demikian share singkatnya, semoga bemanfaat..(and/berbagai sumber)

 

 

Membuat Spoiler


Ada kalanya saat posting kita ingin menampilkan file tertentu kepada pengunjung web/blog kita. Dimana pengunjung nantinya bisa melihat file kita setelah klik pada tombol yang ada. Biasanya file seperti itu untuk membedakan dari naskah postingan agar tidak tercampur. Contoh :
Judul Spoiler:
Untuk membuatnya sangat mudah. Pertama saat hendak memasukkan entri baru di post editor atau laman, kita arahkan dari mode compose ke html. Lalu masukkan kode di baawah ini : Tambahkan pada postingan mode html



<div style=”margin: 5px 20px 20px;”>
<div class=”smallfont” style=”margin-bottom: 2px;”><b>Judul Spoiler</b>: <input value=”Buka” style=”margin: 0px; padding: 0px; width: 55px; font-size: 12px;” onclick=”if (this.parentNode.parentNode.getElementsByTagName(‘div’)[1].getElementsByTagName(‘div’)[0].style.display != ”) { this.parentNode.parentNode.getElementsByTagName(‘div’)[1].getElementsByTagName(‘div’)[0].style.display = ”; this.innerText = ”; this.value = ‘Tutup’; } else { this.parentNode.parentNode.getElementsByTagName(‘div’)[1].getElementsByTagName(‘div’)[0].style.display = ‘none’; this.innerText = ”; this.value = ‘Buka’; }” type=”button”>
</div>
<div class=”alt2″ style=”border: 1px inset ; margin: 0px; padding: 6px;”>
<div style=”display: none;”>
Letakkan File (gambar atau video) di sini
<br>
</div>
</div>
</div>
Perhatikan tulisan berwarna merah. Disitulah nantinya kita akan memasukkan file kita.
Smartphone
SEO
Blog
Sosok

 

Dirolu

Atas