Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan

Jumat, 31 Januari 2014

Ketahui Seberapa Berat Blog Anda!

Mengetahui seberapa berat kecepatan loading blog Anda adalah salah satu hal yang penting bagi Anda para blogger. Blog yang memiliki kecepatan loading yang sangat lama mungkin akan terasa menjengkelkan bagi para pengunjung blog tersebut. Tentu saja hal itu akan membuat pengunjung kabur karena kelamaan menunggu loading halaman blog. Kecepatan loading halaman suatu blog memang tergantung kecepatan koneksi internet si pengunjung itu sendiri. Tapi bisa Anda bayangkan jika koneksi internet Anda sangat lelet dan Anda membuka suatu website atau blog yang memiliki kecepatan loading yang lama dan jika Anda tidak tahan karena harus menunggu terlalu lama tentu saja Anda akan menutup tab window blog tersebut.

Sebagai blogger, tentunya kita harus melakukan hal-hal yang dapat membuat blog menjadi lebih ringan agar waktu loading halaman blog menjadi lebih cepat. Salah satu cara yang dapat Anda lakukan adalah kompress template pada blog Anda dan hilangkan widget-widget yang tidak perlu seperti jam, kalender, dan lain-lain.

Berikut cara untuk mengecek seberapa berat blog Anda. Anda tinggal memasukkan alamat web atau blog yang ingin Anda cek ke dalam kotak di bawah ini lalu klik "Check!"

Masukkan Alamat Web/Blog Max 10 URL: 
(eg. arisfajrianto.blogspot.com)

Untuk ukuran blog yang ideal adalah <100kb. Jika Anda mendapatkan hasil berwarna merah dan size >100kb itu artinya blog Anda tidak ideal dan harus mengoptimalkan agar blog Anda terlihat lebih ringan. Untuk Load Time dan Average Speed per KB tidak harus Anda perhatikan karena hasilnya akan berubah-ubah tergantung kecepatan koneksi saat melakukan test tersebut. Sekian dan semoga bermanfaat!

Sabtu, 11 Januari 2014

Inilah Akibatnya bila Sering Mengganti Template Blog

Inilah Akibatnya bila Sering Mengganti Template Blog
Hi, how are you? Udah lama gak update blog. Di bulan pertama tahun 2014 ini saya akan posting mengenai dampak negatif jika sering gonta-ganti template blog. Saya sempet males mau blogging lagi dikarenakan template blog ini tidak bisa diganti lagi, entah kenapa sampai sekarang saya belum menemukan solusinya. Udah tanya sana-sini tapi belum ada jawaban yang memuaskan. Sempat juga mau delete blog ini tapi sayang.. visitor blog ini udah terlanjur stabil dan traffic rank udah tembus di bawah 1 juta. Untuk mendapatkan hal itu bukanlah hal yang mudah, butuh waktu dan usaha yang tidak sedikit. Karena itulah saya terinspirasi untuk membuat artikel ini.
Template merupakan hal yang penting dalam website atau blog selain dari kualitas artikel atau blog itu sendiri. Semakin menarik template yang digunakan maka akan semakin puas pengunjung menjelajahi isi blog kita. Namun perlu diingat, jangan terlalu sering mengganti template blog Anda karena ada beberapa dampak negatifnya. Kenapa? Bukankah itu hanya sebuah template? Nah daripada Anda bertanya-tanya mari simak poin-poin berikut ini.

Akibat Buruk bila Sering Mengganti Template

1. Visitor Akan Menurun
Blog yang sering gonta-ganti template akan mengalami penurunan visitor secara perlahan. Mengapa? Apa hubungannya template dengan blog? Berikut alasannya.
- Robot pencari kebingungan dengan script baru
Robot pencari seperti Google, Yahoo dan lainnya akan mengalami kesulitan dalam mengindeks blog kita karena susunan script template kita berubah dari template sebelumnya. Hal ini akan berdampak pada penurunan visitor karena blog kita tidak lagi menempati pada halaman pertama hasil pencarian.
- Blog dalam kondisi 'tidak siap'
Bila Anda mengganti template blog otomatis posisi widget akan berantakan. Pengunjung akan melihat blog Anda dalam keadaan tidak siap. Hal itu akan menyebabkan para pengunjung akan pergi meninggalkan blog Anda. Perlu Anda ketahui bahwa durasi pengunjung yang singgah di blog kita akan menentukan reputasi blog kita juga.

2. Broken Link
Sering mengganti template blog juga akan menambah link rusak. Jika hal itu terjadi maka reputasi blog Anda di mata Google dan pengunjung akan jelek.

3. Alexa Traffic Rank Akan Menurun
Alexa Traffic Rank blog Anda perlahan akan membengkak jika sering mengganti template blog, apalagi jika template itu tidak memenuhi kriteria SEO. Seperti yang kita tahu untuk 'mengecilkan' Alexa Rank itu tidaklah mudah dan perlu usaha dan waktu yang cukup lama. Usaha yang selama ini telah kita lakukan untuk mengecilkan Alexa Rank akan menjadi sia-sia apabila ternyata angkanya membengkak.

4. Buang-Buang Waktu
Ketika Anda mengganti template yang baru, Anda akan memerlukan waktu yang cukup lama untuk membuat blog Anda benar-benar dalam keadaan 'siap'. Lebih baik gunakan waktu Anda untuk melakukan blog walking, optimasi blog, dan lain sebagainya.

Itulah beberapa alasan yang mungkin bisa jadi pertimbangan Anda untuk mengganti template. Mungkin masih banyak lagi dampaknya selain yang disebutkan di atas. Namun perlu dicatat lagi, kata "sering" yang saya maksud adalah jika Anda mengganti template sampai puluhan kali. Maksimal 2x saja sudah cukup apalagi jika blog Anda sudah sudah berumur lama.
Baiklah, jika ada pertanyaan jangan sungkan untuk berkomentar yaa :)

Jumat, 13 Desember 2013

Cara Membuat Spoiler di Blog

Spoiler
Spoiler.. Mungkin bagi sebagian orang sudah tidak asing lagi dengan yang namanya spoiler seperti... spoiler mobil yang biasanya ada di belakang mobil balap itu lho hehe.. Tapi yang akan kita bahas kali ini bukan spoiler mobil balap itu melainkan spoiler dalam konteks dunia internet. Bagi kalian yang sering nongkrong di forum-forum tentunya sudah mengetahui apa itu spoiler, namun bagi yang belum tahu saya akan jelasin sedikit. Spoiler adalah tombol yang digunakan untuk menyembunyikan konten berupa teks, gambar, video dan lain sebagainya, spoiler juga berfungsi untuk menghemat tempat yaitu apabila konten itu panjang sekali kita bisa menggunakan spoiler. Spoiler biasa digunakan untuk membuat penasaran si pembaca dengan menyembunyikan terlebih dahulu, untuk membukanya tinggal meng-klik tombol spoiler itu. Nah udah cukup penjelasannya, kali ini saya akan menjelaskan cara membuat tombol spoiler itu di blog, simak penjelasan di bawah ini..


Cara Membuat Spoiler di Blog

1. Pertama silahkan login ke dasbhor sobat
2. Silahkan buat postingan baru seperti biasa sobat melakukannya
3. Pada saat membuat postingan, pilihlah mode HTML
4. Lalu copas kode script di bawah ini
<div style="margin: 5px 20px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"><b>Judul Spoiler</b>: <input value="Open" 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" type="button"> </div> <div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;"> <div style="display: none;"> Isi spoiler sobat di sini <br> </div> </div> </div>'/>

5. Sobat bisa mengganti Judul Spoiler sesuai keinginan sobat, begitu juga dengan tombol Open/Close bisa diganti dengan Show/Hide dan lainnya
6. Masukkan juga script konten yang akan sobat sembunyikan
7. Jika sudah silahkan publikasikan postingan sobat dan lihat hasilnya
8. Jika berhasil maka akan seperti ini
Hasilnya seperti ini:
Isi spoiler sobat di sini

Follow @aris_fz on Twitter for more info
Bagaimana, mudah bukan? Semua akan menjadi mudah bila Anda mau belajar. Jika ada yang ingin ditanyakan silahkan corat-coret di komentar. Oke sekian tutorial singkat ini, terima kasih telah berkunjung :)

Jumat, 29 November 2013

Cara Membuat Tombol Back to Top di Blog

Back to Top
Back to Top atau "Kembali ke Atas" adalah salah satu tombol yang biasanya terletak di bagian bawah suatu website atau blog untuk membantu pengunjung kembali ke atas halaman sebuah postingan. Tombol ini mempunyai peranan yang cukup penting karena berfungsi meng-scroll untuk kembali ke bagian atas sehingga kita tidak perlu lagi menggunakan scroll mouse secara manual untuk kembali menuju ke atas.

Tombol Back to Top yang akan saya bagikan ini mempunyai efek bounce yaitu seperti efek pantulan pada saat kembali ke atas dan efek fade in/fade out yaitu tombol muncul secara perlahan ketika discroll ke bawah. Untuk preview sobat bisa lihat pada blog ini.

Langsung aja ya disimak tutorialnya :)

1. Login ke Blogger
2. Klik Template kemudian Edit HTML, ada baiknya backup dulu template sobat
3. Cari kode </head> menggunakan CTRL+F agar lebih mudah
4. Simpan kode jQuery ini tepat di atas kode </head> tadi. Tapi jika blog sobat sudah ada maka lewati langkah ini
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js'/>

5. Simpan kode ini masih di atas </head>
<script type='text/javascript'> $(function() { $(window).scroll(function() { if($(this).scrollTop()>100) { $('#BounceToTop').fadeIn(); } else { $('#BounceToTop').fadeOut(); } }); $('#BounceToTop').click(function() { $('body,html').animate({scrollTop:0},800) .animate({scrollTop:25},200) .animate({scrollTop:0},150) .animate({scrollTop:10},100) .animate({scrollTop:0},50); }); }); </script>

6. Jika sudah, simpan template sobat
7. Masuk ke menu Tala Letak/Layout
8. Buat widget baru HTML/JavaScript kemudian simpan kode di bawah ini
<style type='text/css' scoped='scoped'> #BounceToTop{position:fixed; bottom:0px; right:3px; cursor:pointer;display:none} </style> <div id='BounceToTop'><img alt='Back to Top' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjj3kH8YfZBYuF7KP5NmWlLZdBGA68jNGhIM4bNUTvlNWKUFovz98vwxcGFKzbh4TzQiAJq20yoHinlncweoRbPVSp3jaZN6MQdjSxWEWbUMT7UPS0JrSj3SSBX_6hy-Ku3pp_XJoFE_TSH/s1600/top_up.png'/></div>
Note : Warna Pink adalah URL model gambar tombol Back to Top, sobat bisa mengganti URL gambar sesuai selera sobat.

9. Klik Simpan dan lihat hasilnya

Demikian tutorial sederhana tentang Cara Membuat Tombol Back to Top di Blog. Terima kasih telah berkunjung. Semoga bermanfaat!

Sabtu, 26 Oktober 2013

Optimasi Link Pada Artikel Blog

Optimasi Link Pada Artikel Blog

Pada kesempatan kali ini saya akan membahas tentang Optimasi Link Title Pada Artikel Blog. Seperti yang sudah saya jelaskan pada posting sebelumnya silahkan baca di sini. Optimasi link title termasuk dalam penerapan teknik Optimasi SEO On Page pada blog. Mungkin ada yang masih belum mengerti tentang optimasi link title ini. Saya akan berikan contohnya.

Contoh link yang belum dioptimalkan.

Link yang beum optimal

Note : Pada gambar di atas ketika link disentuh cursor mouse link "di sini" tersebut tidak menampilkan title.


Contoh link yang sudah dioptimalkan.

Link yang sudah optimal

Note : Pada gambar di atas ketika link disentuh cursor mouse maka akan muncul title link "Apa itu SEO?"

Nah akan saya jelaskan bagaimana caranya.

Cara Optimasi Title Link Pada Artikel Blog
Pada saat anda membuat artikel, pindah ke HTML dan cari link yang sudah anda tanamkan di situ
Contoh : <a href="Link Internal">Judul Link</a>
Tambahkan title="Judul Link" di tengah-tengah kode di atas.
Seperti ini :  <a href="Link Internal" title="Judul Link?">Judul Link</a>

Ada juga seperti ini
Contoh : <a href="Link Internal" target="_blank">Judul Link</a>
Tambahkan title="Judul Link" di samping kanan target="_blank"

Note : Tulisan warna biru adalah link yang kalian tanamkan. Sedangkan yang warna merah adalah judul link pada saat disentuh cursor mouse.


Sekian tips dari saya. Jika ada kesalahan penulisan atau semacamnya silahkan beritahu di komentar dengan sopan. Saya akan menerima segala kritik dan saran kalian semua. Semoga artikel ini bermanfaat!

Selasa, 24 September 2013

Cara Mengetahui Jumlah Pengunjung Blog

Ilustrasi
Pada kesempatan kali ini saya akan berbagi ilmu tentang Cara Mengetahui Jumlah Pengunjung Blog Kita. Bagi para blogger seperti saya tentunya ingin agar blog kita ramai dikunjungi. Pengunjung menurut saya merupakan suatu tolak ukur keberhasilan suatu blog. Nah, tentunya kita sebagai pemilik blog ingin mengetahui hasil kerja keras kita dalam membangun blog, salah satunya dengan mengetahui jumlah pengunjung blog kita.

Sebenarnya untuk mengetahuinya ada beberapa cara, salah satunya dengan melihat data statistik pengunjung yang disediakan oleh blogger itu sendiri. Langkahnya mudah, cukup log in ke www.blogger.com dan Anda akan melihat jumlah penayangan blog Anda. Tapi perlu diingat, jumlah itu adalah jumlah penayangan bukan jumlah pengunjung.

Visitors
Untuk kali ini kita akan menggunakan widget untuk memperlihatkan jumlah pengunjung blog kita. Widget yang akan kita gunakan adalah Flag Counter. Contohnya seperti ini -->



Berikut langkah memasang widget Flag Counter pada blog kita.

2. Atur tampilan widget sesukamu.
3. Setelah dirasa pas lalu klik GET YOUR FLAG COUNTER.
4. Maka akan muncul seperti ini.


Flag Counter

5. Klik skip lalu akan muncul script HTML.
6. Copy script HTML itu dan pasang di blog kamu.
7. Log in di blogger lalu pilih Tata Letak/Layout.
8. Lalu tambahkan gadget di tempat yang anda mau.
9. Pilih HTML/Java Script.
10. Paste script yang telah dicopy tadi di dalam kolom konten, beri
      judul Visitors.

Menambahkan Script HTML

11. Klik simpan.
12. Sekarang blog Anda sudah terpasang widget Flag Counter.

Sekian tips mengenai Cara Mengetahui Jumlah Pengunjung Blog. Jika ada hal yang kurang jelas silahkan tanyakan. Semoga bermanfaat !

 

© 2013 Aris Fajrianto. All rights resevered. Designed by Templateism

Back To Top