Posts

Showing posts from June, 2013

3 Author Box Keren Untuk Blogger

Image
Anda mungkin telah melihat Author Box Widget atau Kotak Tentang Penulis di blog yang pernah Anda kunjungi atau seperti yang saya terapkan. Kotak Tentang Penulis penting untuk ditambahkan di blog Anda, yang mana akan memberikan tampilan yang profesional di blog dan juga hal ini dimaksudkan untuk memberikan sekilas informasi tentang penulis. Nah, pada kesempatan ini saya akan berbagi 3 Author Widget Keren atau Kotak Tentang Penulis dan juga cara membuatnya. Kotak Tentang Penulis yang akan kita buat ini akan tampil disetiap bawah posting blog Anda dan cara menambahkannya cukup mudah. Selain sekilas informasi tentang penulis, widget dibawah ini juga mempunyai fitur lain yaitu media sosial yang akan menguhubungkan pengunjung dengan akun sosial Anda. Untuk lebih jelasnya mari kita praktikan... MD Author Box Download Tutor : Download script Login ke Blogger - masuk ke halaman Dashboard Blog Anda Klik Template - Pilih Edit

Cara Membuat Artikel Terkait Vertikal Dengan Thumbnail Di Blogger

Image
Posting berikut saya akan membawa tutorial tentang cara membuat Widget Artikel Terkait dengan style vertikal serta dilengkapi dengan thumbnail/gambar dan ringkasan artikel. Pada posting sebelumnya saya sudah membahas tentang cara membuat artikel terkait di blog Anda tapi dengan menggunakan aplikasi ke-tiga seperti LinkWhitin dan nRelate. Manfaat dengan menambahkan Artikel Terkait di blog Anda sangat banyak, selain sebagai interlink antara artikel di blog juga sebagai menu navigasi artikel yang akan menampilkan posting yang terkait sehingga memudahkan pengunjung dalam menjalajahi blog Anda. Selain itu juga Artikel Terkait dapat meningkatkan lalu lintas di blog Anda dan mengurangi tingkat bouncing di blog sehingga hal ini akan menjadi nilai plus buat blog Anda.  satu-delapan Artikel Terkait : Cara Membuat Relate di BLogger Dengan Style CSS Cara Instsll nRelate atau Related Post di Blogger Langkah-langkah Membuat Widget Artikel Terkait : Login ke BLo

Menampilkan Komentar Disqus Di Halaman Statis Blogger

Image
Kalau pada posting sebelumnya saya membahas tentang cara menghilangkan kotak komentar di blogger, nah pada tutorial ini membahas tentang cara menampilkan komentar disqus di halaman statis blogger serperti halaman Tentang, Kontak maupun Sitemap. Untuk menampilkan komentar disqus di halaman statis blogger kita harus menghapus atau dengan memberi tag komentar ( <!-- tag komentar --> ) pada scritp percabangan yang ada di widget disqus. Caranya sangat mudah untuk lebih jelasnya ikuti langkah dibawah ini: satu-delapan Artikel Tekait Menghilangkan Kotak Komentar di Blogger Cara Menggunakan Template Blogger Versi Baru 2013 Menambahkan Judul Dan Atribut di Posting Gambar Agar Lebih SEO Menampilkan Kotak Komentar Disqus Di Blogger (update) Login ke Blogger Anda dan masuk ke Dashboard blog Anda satu-delapan Klik Template - pilih Edit HTML Tekan Ctrl+F dan cari kode dibawah ini disqus_blogger_canonical_homepage_url

Menghilangkan Kotak Komentar Di Halaman Blogger

Image
Pada kesempatan ini saya akan bebagi tutorial mudah tentang cara Menghilangkan Kotak Komentar di Halaman Blogger . Komentar pada posting blog merupakan hal penting karena dengan adanya kotak komentar di setiap posting memudah dari pembaca untuk meninggalkan komentar mereka atau umpan balik dan juga sebagai media yang akan membangun hubungan antara penulis dan pembaca. Dari jumlah komentar yang ada disetiap posting juga menunjukan keterlibatan pembaca terhadap blog Anda dan tentunya sebagai penilaian buat kita tentang lalu lintas yang terjadi diblog Anda. Namun pada beberapa halaman terntentu seperti halaman kontak, halaman tentang, halaman daftar isi kotak komentar tidak perlu ditambahkan. Nah, langsung aja kita praktikan... satu-delapan Artikel Tekait Cara Menampilakn Kotak Komentar Disqus di Halaman Statis Blogger (segera) Cara Menggunakan Template Editor Blogger Versi Baru 2013 Menambahkan Judul dan Atribut di Gambar Agar Lebih SEO satu-delapan

Mempercepat Loading Blogger : jQuery Lazy Load Plugin

Image
Ada banyak faktor kenapa lalu lintas blog kehilangan pengunjung, salah satunya adalah kecepatan loading blog yang memerlukan waktu lama. Hal seperti ini benar-benar akan berdampak buruk buat blog Anda, jadi penting buat Anda untuk memperhatikan beban dari template blog Anda. Salah satu yang membuat blog kita loading lebih lama karena gambar atau photo, lantas apa kita tidak harus menggunakan gambar untuk blog kita? Tentu saja tidak, seharusnya kita harus mengambil suatu langkah tertentu sehingga beban dari blog kita berkurang dan tampil lebih cepat. satu-delapan Nah, pada posting ini saya akan berbagi satu tips untuk mempercepat loading blog Anda dengan menggunanakan Plugin jQuery Lazy Image Load . Cara kerja plugin ini adalah memperlambat atau menunda loading gambar di blog Anda. Gambar yang muncul hanya pada halaman yang terlihat dan gambar yang lain akan terlihat saat kita mengscroll halaman blog ke bawah. Dengan begitu loading blog akan lebih cepat dan dalam

Responsif Sitemap Blogger Keren

Image
Sebelum berangkat untuk mengerjakan solat saya ingin berbagi sitemap responsif blogger , sitemap ini menampilkan gaya basic dari sitemap wordpress dan terlihat keren yang dibuat oleh Chandeep.  LIVE DEMO satu-delapan Artikel Terkait : Cara Membuat Sitemap HTML di Halaman Blogger satu-delapan Membuat Halaman Statis Blogger Dan Lebih Dari 20 Halaman   Cara Menambahkan Sitemap di Blogger : Masuk ke Dashboard blog Anda - klik Laman satu-delapan klik Laman baru - dan pilih Laman kosong Ubah ke mode html dan salin kode di bawah ini : <script src="https://dl.dropboxusercontent.com/u/36169749/scripts/widgets/btnt-sitemap.js" type='text/javascript'></script> <script src=" http://satu-delapan.blogspot.com/ feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script> <style type="text/css"> .post-archive { width:

Cara Install nRelate atau Related Post Di Blogger

Image
Related post adalah posting yang terkait di blog Anda dan ini merupakan bagian yang harus Anda tambahkan di blog Anda karena widget ini akan membantu meningkatkan lalu lintas di blog Anda dan pada kesempatan ini saya akan berbagi tutorial tentang Menginstal nRelate atau widget posting yang terkait di blog Anda. Sebelumnya saya telah membahas tentang cara menambahkan related post menggunakan linkwhitin yang pada dasarnya sama seperti nRelate. Namun nRelate lebih mudah untuk ditambahkan di blog atau website dan juga mudah dalam pengaturan serta terdapat beberapa varian untuk tampilannya yang bisa dengan mudah Anda ganti. FItur : Menampilkan posting dengan Thumbnail atau hanya Teks Menambahkan gambar default untuk posting yang tanpa gambar Terdapat 6 style tata letak yang berbeda seperti Polaroid, LinkWithin, ToonBarn, dll. Menyesuaikan jumlah posting yang ingin ditampilkan Menampilkan judul posting pilihan relevansi posting yang akan ditampilkan

Menambahkan Judul dan Atribut Alt Di Gambar Posting Agar Lebih SEO

Image
Di tutorial kali ini saya akan membahas bagaimana cara menambahkan judul dan atribut alt untuk gambar disaat Anda menggunakanya di posting. Tutorial kali ini sangat mudah dan bermanfaat untuk mengoptimasi blogger Anda agar menjadi lebih SEO. Dan dengan memanfaatkan fitur ini juga akan membantu blog Anda lebih mudah temukan di mesin pencarian. ok langsung saja kita praktikan bagaimana cara menambahkan judul dan atribut alt pada gambar satu-delapan Artikel Terkait : Cara Menggunakan Template Editor Blogger Versi Baru 2013 satu-delapan Optimasi Gambar Posting Blogger : Login ke blogger Anda - masuk ke dashboard klik pada ikon pencil "Buat entri baru" klik pada ikon gambar "insert image" dan uploud gambar apa saja untuk bahan latihan satu-delapan Untuk menambahkan judul dan atribut alt pada gambar klik gambar dan pilih properties Selanjutnya akan muncul pop up, masukan judul dan al

3 Cara Mudah Share Posting Blog Di Media Sosial

Image
Jika Anda ingin memudahkan pengunjung blog Anda untuk share posting atau konten blog Anda, dan ingin mengingkatkan lalu lintas ke blog Anda maka penting untuk Anda menambah widget sosial share di blog Anda. Di bawah ini ada 3 layanan yang akan membantu Anda dengan mudah menambah widget tombol share sosial di blog Anda. let's check out... Artikel Terkait : Membuat Horizontal Floating Share Sosial Di Blogger Floating Share Sosial Horizontal Baru Untuk Blogger 1. Markerly Markerly adalah tombol share sosial baru dan unik yang memungkinkan pembaca berbagi konten dari posting blog Anda, termaksud gambar atau potongan teks. Jika pengunjung blog Anda memblok atau menyoroti teks di blog Anda, maka akan muncul tombol share yang akan memudahkan mereka untuk berbagi posting. layanan ini sangat mudah ditambahkan di blog Anda dan ini gratis.   2. ShareThis Untuk paltform blogger sharethis memiliki 3 macam style yang bisa Anda tamb

Menampilkan Foto Profil Di Hasil Pencarian Google - Blogger

Image
Anda pasti sudah melihat situs atau blog yang muncul di hasil mesin pencarian dengan foto profil dari penulis . Hal ini merupakan fitur tambahan dari google webmaster yang akan menampilkan foto profil Anda di hasil mesin pencarian. Setelah Anda menambahkan fitur ini di blog atau situs Anda maka secara otomotis hasil mesin pencarian akan menampilkan foto profil Google Plus Anda disetiap posting yang Anda miliki. Untuk menambahkan fitur ini di blog Anda sangatlah mudah, untuk lebih jelasnya ikuti langkah-langkah dibawah ini : Artikel Terkait : Cara Memperbaiki Missing Required Filed Updated Tampilan Baru Google Plus 2013 Cara Menampilkan Foto Profil Penulis Di Hasil Pencarian Google : Langkah Pertama : Membuat akun di Google Plus klik DISINI , kalau sudah punya silahkan lewati langkah ini Selanjutnya masuk ke dashboard blogger Anda - Klik Template - Edit HTML letakan script di bawah ini bisa di header, sidebar maupun di footer.