Juli Koding: Blogger

Showing posts with label Blogger. Show all posts

Membuat Galeri/Album Foto di Blog dengan Google Drive

Mudah! Membuat Galeri Foto di Blog dengan Google Drive

Seperti yang kita ketahui bersama, di Platform Blogger ketika Upload Gambar maka posisi gambar otomatis berada ditengah, tidak berdampingan, tersusun ke bawah.

Sehingga tidak menghemat ruang kosong yang ada, terlebih lagi apabila Gambar yang diupload banyak 😅 Repot deh harus scroll ke bawah...~

Menyusahkan visitor anda saja..

Oleh karena itu, kali ini kita akan Belajar Membuat Galeri/Album Foto di Blog tanpa Kode-kode rumit yakni menggunakan Fitur Embed dari Google Drive.

Penasaran ingin membuatnya? Simak dan ikuti tutorial berikut di bawah ini.

BACA JUGA : Buat Halaman About ala Chatting di Blog

Embed Folder Google Drive sebagai Galeri Foto di Blog

1. Klik kanan pada Folder - Get Shareable link untuk mendapatkan URL Publik. Contoh : https://drive.google.com/open?id=1i7Bm5IaC4-J3alkPPPyReSKSADDSk_n0.

Kita cukup mengambil bagian ID nya saja, yaitu 1i7Bm5IaC4-J3alkPPPyReSKSADDSk_n0

2. Silahkan Paste ID kalian ke kode di bawah ini.

Tampilan Dasar/List

Maka, hasilnya seperti di bawah ini..

Tampilan Grid

Hasilnya

3. Terakhir, Copy Paste ke Postingan/Halaman Blog anda dan Publish. 😁 untuk Mendownload/unduh File tersebut pun sangat mudah, cukup klik salah satu Gambar dan klik icon Unduh.

Itulah cara mudah untuk Membuat Galeri Foto atau Album Foto dengan Google Drive. Kalian dapat gunakan cara diatas di semua Platform, tidak hanya Blogger.

Sampai jumpa di #Tutorial Berikutnya..~ Gomawo

Blogger Tutorial Blogging

Cara Buat/Pasang Tombol Reaksi Emoticon di Postingan Blog

Selain menggunakan Vote atau kolom Komentar, pengunjung dapat menilai baik/buruk suatu Konten website melalui Tombol Reaksi berwajah Emoticon lucu.

Tombol Reaksi 😙 biasanya diletakkan dibagian akhir di setiap Artikel/Postingan blog. Jadi, dengan adanya tombol reaksi ini di Blog kalian diharapkan,

Menambah Interaksi dari pengunjung(tak sekedar membaca saja, namun ada gerakan yang dilakukan pembaca) sehingga dapat,
Mengurangi angka Bounce Rate(persentase pengunjung yang meninggalkan web/blog anda setelah HANYA membuka satu halaman saja. Misal, pengunjung tersebut membuka halaman utama web/blog atau halaman tertentu web anda, namun tidak membuka ~~halaman lain~~nya. Sumber : JokoSusilo).
Pembaca/pengunjung semakin yakin/percaya akan isi dari Artikel.

BACA JUGA : Cara Pasang/Letakkan Slide Presentasi di Postingan Blog

Intinya sangat bermanfaat deh, apabila kalian Pasang tombol Reaksi ini di Postingan Blog, bagi anda yang ingin memasangnya ikuti Tutorial berikut!

Tutorial Pasang Tombol Reaksi Emoticon di Postingan Blog

Ingat, ini bukan Cara membuat Tombol Reaksi tetapi sekedar Memasangnya 😅 jadi, kita perlu layanan dari ShareThis untuk mendapatkannya.

1. Buka situs ShareThis, dan buatlah akun baru dengan mengisi alamat domain website/blog kalian tanpa ~~http://~~ misalnya namaweb.blogspot.com

Buka situs ShareThis, dan buatlah akun baru

2. Klik "Get The Code" dan Copy kode tersebut dan Paste kan ke bagian Template blog kalian.

Letakkan kode setelah tag <head> atau sebelum tag </head> dan Simpan. Maka, blog anda akan terverifikasi oleh ShareThis.

Bila mengalami error saat pemasangan kode, coba tambahkan amp; setelah kode &. Contohnya :

<script async='async' src='//platform-api.sharethis.com/js/sharethis.js#property=5b57a5884970c900111bb7b9&amp;product=social-analytics' type='text/javascript'/>

3. Nyalakan layanan "Inline Reaction Buttons" dan klik tombol Copy untuk menyalin kode tersebut.

4. Pergi ke Edit HTML - CTRL + F(Untuk mencari kode <data:post.body/>) - Paste Kode yang kalian salin sebelumnya disamping/dibawah kode <data:post.body/>

Paste kan kode yang kalian salin sebelumnya disamping/dibawah kode <data:post.body/>

INFO : biasanya kode <data:post.body/> pada suatu template ada lebih dari 1. Jadi,

Kalian bisa Paste Kode di semua <data:post.body/> atau,
Bila ingin menghemat baris kode, Paste Kode di salah satu <data:post.body/> dan cek satu-persatu.

5. Terakhir, beralih ke ShareThis. Klik tombol Update dan tunggu sekitar 5 menit/lebih untuk melihat hasilnya.

BACA JUGA : Cara Membuat Kode berwarna-warni di Postingan Blog

Bagaimana, mudah bukan? 😂👍 kalian tak perlu khawatir mengenai Pagespeed menurun, yang penting kegunaanya bagi pengunjung.

Kalian juga bisa tambahkan kata-kata Ajakan kepada pengunjung agar meng-klik Tombol Reaksi tersebut di bagian EDIT HTML.

Itulah Tutorial Lengkap untuk Memasang Tombol Reaksi Emoticon di Postingan Blog, maju terus #bloggerindonesia 😁#ayeaye

Blogger Disqus Tips Trik Blogging

Cara Import/Memindahkan Komentar Blogger ke Disqus - 2018

Cara Import/Pindah Komentar Blogger ke Disqus - 2018

Banyaknya jumlah Komentar yang positif di suatu Blog menandakan bahwa Konten/Artikel tersebut sangat baik di mata pembaca.

Alasan mengapa kalian harus memilih Disqus Comment dibanding Blogger Comment telah saya bahas, baca aja bila penasaran.😂

Namun, Apabila kalian ingin beralih dari Blogger Comment ke Disqus Comment, anda harus meng-sinkronisasikannya terlebih dahulu agar Komentar yang sebelumnya ada di Blogger Comment akan tampil di Disqus Comment.

Jadi, yuk waktunya #MoveOn dari Komentar ~~Blogger~~ dan pindah haluan ke Disqus sekarang juga! 😋🤗

BACA JUGA : Cara Mudah Mengambil Foto Profil Instagram Orang lain!

Tutorial Pindah/Import Komentar Blogger ke Disqus

1. Buka alamat https://ID_DISQUS_KALIAN.disqus.com/admin/settings/install dan pilih platform yang kalian gunakan, contoh : blogger.

2. Kemudian, Klik Import untuk memindahkan komentar yang ada di Blogger ke Disqus.

3. Selanjutnya, pilih Import Comments from Blogger. Mudah, bukan? 😙

4. Terakhir, pilih Blog yang ingin kalian sinkronisasi-kan Komentar Bloggernya ke Disqus.

pilih Blog yang di sinkronisasi-kan Komentar Bloggernya

5. Selesai deh, kalian bisa cek apakah komentar berhasil di Pindahkan/Import dengan Membuka Artikel yang ada Komentar Blogger sebelumnya.

Berdasarkan pengalaman saya ketika migrasi Komentar Blogger ke Disqus, semua berhasil dipindahkan komentarnya, tapi 😅 Foto Profil/Avatar dari Komentator berubah jadi Default atau Anonim.

Jadi, bila kalian masih sayang dengan Komentar yang ada, Lebih baik ubah Avatar Komentator dengan Gambar Kostum, gitu aja sih!

Sekian Tutorial "Cara Import/Memindahkan Komentar Blogger ke Disqus - 2018". Selamat mencoba Layanan Komentar dari Disqus ya, para Blogger tercinta 😘😂 semoga makin samyang..~