Showing posts with label Tips & Trik Blog. Show all posts
Showing posts with label Tips & Trik Blog. Show all posts

CARA MEMASANG NAVIGASI NEXT & PREVIOUS DI ATAS KOMENTAR

Trik ini bukanlah yang baru dan sudah banyak pakar blog yang berbagi ilmu tentang cara membuat navigasi Next & Previous di Blogger. blog tidak dioptimalkan atau terstruktur secara user friendly. Sama berlaku pada default tema wordpress. Tombol Page Navigation tidak masuk akal bila ditempatkan di bagian bawah kolom komentar.

Apa pun yang memberikan kegunaan bagi pembaca harus ditempatkan langsung di depan. Setelah memeriksa statistik analisisnya, saya menemukan bahwa tombol Navigasi Next & Previous ditempatkan tepat di bagian bawah konten lebih baik dibandingkan dengan menempatkan di bawah komentar. Hari ini kita akan belajar cara membuat Page Navigation yang sederhana di blogspot.


4 WIDGET KEREN POPULAR POSTS DI BLOG PART II

Ini adalah lanjutan dari Posting sebelumnya, kalau sebelumnya 5 Widget Keren Popular Posts sekarang 4 Widget Keren Popular Posts. Bagi anda yang menggunakan Blogger sebagai platform untuk blog pribadi atau bisnis, anda mungkin akan mencari cara untuk mempercantik tampilan blog anda agar para pembaca atau pengunjung betah berlama - lama di blog anda dan mendorong mereka untuk berselancar di blog anda atau bahkan menjadi pembaca, pengikut setia di blog anda.

Ada banyak cara untuk mempercantik blog anda, mungkin membuat tampilan popular post lebih unik adalah salah satunya dari sekian banyak cara. Kali ini saya akan share 4 Widget Keren Popular Posts di Blog untuk mempercantik popular post anda.

Sebenarnya tampilan Popular Posts bawaan Blog itu lumayan juga, tapi bagi anda yang butuh tampilan lebih keren mungkin akan membuat widgetnya sendiri dan bagi para pemula yang tidak mau berpusing ria di bawah ini ada yang sudah siap pakai, anda tinggal pilih salah satu sesuai selera.

4 Widget Keren Popular Post

5 WIDGET KEREN POPULAR POSTS DI BLOG

Bagi anda yang menggunakan Blogger sebagai platform untuk blog pribadi atau bisnis, anda mungkin akan mencari cara untuk mempercantik tampilan blog anda agar para pembaca atau pengunjung betah berlama - lama di blog anda dan mendorong mereka untuk berselancar di blog anda atau bahkan menjadi pembaca, pengikut setia di blog anda.

Ada banyak cara untuk mempercantik blog anda, mungkin membuat tampilan popular post lebih unik adalah salah satunya dari sekian banyak cara. Maka dari itu saya akan share 5 Widget Keren Popular Posts di Blog untuk mempercantik popular post anda.

Sebenarnya tampilan Popular Posts bawaan Blog itu lumayan juga, tapi bagi anda yang butuh tampilan lebih keren mungkin akan membuat widgetnya sendiri dan bagi para pemula yang tidak mau berpusing ria di bawah ini ada yang sudah siap pakai, anda tinggal pilih salah satu sesuai selera.


CARA PASANG PLUGIN HALAMAN FACEBOOK DI BLOG

Facebook Fan Page adalah sebuah halaman khusus facebook yang memberikan informasi beragam sesuai dengan keinginan pengelola (admin) fan page, mulai dari info produk, event, layanan publik, artis, komunitas dan lainnya. Facebook Fan Page Like Box bisa membantu follower serta pengunjung untuk mendapatkan informasi/artikel terbaru di Facebooknya mengenai site Anda hanya dengan mengklik tombol 'Like'. Hal ini lah yang dimanfaatkan oleh kalangan tertentu, contohnya pengelola toko online untuk memberikan informasi atau event kepada pelangganya melalui facebook. Dengan demikian penyebaran informasi akan lebih cepat diterima oleh banyak orang.

Manfaat Facebook Fan Page bagi blog Anda adalah untuk mengumpulkan pengunjung sebanyak-banyaknya. Sedangkan manfaat bagi Anda yang memiliki toko online adalah mengirim pesan-pesan marketing atau mempromosikan produk Anda untuk menghasilkan penjualan. Dengan semakin banyaknya jumlah penggemar Facebook Fan Page Anda, maka akan semakin besar pula blog Anda dikenal orang dan makin besar juga peluang Anda mendapatkan uang.

5 GAYA CUSTOM SEARCH BOX

Kotak pencarian dalam blog memiliki banyak fungsi. Blogspot juga menyediakan fasilitas ini pada pilihan widget-nya. Hanya saja, fasilitas defult dari blogspot kurang interaktif dan kadang tidak akurat, bahkan belum mampu mencari artikel yang baru diposting. Oleh karena itu dibutuhkan kotak pencarian baru.

Lalu bagaimana cara membuat dan memasangnya. saya akan berupaya memberi penjelasan dari awal Cara Membuat dan Memasang Custom Search Box di blog. Ada sebuah aturan yang tak tertulis dalam dunia design web yang mengatakan bahwa setiap web harus memiliki kotak pencarian, ada beberapa rancangan gadget pencarian di bawah ini, pilih sesuai template blog anda untuk memberikan beberapa manfaat kepada para pembaca.


CARA MEMASANG RELATED POSTS TER-UPDATE

Related post merupakan komponen penting dalam suatu website atau blog agar terlihat lebih profesional, selain itu juga membantu pengunjung menavigasi blog anda. 

Menambahkan daftar posting terkait (related posts) di bawah posting blog tidak hanya menambah keren blog, tapi juga membantu meningkatkan pageviews. Posting terkait ini sangat bermanfaat bagi blogger sendiri dan pengunjung.

Pengunjung dengan mudah menemukan topik-topik terkait atau artikel menarik lainnya di blog Anda. Posting terkait (related posts) menyajikan posting alternatif kepada pembaca dan "membujuk" mereka berlama-lama di blog Anda.

Ini dia cara membuat daftar posting terkait (related posts) seperti contoh gambar di bawah ini :


Jenis Iklan di Blog

Tak cuma acara tv saja yang ada iklannya, bahkan blog dan website pun juga ada iklannya^^, dan cukup banyak pengiklan yang tersebar di seluruh penjuru dunia maya ini, dan ke-efektif-an nya pun sudah di rasakan para pengiklan sehingga membuat periklanan di internet ini semakin meluas dan metode pembayarannya pun semakin beragam. Kegiatan blogging kini mulai banyak digandrungi banyak kalangan dan golongan masyarakat. Bagaimana tidak, blogging telah menjadi tren tersendiri dengan munculnya banyak blogger beserta aktivitas dan perkumpulannya.

Ada beberapa dari para blogger yang menjadikan aktivitas blogging ini sebagai hobi, namun tak sedikit pula dari mereka yang menjadikan kegiatan blogging ini sebagai sarana menghasilkan uang. Kegiatan blogging untuk memperoleh uang ini disebut dengan monetisasi blog yang artinya metode membuat blog atau website agar mampu menghasilkan uang. Salah satu teknik atau cara memonetisasi blog adalah dengan cara menempatkan iklan pada blog atau website. Pada perkembangannya, dengan semakin banyaknya blog monetisasi yang bermunculan membuat iklan yang hadir pada sebuah blog atau website juga semakin beragam.


4 WIDGET KEREN BUAT BLOG

Populer Post dalam sebuah blog sangat penting sebagai alat / saranan untuk mempromusikan Postingan kita. Popular Post atau sering ditulis oleh blogger Indonesia dengan sebutan Tulisan Terpopuler pada dasarnya punya banyak fungsi. Selain berguna untuk menaikan trafik pageview pada blog kita, dengan memasang widget ini, juga akan mempercantik tampilan.

Memasang widget Popular Post secara baik dan unik tentu akan menarik perhatian pengunjung untuk mengklik dan menambah waktu kunjungannya ke blog kita. Hanya saja, widget bawaan blogger ini memiliki struktur tampilan yang kurang sedap. Apalagi dengan pengaturan yang rumit jika hendak merubahnya. Hal ini sukses membuat banyak blogger mengurungkan niatnya untuk memasang widget ini di blognya.



8 TEMPAT PENEMPATAN IKLAN DI BLOGGER

Postingan kali ini saya akan share tentang 8 tempat yang paling umum di pasang kode iklan dalam situs atau blog, di mana kita dapat menambahkan kode iklan sesuai selera yang kita inginkan, meskipun pada dasarnya semua tempat bisa di pasangi kode iklan.

Bicara iklan bicara juga penghasilan yang di dapat dari hasil iklan itu sendiri, dimana sangat berpengaruh tempat untuk pemasangannya. Berikut saya share tempat - tempatnya dan tergantung anda sendiri tempat mana yang paling favorit menurut penilaian anda.

8 Tempat Penempatan Iklan di Blog adalah sebagai berikut menurut saya :

1. SIDEBAR


CARA MENGUBAH UKURAN THUMBNAIL POPULAR POSTS

Pada kesempatan kali ini saya akan memberikan tutorial cara mengubah ukuran thumbnail/gambar pada popular post blogger. Secara default, gambar yang dipanggil pada widget popular post berukuran tinggi 72 px dan lebar 72 px. Artinya dengan ukuran default sekecil itu ketika kita mengubah ukurannya dengan memainkan css, hasilnya akan tampak blurry. Jadi untuk mengatasi hal tersebut, kita perlu melakukan tweaking pada template blog kita. Ada beberapa cara yang bisa kita lakukan untuk memperbesar ukuran thumbnail popular posts tanpa mengurangi kualitasnya seperti dengan menggunakan javascript dan mengedit langsung line html pada widget popular post.

Cara merubah ukuran thumbnail/gambar widget Popular Post. Popular post merupakan salah satu widget Blogger yang mendapat update beberapa waktu lalu. Update-an itu berdampak pada ukuran thumbnail/gambar popular post.

Bagi template blogger dengan ukuran thumbnail popular post segi empat, mungkin masalah tidak akan terjadi cuma ukurannya terlalu kecil bagi saya.



Cara Memasang Widget Random Post di Blog

Random Posts adalah daftar posting yang ditampilkan otomatis "secara acak" atau muncul secara bergantian. Kata para pakar SEO, Random Post itu bagus buat SEO Blog dan disukasi user. Cara memasang Random Post sangat mudah.

FUNGSI RANDOM POSTS
Random post berfungsi sebagai navigasi dan internal links. Dengan adanya Widget Random Posts --selain Related Posts dan Recent Posts, user atau pengunjung blog akan lebih mudah menjelajahi konten blog kita. Mereka pun bisa berlama-lama tuh buka dan baca blog kita, bagus buat Page Rank!

Dibandingkan kode random posts lainnya, kode ini paling cepat, tidak lelet atau "relatif" tidak memperlambat loading blog.

PERTAMA

1.  "Layout" > "Add Gadget" > pilih "JavaScript/HTML"
2.  Isi judul widget dengan "Random Posts" (bisa pula nama lain)
3.  Copy & Paste kode berikut ini di kolom "Content"

Cara Mengganti Link Newer Post dan Older Post jadi Judul Posting PART II

Sebenarnya Link Newer Post dan Older Post ( Nextprev ) kalau di biarin begitu saja tidak masalah, Karena ketika pembaca mengklik tautan NEWER maka akan di tautkan ke halaman artikel yang lebih baru dari halaman yang terbuka, begitu pula sebaliknya. Yang  menjadi masalah adalah, pembaca tidak tahu halaman berikutnya itu membahas tentang apa.  Di sinilah kadang kita merasa terjebak. Apalagi jika blog yang kita baca adalah blog gado-gado di mana kadang artikel yang satu dengan artikel yang lain tidak saling berhubungan.  

Dengan memikirkan kenyamanan pembaca inilah maka sebaiknya kita mengganti navigasi Postingan Lama dengan Postingan Baru dengan judul postingan itu sendiri. Bagaimana caranya? Berikut ini akan membantu anda step by step cara merubah navigasi Postingan lama dan Postingan baru dengan Judul Postingan.

Cara Merubah Newer Post dan Older Post ( Nextprev ) sebenarnya gampang gampang susah beda dengan Artikel yang pertama yang saya terbitkan sebelum ini. Jika anda berminat untuk mengganti navigasi Newer Post dan Older Post ( Nextprev ) dengan judul postingan dapat mengikuti tutorial berikut ini:

Cara Memodif Tampilan Kolom Komentar Blog

Untuk meningkatkan engage, atau interaksi pembaca terhadap setiap artikel yang dihadirkan di blog Anda, selain membuat konten yang berkualitas, Anda juga dapat memodifikasi tampilan kolom komentar untuk menarik perhatian pembaca untuk berkomentar. Kolom komentar blog pada template web yang masih menggunakan platform blogspot pada umumnya memiliki tampilan yang begitu sederhana, minimalis, dan tidak begitu menarik. Sehingga membuat kebanyakan pembaca hanya berniat untuk membaca yang Anda tuliskan, tanpa meninggalkan feedback apapun, baik itu berupa ucapan terimakasih maupun bertanya sesuatu terkait artikel yang Anda tuliskan.

Kolom komentar yang keren dan enak dilihat cara menambahkan pesan untuk meminta pengunjung untuk berkomentar di blog cara memasang menambahkan pesan diatas kolom komentar blog, Seumpama jika pembuat template blog tidak melakukan modifikasi pada kolom komentar blog menggunakan CSS dan meninggalkannya tetap default, kurang lebih inilah tampilan kolom komentar di blogspot:


Cara Mengganti Link Newer Post dan Older Post Menjadi Judul Posting

Cara Mengganti Posting Lama dan Posting baru dengan Judul Postingan di Blogspot. Seringkali kita menemukan template dengan navigasi yang simple di mana navigasi postingan lama dan postingan baru di letakan di bawah komen dengan judul <- NEWER (Postingan Baru) atau Older-> (Postingan Lama).  

Secara umum hal ini sebenarnya tidak masalah.  Karena ketika pembaca mengklik tautan NEWER maka akan di tautkan ke halaman artikel yang lebih baru dari halaman yang terbuka, begitu pula sebaliknya. Yang  menjadi masalah adalah, pembaca tidak tahu halaman berikutnya itu membahas tentang apa.  Di sinilah kadang kita merasa terjebak. Apalagi jika blog yang kita baca adalah blog gado-gado di mana kadang artikel yang satu dengan artikel yang lain tidak saling berhubungan.  

Dengan memikirkan kenyamanan pembaca inilah maka sebaiknya kita mengganti navigasi Postingan Lama dengan Postingan Baru dengan judul postingan itu sendiri. Bagaimana caranya? Berikut ini akan membantu anda step by step cara merubah navigasi Postingan lama dan Postingan baru dengan Judul Postingan.

Cara Merubah Postingan Lama dan Postingan Baru sebenarnya sangat mudah. Jika anda berminat untuk mengganti navigasi Posting baru dan Posting lama dengan judul posting dapat mengikuti step by step langka berikut ini:



Cara Menghilangkan Tulisan Subscribe to: Post (Atom)

Membuat blog tampak indah dan rapih memang butuh usaha dan kesabaran. Template sederhana pun jika kita mau berusaha merubah dan memperbaikinya akan nampak indah pada waktunya. Sekali lagi saya katakan, blogspot memberi kita kesempatan melakukan perombakan sesuai selera kita meski terkadang butuh usaha sedikit atau bahkan lebih toh semuanya memang butuh waktu untuk mencapai apa yang kita inginkan.

Sekarang saya akan share cara menghapus tulisan Subscribe to: Post (Atom) yang berada dipojok kiri paling bawah blogspot. Tulisan ini memang tidak masalah jika tetap berada disana, namun bagi sebagian orang risih dengan adanya tulisan ini.


Untuk menghapusnya cukup mudah. Silahkan cari script berikut pada halaman HTML.



<div class='feed-links'>
  <data:feedLinksMsg/>
  <b:loop values='data:links' var='f'>
     <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  </b:loop>
  </div>

Cara Mengatur Jarak Antar Widget

Ketemu juga akhirnya, dari sekian banyak cara cuma ini yang cocok sama template saya. Demi menghemat space halaman blog banyak cara yang di lakukan oleh  para blogger. Dari menampilkan post hanya judul postingan saja, menampilkan post hanya cuplikan saja ( jump break ), membuat scorllbox pada postingan, hingga  mengatur jarak antar widget. Dalam tutorial kali ini  saya akan membahas cara mengatur jarak antar widget. Berikut caranya mengatur jarak antar widget :

Login blogger => tamplate => Edit HTML

Lalu cari kode  ]]></b:skin> ( untuk mempercepat pencarian tekan CTRL + F pada keyboard ) kalau sudah ketemu copas kode di bawah ini, pasang tepat di atasnya kode  ]]></b:skin>.

.main-inner .widget {
margin: 10px  10px;
}

Cara Menghapus Header di Blog

Artikel kali ini cukup mudah dan sederhana, munkgin para sobat sudah banyak yang paham bagaimana caranya menghapus Header di Blog. Sebagian besar seorang Blogger pasti berpendapat jika Header itu kurang penting, tapi tidak semua Blogger begitu. Mungkin tujuan untuk menghapus Header Blog adalah untuk meringankan sebuah Blog dan untuk memberikan tampilan simple pada template tersebut. Untuk sobat yang ingin menghapus Header Blog, saya wajibkan untuk menerapkan tutorial ini, banyak cara untuk menghapus header blog dan setelah browsing sana sini saya menemukan cara yang sangat sederhana dan mudah.



Cara Menghapus / Menghilangkan Navbar di Blogger

Cara menghapus dan menghilangkan navbar di atas halaman blogger bisa dilakukan dengan dua cara, yaitu dengan menyembunyikannya dari halaman atau dengan cara menghilangkan. Apabila hanya untuk menyembunyikan navbar dari halaman blogger kita hanya perlu me-non aktifkan navbarnya dari widget settingnya.  Namun hal ini hanya menghilangkan tampilannya saja dan tidak menghilangkan elemennya pada halaman, dengan kata lain ukuran dari elemen navbarnya masih bersentuhan dengan elemen lain.


Berikut caranya :

1. Menon-aktifkan Navbar

Hal yang harus dilakukan adalah masuk ke dalam dashboard blogger kemudian pilih "Tata Letak". Muncul halaman pengaturan widget lalu pilih Navbar yang berada di paling atas lalu klik "Edit".


Cara Memodifikasi Entri Populer

Popular Post atau dalam bahasa Indonesianya Pos Populer adalah suatu widget di blog yang menampilkan kumpulan beberapa postingan artikel yang paling banyak dibaca para pengunjung blog. Popular Post sudah menggunakan sistem random urut berdasarkan peringkat dengan postingan yang palinbg banyak dibaca. Penggunaan widget Pos Populer bisa disesuaikan untuk menampilkan postingan paling populer selama 7 hari, sebulan, dan setiap saat. Masih berhubungan dengan Popular Post kini akan dibahas cara memodifikasi tampilannya supaya kelihatan lebih cantik dan menawan.

Efek yang digunakan dengan menampilkan No. urut mulai yang paling populer. Tampilannya seperti pada gambar di bawah ini.


Cara Memasang Iklan di Bawah Postingan

Salah satu cara meningkatkan penghasilan di Blog adalah penempatan unit iklan di tempat yang baik. Dan posisi terbaik kadang kala berada di dalam postingan. Baik itu di bawah judul, di tengah postingan atau di akhir postingan. Posisi terbaik untuk memasang iklan tidak selamanya berada di dalam postingan. Pada dasarnya, posisi itu erat kaitannya dengan template yang digunakan. Ada template yang bagusnya menempatkan kanan atas dan sidebar kiri.

Ada beberapa hal yang harus diperhatikan dalam memasang iklan agar penghasilan kita bisa optimal, salah satunya adalah penempatan iklan itu sendiri, dan sesuai pengalaman para master master blogger penempatan iklan yang bisa mengoptimalkan penghasilan adalah :
  1. Di atas postingan / di bawah judul postingan
  2. Di tengah postingan
  3. Di bawah postingan

Tapi apapun itu, banyak blogger masih yakin, posisi terbaik untuk iklan adalah di tengah postingan. Hanya saja, script iklan tidak serta merta diterima oleh HTML blogspot. Jika pun dipaksakan, maka akan berakhir dengan error.

Pada tutorial kali ini, kita akan mengulas cara memasang iklan di akhir postingan. Tapi sebelum memasang, Anda harus melakukan parse pada script iklan Anda.

Memparse script ini sama sekali tidak merubah struktur iklan, hanya mengkonversinya dalam bahasa pemprograman javascripts yang bisa diterima oleh template. Browser juga membacanya sama sebelum dilakukan parse, jadi usah risau.