Tampilkan postingan dengan label Blogger. Tampilkan semua postingan
Tampilkan postingan dengan label Blogger. Tampilkan semua postingan

Selasa, 26 September 2017

Cara Memunculkan Gambar (Thumbnail) Homepage Blog Ketika Di Share Ke Facebook

 Homepage Blog Ketika Di Share Ke Facebook Cara Memunculkan Gambar (Thumbnail) Homepage Blog Ketika Di Share Ke Facebook

Cara Memunculkan Gambar (Thumbnail) Homepage Blog Ketika Di Share Ke Facebook - Salah satu cara agar situs blog memiliki banyak pengunjung adalah dengan share artikel blog kita di sosial media seperti facebook.

Share artikel di facebook merupakan langkah yang tepat untuk menambah jumlah pengunjung blog, sekaligus memperkenalkan situs blog yang kita miliki kepada khalayak umum.

Namun perlu diperhatikan bahwa ketertarikan orang-orang untuk mengunjungi situs blog yang anda share tersebut dipengaruhi oleh beberapa hal, diantaranya:
  • Judul Artikel Yang Menarik
  • Artikel Yang Penting Dan Dibutuhkan
  • Ilustrasi Gambar Atau Thumbnail Yang Menarik
Disini kita akan membahas mengenai cara menampilkan gambar thumbnail blog ketika di share di sosial media. Tidak hanya facebook ya, namun berlaku untuk semua sosial media.

Thumbnail sendiri merupakan gambar atau ilustrasi bisa berupa logo, foto, atau gambar yang muncul pada bagian awal/atas sebuah postingan/artikel.

Jadi suatu misal, ketika akan share link blog kita di sosial media dan ketika di share tersebut secara otomatis terdapat gambar yang muncul pada bagian atas postingan. Itulah yang disebut thumbnail.

Namun yang sering menjadi permasalahan adalah tidak munculnya gambar thumbnail ketika melakukan share di sosial media. Apa penyebabnya?

Penyebabnya tentu saja karena anda belum memasang gambar thumbnail tersebut di situs blog anda, jadi secara otomatis ketika anda mengirim link homepage blog, maka tidak akan ada gambar yang muncul.

Mungkin saja ada gambar yang muncul, namun gambar tersebut tidak sesuai atau berasal dari gambar artikel blog.

Yang ingin saya tekankan disini adalah mengenai cara memunculkan thumbnail situs blog utama (homepage) bukan thumbnail artikel/postingan. Karena itu akan berbeda lagi pembahasannya.

Thumbnail artikel/postingan biasanya sudah secara otomatis muncul tanpa perlu di setting, dengan syarat anda sudah menempatkan gambar/foto didalam artikel anda.

Tapi berbeda dengan thumbnail homepage atau halaman utama blog, dimana jika anda tidak melakukan pengaturan thumbnail tidak akan muncul dengan sendirinya.

Jadi bagaimana solusinya? berikut adalah cara mudah memunculkan gambar thumbnail homepage situs blog ketika di share ke sosial media:

1. Buka Blogger.com
2. Masuk ke menu Tema>>Edit HTML
3. Salin dan tempatkan kode berikut tepat dibawah kode <head> pada template blog anda
<b:if cond='data:blog.url == data:blog.homepageUrl'> <meta content='url-gambar-anda.jpg' property='og:image'/> </b:if>
4. Sebelum disimpan, pastikan anda telah memasukkan url gambar yang akan dijadikan thumbnail blog.
5. Simpan Tema, kemudian masuklah ke situs Debugger Facebook
6. Kemudian masukan url/link homepage blog anda
7. Lalu klik Debug dan klik pula pada Kurangi Lagi sampai gambar thumbnailnya muncul.
8. Selesai

Ket:
Gambar yang direkomendasikan untuk dijadikan sebagai thumbnail adalah yang memiliki size 530x280 pixel

Oh ya, bagi anda yang belum tahu bagaimana cara menemukan url gambar bisa mengikuti artikel berikut: Cara Menemukan URL Gambar (Image) Mudah Dan Praktis


Penutup

Demikianlah cara mudah memunculkan gambar thumbnail situs blog ketika di share ke sosial media. Inti dari cara diatas adalah dengan memasukkan kode yang berisikan url gambar.

Jadi nantinya gambar tersebut bisa secara otomatis muncul ketika link utama blog (homepage) di share ke sosial media.

Nah mungkin itu saja yang dapat saya sampaikan, kurang lebihnya mohon maaf. Terimakasih dan sampai jumpa.

Sumber https://paling-top21.blogspot.com/
Read more

Rabu, 06 September 2017

Cara Menemukan URL Gambar (Image) Melalui Menu Postingan Pada Platform Blogger

 Melalui Menu Postingan Pada Platform Blogger Cara Menemukan URL Gambar (Image) Melalui Menu Postingan Pada Platform Blogger

Cara Menemukan URL Gambar (Image) Melalui Menu Postingan Pada Platform Blogger-Mengetahui URL atau alamat situs dari gambar tentunya merupakan sesuatu yang penting-penting tidak! sebab hal ini akan menjadi begitu penting, jika anda sangat membutuhkannya.

Menemukan URL pada suatu gambar sangat diperlukan apalagi jika anda ingin memunculkan gambar sebagai thumbnail dari situs blog.

Oleh sebab itu ada baiknya anda memperhatikan caranya dibawah ini:

1. Pastikan anda sudah memiliki gambar (image) yang sesuai
2. Masuk ke Blogger.com
3. Buka menu Postingan>>Entri Baru
4. Klik Insert Image pada menu yang tersedia, lalu pilih gambar yang anda inginkan
5. Kemudian masuklah ke mode HTML (terletak disebelah kanan Compose)
6. Perhatikan pada kode <a href=".....jpg" kode yang berada pada samping kanan yang diapit oleh tanda petik dengan diakhiri format gambar bisa .jpg atau .png itulah URL gambar yang kita cari
7. Silahkan salin kode tersebut dan gunakan sesuai kebutuhan anda

Penutup

Itu dia cara paling mudah untuk menemukan URL gambar (image). Cara ini tidak memerlukan software apapun, melainkan hanya memanfaatkan fitur postingan yang ada di dalam platform Blogger.com.

Mungkin hanya itu yang dapat saya sampaikan, kurang lebihnya mohon maaf. Terimakasih dan terus kunjungi situs blog ini ya untuk mendapatkan informasi bermanfaat lainnya.
Sumber https://paling-top21.blogspot.com/
Read more

Kamis, 17 Agustus 2017

Cara Atasi Kolom Komentar Blogger Yang Tidak Tampil Di Versi Mobile (HP)

Cara Atasi Kolom Komentar Blogger Yang Tidak Tampil Di Versi Mobile  Cara Atasi Kolom Komentar Blogger Yang Tidak Tampil Di Versi Mobile (HP)

Cara Atasi Kolom Komentar Blogger Yang Tidak Tampil Di Versi Mobile (HP) - Mungkin masalah ini pernah dialami oleh sebagian besar para pemilik blog, dimana kolom komentar tidak bisa muncul jika dilihat dari perangkat Mobile, seperti HP.

Masalah ini juga pernah saya alami beberapa waktu yang lalu. Awalnya saya merasa bahwa terdapat kesalahan pengaturan pada menu Setting di Blogger, namun setelah saya cek, ternyata tidak ada yang salah!

Semua pengaturan sudah sesuai dengan yang seharusnya, bahkan beberapa kali saya melakukan perubahan sistem komentar, mulai dari tersemat, pop-up, dan sembunyikan, namun ternyata hasilnya nihil.

Saya pun mulai menelusuri penyebab permasalahan dengan melakukan beberapa kali percobaan, salah satunya adalah dengan memanfaatkan situs Responsinator.

Dan ketika saya melakukan uji coba menggunakan situs tersebut, ternyata kolom komentar tampil dengan sempurna bahkan terlihat baik-baik saja.

Lalu apa penyebab kolom komentar default blogger ini tidak tampil di versi mobile?

Nah, setelah pusing mencari solusi kesana-kemari akhirnya saya berhasil menemukan solusinya, dan ternyata langkahnya sangat mudah, berikut adalah caranya:

1. Login ke Blogger.com
2. Masuk ke Tema>>Edit HTML
3. Cari kode </style>
4. Kemudian tempatkan kode berikut diatas kode </style> tadi
.blogger-iframe-colorize {display: block !important; }
5. Simpan Tema, dan selesai


Penutup

Itu dia cara mengatasi kolom komentar blog yang tidak tampil pada versi mobile (HP), kolom komentar yang saya bahas kali ini adalah komentar bawaan blogger (default), jadi cara ini tidak bisa diterapkan pada semua jenis komentar seperti disqus, facebook komentar dan sebagainya.

Nah mungkin itu saja yang dapat saya sampaikan pada kesempatan kali ini, semoga apa yang saya sampaikan ini dapat memberikan manfaat untuk kita semua ya. Terimakasih dan sampai jumpa di postingan selanjutnya.

Sumber https://paling-top21.blogspot.com/
Read more

Sabtu, 08 Juli 2017

Cara Atasi HTTPS SSL Situs (Icon Gembok) Yang Tidak Aman Atau Masih Info

 Sebagai seorang pengelola situs blog tentunya kita harus tahu tingkat keamanan dari situs Cara Atasi HTTPS SSL Situs (Icon Gembok) Yang Tidak Aman Atau Masih Info

Cara Atasi HTTPS SSL (Icon Gembok) Yang Tidak Aman Atau Masih Info - Sebagai seorang pengelola situs blog tentunya kita harus tahu tingkat keamanan dari situs blog kita.

Ada 3 jenis keamanan situs blog yang biasanya diindikasikan dengan icon yang berbeda disamping alamat situs blog (domain). Diantaranya yaitu:
  • Secure (aman) yang ditandai dengan icon gembok berwarna hijau.
  • Info (peringatan atau tidak aman) yang ditandai dengan icon huruf i.
  • Not Secure (tidak aman) yang ditandai dengan icon segitiga berwarna merah.
 Sebagai seorang pengelola situs blog tentunya kita harus tahu tingkat keamanan dari situs Cara Atasi HTTPS SSL Situs (Icon Gembok) Yang Tidak Aman Atau Masih Info

Ketiga tingkat keamanan diatas tentunya memiliki pengaruhnya masing-masing terhadap suatu situs blog.

Namun yang perlu diingat adalah mengenai tingkat keamanan HTTPS yang secure (aman). Ini merupakan sistem keamanan situs yang sudah menjadi standar terbaik, dan juga sudah direkomendasikan oleh banyak pihak, khususnya pihak penyedia layanan Blogger.com sendiri.

Penggunaan HTTPS ini tentunya memiliki banyak kelebihan dibanding sistem keamanan lainnya, diantara kelebihan penggunaan HTTPS yaitu:
  • Keamanan : Seperti yang dijelaskan sebelumnya, HTTPS menggunakan protokol SSL dimana terdapat tiga tingkat pengamanan yang akan menjamin keamanan data selama proses komunikasi terjadi antara client dengan server.
  • Lebih Terpercaya : Dengan keamanan yang terjamin, tentu akan berimbas langsung kepada tingkat kepercayaan pengunjung. Orang tidak akan ragu untuk mengirimkan data diri dan data sensitif lainnya ke situs anda.
  • SEO : Tak bisa dipungkiri, akhirnya mesin pencari akan lebih mengutamakan situs blog yang keamanannya terjamin untuk ditampilkan pada halaman hasil pencarian.
Nah, jika situs blog yang anda miliki ternyata tidak menerapkan atau menggunakan HTTPS maka tentu saja situs blog anda akan menjadi kurang aman.

Namun yang ingin saya bahas pada kesempatan kali ini yaitu mengenai perubahan status informasi keamanan blog yang berubah dengan sendirinya.

Mungkin sebagian besar para pemilik blog pernah mengalami hal ini, dimana anda sudah menerapkan HTTPS pada situs blog, namun ditemukan status keamanan lainnya yang bukan berupa HTTPS, misalnya saja munculnya icon info atau bahkan icon segitiga merah yang menandakan bahwa situs blog anda tidak aman (bermasalah).

Lalu bagaimana cara mengatasi masalah tersebut?

Perubahan status keamanan HTTPS secara tiba-tiba ini bisa terjadi karena beberapa hal, namun sejauh yang saya ketahui, masalah ini terjadi karena tidak adanya sinkronisasi alamat blog.

Misalkan situs blog anda: https://ngedonlodanime.blogspot.com namun ternyata setelah ditelusuri lebih jauh, terdapat alamat situs yang masih menggunakan HTTP.

Nah, setelah kita tahu apa yang menjadi penyebab masalah kita kali ini, maka untuk mengatasinya sendiri ada beberapa cara diantaranya yaitu:


1. Memastikan Blog Menggunakan HTTPS

  • Masuk ke Blogger.com
  • Kemudian masuk ke menu Setelan>>Dasar>>HTTPS
  • Pada Pengalihan HTTPS pilih YA

2. Merubah Alamat Blog Yang Tidak Sesuai

  • Masuk ke Blogger.com
  • Pilih Tema>>Edit HTML
  • Kemudian tekan CTRL+Shift+R
  • Pada kolom Replace All masukkan alamat blog anda yang menggunakan HTTP, seperti: http://www.BlogAnda.com/
  • Kemudian tekan Enter
  • Maka akan tampil kolom With, disini silahkan masukkan alamat blog anda yang menggunakan HTTPS, seperti: https://www.BlogAnda.com/
  • Enter dan kemudian Simpan Tema.

3. Memperbaiki Alamat Blog Error Melalui Inspect Element

  • Buka situs blog anda
  • Tekan CTRL+Shift+J
  • Masuk ke menu Console
  • Temukan URL/link blog anda yang menggunakan awalan HTTP
  • Kemudian masuk ke Blogger.com>>Tema>>Edit HTML
  • Cari URL/link yang berawalan HTTP tersebut kemudian ganti awalan HTTP menjadi HTTPS
  • Simpan Tema dan selesai

Penutup

Itu dia 3 cara mudah atasi status HTTP SSL blog yang tidak aman. Ketiga cara diatas sudah saya coba dan terapkan dan berhasil mengatasi masalah ini.

Semoga informasi ini dapat memberikan manfaat bagi anda yang membutuhkan ya, akhir kata saya ucapkan terimakasih dan jangan lupa untuk terus mengunjungi situs blog ini ya.

Sumber https://paling-top21.blogspot.com/
Read more

Minggu, 18 Juni 2017

Cara Menghilangkan Tulisan Pratinjau Di Blogger

Cara Menghilangkan Tulisan Pratinjau Di Blogger Cara Menghilangkan Tulisan Pratinjau Di Blogger

Cara Menghilangkan Tulisan Pratinjau Di Blogger. Pernahkah anda melihat pratinjau pada sebuah postingan yang belum di publikasikan?

Tulisan pratinjau ini pada umumnya muncul ketika seseorang akan meninjau (review) sebuah postingan blog. Pada dasarnya tulisan pratinjau ini tidaklah mengganggu, namun tahukah anda bahwa efek pratinjau ini memberikan batasan bagi para pemilik blog.

Seperti tidak bisa secara langsung berinteraksi dengan postingan artikel, melainkan hanya bisa melihat isi kontennya saja. Dan jika ingin melihat hasil akhir dari suatu postingan secara lengkap, maka anda harus mempublikasikan dahulu postingan tersebut dan kemudian melihatnya langsung dari blog anda.

Tentu hal ini kurang efisien ya, apalagi jika ternyata ada sesuatu yang salah pada postingan blog, maka kita harus mengeditnya kembali.

Nah lalu bagaimana cara agar tulisan pratinjau pada postingan blog ini menghilang? dan semua pratinjau atau review post bisa dilihat secara utuh dan menyeluruh?

Caranya sebenarnya sangatlah mudah, berikut adalah cara mudah menghilangkan tulisan pratinjau di blogger:

1. Buka situs Blogger.com
2. Masuk ke menu Tema>>Edit HTML>>kemudian cari kode </body>
3. Lalu ubah kode </body> tersebut dengan
&lt;!--</body>--&gt;&lt;/body&gt;
4. Simpan Tema dan selesai.

Penutup

Demikianlah cara menghilangkan tulisan pratinjau di blogger. Inti dari cara diatas adalah dengan merubah kode penutup </body> menjadi kode bentuk lain yang masih memiliki fungsi yang sama yaitu &lt;!--</body>--&gt;&lt;/body&gt;

Nah mungkin itu saja yang dapat saya sampaikan pada kesempatan kali ini, semoga bermanfaat. Terimakasih dan sampai jumpa.

Sumber https://paling-top21.blogspot.com/
Read more

Senin, 29 Mei 2017

Cara Membuat Efek Scroll Persen Pada Scrollbar Di Blog Tanpa Ribet (Paling Mudah)

Cara Membuat Efek Scroll Persen Pada Scrollbar Di Blog Tanpa Ribet  Cara Membuat Efek Scroll Persen Pada Scrollbar Di Blog Tanpa Ribet (Paling Mudah)

- Sudah tau apa itu efek scroll persen? efek scroll persen atau persentase scrollbar merupakan efek khusus pada scrollbar suatu situs blog, yang mana fungsinya adalah untuk memberikan keterangan berapa persen halaman blog sudah dibaca.

Disebut sebagai presentase scrollbar karena memang efek ini memberikan keterangan dalam bentuk persen, dimana efek ini akan muncul ketika seseorang melakukan scroll pada kursor/mouse komputer.

Efek ini akan dimulai dari 0% sampai 100%, dimana angka 100% menandakan bahwa anda telah berada pada halaman akhir suatu situs blog.

Untuk lebih jelasnya, silahkan perhatikan tampilan scrollbar situs blog ini. Ketika anda melakukan scroll down maka efek persentasenya akan muncul, begitupula ketika anda melakukan scroll up.

Nah, untuk cara membuat efek persen ini sendiri sangatlah mudah, anda hanya perlu mengikuti panduan dibawah ini:

1. Login ke Blogger.com>>Tema>>Edit HTML.
2. Copy atau salin kode berikut, dan pastekan diatas kode </body>.
<style> #kurascroll{padding:3px 8px;border-radius:3px;display:none;position:fixed;background-color:#007bfd;color:#fff;top:0;right:10px;z-index:500;} #kurascroll:after{content:"";right:-7px;height:0;width:0;margin-top:-4px;position:absolute;top:50%;border:4px solid transparent;border-left-color:#007bfd;} </style> <script type='text/javascript'> //<![CDATA[ var scrollTimer = null;$(window).scroll(function(){var viewportHeight = $(this).height(),scrollbarHeight = viewportHeight / $(document).height() * viewportHeight,progress = $(this).scrollTop() / ($(document).height() - viewportHeight),distance = progress * (viewportHeight - scrollbarHeight) + scrollbarHeight / 2 - $('#kurascroll').height() / 2;$('#kurascroll').css('top',distance).text(' (' + Math.round(progress * 100) + '%)').fadeIn(100);if (scrollTimer !== null){clearTimeout(scrollTimer);} scrollTimer = setTimeout(function(){$('#kurascroll').fadeOut();} ,1500);} );//]]></script> <div id='kurascroll'></div>
3. Simpan Tema, dan selesai.

Penutup

Itu dia cara mudah memasang efek persen pada scrollbar blog, cara ini bisa langsung anda aplikasikan pada situs blog anda. Sedikit tambahan saja, bahwa jika anda ingin mengubah warna persentase, maka anda bisa mengubah kode warna #007bfd pada kode diatas.

Akhir kata, saya ucapkan terimakasih. Dan jangan lupa untuk terus mengunjungi situs blog ini untuk mendapatkan informasi menarik lainnya.

Sumber https://paling-top21.blogspot.com/
Read more

Selasa, 09 Mei 2017

Cara Index Artikel Blog Ke Google Search Console Baru Agar Postingan Muncul Di Pencarian Google

Cara Index Artikel Blog Ke Google Search Console Baru Agar Postingan Muncul Di Pencarian G Cara Index Artikel Blog Ke Google Search Console Baru Agar Postingan Muncul Di Pencarian Google

- Bagaimana cara agar artikel yang sudah kita buat bisa muncul di pencarian Google? pertanyaan ini sering saya dengar dari kebanyakan blogger pemula, dimana mereka mengeluhkan artikel blog mereka yang tidak muncul saat dicari di pencarian Google.

Tidak munculnya artikel atau postingan pada suatu situs blog disebabkan oleh beberapa alasan, diantaranya:
  • Situs blog belum terdaftar di Webmaster Tool.
  • Artikel atau postingan belum terindex di Search Console.
Untuk alasan pertama mengapa artikel blog tidak muncul di pencarian Google adalah karena situs blog kita belum didaftarkan di Webmaster Tool.

Apa itu Webmaster Tool?

Secara sederhana Webmaster Tool adalah sebuah wadah atau layanan yang di peruntukan bagi pemilik situs blog, agar situs blog mereka terdaftar di dalam mesin pencari Google.

Jadi jika anda belum mendaftarkan situs blog anda di Webmaster Tool ini, bisa dipastikan artikel blog yang anda buat tidak akan muncul di pencarian Google. Jadi solusinya adalah dengan mendaftarkan terlebih dahulu situs blog anda di Webmaster Tool.

Untuk panduan lengkap mengenai cara mendaftarkan situs blog di Webmaster Tool, anda bisa membacanya melalui link berikut: Panduan Mendaftar Dan Verifikasi Situs Blog Pada Webmaster Tool

Nah, jika anda sudah berhasil melakukan pendaftaran situs blog pada Webmaster Tool namun artikel blog tetap tidak mau muncul, itu artinya anda perlu melakukan pengindeksan pada layanan Search Console.

Apa itu Search Console?

Search Console adalah layanan pengindeksan artikel dari suatu situs blog, agar nantinya artikel atau postingan yang ada didalam blog anda bisa ditemukan di mesin pencari Google.

Apa itu pengindeksan?

Pengindeksan berasal dari kata index yang berarti menelusuri, membaca, serta memasukkan artikel atau postingan pada mesin pencari Google. Jadi nantinya Google bisa mencari dan menemukan artikel-artikel yang sudah anda buat.

Untuk melakukan pengindeksan artikel pada layanan Search Console sendiri sangatlah mudah, namun berhubung saat ini layanan Search Console sudah diperbaharui dan telah menerapkan beberapa fitur-fitur yang cukup berbeda dari layanan sebelumnya, maka anda bisa mempelajarinya melalui langkah-langkah dibawah ini:

1. Tentukan artikel/postingan blog yang ingin di index.
2. Copy atau salin alamat link dari artikel yang akan di index.
3. Kemudian masukkan ke Search Console dengan masuk terlebih dahulu ke Webmaster Tool

Cara Index Artikel Blog Ke Google Search Console Baru Agar Postingan Muncul Di Pencarian G Cara Index Artikel Blog Ke Google Search Console Baru Agar Postingan Muncul Di Pencarian Google

4. Lalu klik pada "Gunakan Search Console Baru".
5. Maka anda akan diarahkan ke Search Console. Pada bagian paling atas terdapat kolom kosong, silahkan masukkan dengan link artikel yang sudah anda copy sebelumnya.

Cara Index Artikel Blog Ke Google Search Console Baru Agar Postingan Muncul Di Pencarian G Cara Index Artikel Blog Ke Google Search Console Baru Agar Postingan Muncul Di Pencarian Google

6. Kemudian klik pada "Minta Pengindeksan" dan tunggu beberapa saat hingga proses selesai.

Cara Index Artikel Blog Ke Google Search Console Baru Agar Postingan Muncul Di Pencarian G Cara Index Artikel Blog Ke Google Search Console Baru Agar Postingan Muncul Di Pencarian Google

7. Selesai.

Sampai pada tahap ini anda sudah berhasil melakukan index pada artikel blog anda, untuk memastikan apakah artikel anda sudah muncul di pencarian, silahkan anda cari sendiri dengan menggunakan judul dari artikel blog anda.

Nah, sebagai tambahan sekaligus pelengkap materi cara index artikel pada Search Console, anda juga bisa melihat video berikut ini:




Penutup

Demikianlah panduan mudah cara agar postingan artikel blog bisa ditemukan di mesin pencarian Google. Dengan menggunakan cara ini maka artikel blog anda akan muncul di pencarian Google dalam jangka waktu yang relatif cepat yaitu berkisar antara 2-5 menit saja.

Bagaimana, apakah anda sudah paham mengenai cara index artikel di Search Console? saya rasa anda sudah sangat paham mengenai cara ini, sebab saya juga telah menyertakan video tutorialnya, jadi anda akan semakin mudah dalam memahami artikel ini.

Nah, mungkin itu saja yang dapat saya sampaikan pada kesempatan kali ini. Semoga artikel ini bisa dijadikan rujukan yang baik dalam melakukan index postingan blog. Terus kunjungi situs blog ini untuk mendapatkan informasi terbaru ya. Terimakasih.

Sumber https://paling-top21.blogspot.com/
Read more