12 Okt 2015

Cara Atur Panjang Cuplikan Widget Popular Posts


Salah satu widget yang wajib dipasang di blog adalah Popular Posts. Widget yang satu ini memberikan informasi kepada pembaca blog, post-post yang paling banyak dilihat. Dengan begitu, pembaca mendapatkan lebih banyak menu untuk menjelajahi laman blog kita. Yang pada akhirnya menambah page view blog.

Widget Popular Posts yang disedia oleh blogger diatur, kita dapat memilih ingin menampilkan post yang paling banyak dikunjungi; setiap saat, 30 hari terakhir atau 7 hari terakhir. Selain itu, tampilan widget Popular Posts juga lebih menarik, bisa disertai dengan thumbnail gambar dan cuplikan.

Kombinasi tata letak antara judul post, thumbnail dan cuplikan pada widget Popular Posts kadang menjadi kurang rapi ketika dipasang di sidebar blog. Cuplikan dengan huruf (kata) yang muncul pada widget Popular Posts yang terlalu banyak membuat tampilan widget ini kurang rapi, untuk itu kita berusaha untuk menguranginya.

Cara Mengatur Panjang Cuplikan Widget Popular Posts
1. Login ke akun blogger.com
2. Pilih Template kemudian Edit HTML
3. Cari kode </body> lalu taruh kode berikut ini di atasnya:

<script type='text/javascript'>
//<![CDATA[
$('.popular-posts ul li .item-snippet').each(function(){
  var txt=$(this).text().substr(0,45);
  var j=txt.lastIndexOf(' ');
  if(j>42)
     $(this).text(txt.substr(0,j).replace(/[?,!\.-:;]*$/,'...'));
});
//]]>
</script>

4. Ubah kode berwarna merah (45) dengan jumlah huruf yang akan ditampilkan.
5. Klik Simpan jika sudah selesai.

18 Apr 2015

Cara Mudah Membuat Ikon Link Eksternal di Blog

Ikon link ekternal yang berupa panah, jika dipasang di postingan blog akan membuat tampilan blog lebih cantik. Jika kita pernah membuka laman wikipedia akan banyak kita temui ikon link ekternal yang biasanya diletakan setelah teks yang berlink.

Untuk membuat ikon atau gambar penunjuk link di blogspot cukup mudah. Yang perlu kita lakukan adalah sedikit menambahkan kode css dan telaten menyisipkan sedikit kode class saat membuat link di postingan blog.

Membuat ikon link ekternal ini juga bisa membuat orang tertarik untuk mengklik link itu. Tak hanya ekternal, internal link pun juga bisa sisipkan ikon. Untuk lebih jelasnya cara memasang ikon link bisa diikuti langkah-langkanyanya.

Cara Mudah Membuat Ikon Link Eksternal di Blog
1. Login ke akun blogger.com
2. Pilih Template kemudian Edit HTML
3. Cari kode ]]></b:skin> taruh kode berikut ini di atasnya;

.post a.exlink {
background: transparent url('http://i38.servimg.com/u/f38/11/75/78/62/exlink10.png') no-repeat center right;
border:0;
padding-right:13px;
margin:0px;
}

4. Simpan Template jika sudah selesai.

Selanjutnya saat kita membuat link, tambahkan kode class=”exlink” diantara “a href” atau diakhir link. Contohnya seperti berikut;

<a href "http://www.kurniasepta.com" class="exlink">Kurniasepta.com</a>

Hasilnya akan muncul ikon link eksternal. Cukup mudah bukan?

21 Mar 2015

Cara Upload dan Pasang Link di Banner Flash SWF

Cara Upload dan Pasang Link di Banner Flash SWF
Untuk mengupload banner flash dengan format .swf tidak semudah mengupload gambar atau foto. Begitupun juga untuk memberikan link (tautan) di banner flash tersebut. Meskipun begitu, format flash cenderung lebih menarik dan interaktif dibanding gambar.

Untuk mengupload banner flash kita dapat memanfaatkan situs online untuk upload dan hostnya, sehingga dapat kita pasang di blog. Salah satunya adalah http://ximg.us sebagai tempat upload flash gratis yang mudah untuk digunakan.

Untuk memberikan link di dalam banner flash tidak seperti membuat link di kode HTML gambar. Banner flash yang sudah menarik itu akan lebih menarik dilihat dan bisa berlanjut dengan mengkliknya. Berikut contoh kode untuk membuat link di flash.

Alternatif 1: Kode Flash Banner dengan Link

<div style="width: 300px; height: 250px;">
    <a href="http://www.sekolahdasar.net" target="_blank">
    <object height="250" width="300"><param name="movie" value="1.swf" />
      <embed src="http://ximg.us/upload/1426080930.swf" quality="high" type="application/x-shockwave-flash" wmode="transparent" width="300" height="250" pluginspage="http://www.macromedia.com/go/getflashplayer" allowscriptaccess="always"></embed>
    </object> 
      <i style="display: block; height: 250px; width: 300px; position: relative;z-index: 9;margin-top: -250px;"></i>
    </a>
</div>

Alternatif 2: Kode Flash Banner dengan Link

<object data="http://ximg.us/upload/1426080930.swf" height="250" type="application/x-shockwave-flash" width="300">
  <param name='flashvars' value='clickTag=http://www.sekolahdasar.net&amp;clickTarget=_blank'/>
  <param name='allowScriptAccess' value='always'/>
  <param name='bgcolor' value='#ffffff'/>
</object>

Ganti http://ximg.us/upload/1426080930.swf dengan URL hasil upload flashmu. Kedua kode tersebut telah dicoba dan bekerja dengan baik. Sekarang kamu bisa mengupload dan memasang banner flash .swf dengan disertai link dengan mudah di blog kamu.

14 Feb 2015

Tips Membangun Backlink yang Baik & Berkualitas

Tips Membangun Backlink yang Baik & Berkualitas
Untuk mendatang traffik (pengunjung) ke blog ada banyak caranya, salah satunya dengan membangun backlink yang baik dan berkualitas. Backlink sendiri adalah link yang mengarah ke blog kita dari website atau blog lain. Backlink dapat membuat rangking blog di mata Google lebih baik.

Backlink yang baik dan berkualitas itu penting, untuk membangunnya perlu usaha keras dari kita sendiri. Seorang pemilik website atau blog akan membaca sebelum memutuskan untuk memberikan backlink ke blog kita. Oleh sebab itu, setiap konten atau post di blog kita harus memiliki nilai lebih.

Sebagai strategi jangka panjang, membangun backlink adalah kunci utama. Posisi blog kita yang baik akan mendatangkan manfaat yang dirasakan lebih lama pula. Berikut beberapa tips menarik untuk mulai membangun backlink berkualitas dengan memulai sedikit demi sedikit untuk keberhasilan kita dalam ngeblog.

Tulisan Panjang, Lengkap, dan Menarik.

Salah satu cara untuk mulai membangun backlink yang baik dan berkualitas adalah dengan membuat tulisan yang panjang, lengkap dan menarik. Contohnya, menulis tutorial atau panduan yang dilengkapi dengan gambar. Atau, menulis artikel esai yang dengan banyak referensi disertai grafik untuk membuatnya benar-benar menarik.

Postingan panjang sebanyak 1.000-1.200 kata dari sebuah tema akan menjadikan postingan itu sebuah informasi yang benar-benar perlu untuk dijadikan rujukan. Orang akan sukarela memberikan backlink ke konten blog yang telah kita buat dengan semenarik mungkin itu.

Menjadi Seorang yang Berguna dan Aktif.

Sebagai blogger yang memiliki sebuah media, kita juga merangkap sebagai marketing yang bertugas memasarkan blog. Dengan memiliki personal brand yang baik, akan dapat membangun backlink yang baik berkualitas. Konten apa yang kita buat, akan selalu menarik untuk dibagikan, dan itu bisa mendatangkan backlink ke blog kita.

Berinteraksi dengan Blog Lain.

Sejatinya backlink adalah menghubungkan satu blog dengan blog lain, ini tercipta jika ada interaksi. Jangan sungkan untuk blog walking atau mengujungi blogger lain membaca tulisannya dan memberikan komentar. Jadikan komentar sebagai backlink yang baik dan berkualitas. Orang lain pun akan tertarik untuk datang ke blog kita.

Itu hanyalah beberapa cara yang dapat digunakan untuk membangun backlink yang baik dan berkualitas tinggi. Usaha untuk mendatangkan lebih banyak traffik ke blog kita. Nantikan tulisan saya selanjutnya, masih dengan cara membuat backlink yang berkualitas tinggi :D

26 Jan 2015

Cara Mudah Menghapus CSS Widget Bawaan Blogger

Secara otomatis Blogger menambahkan file CSS standar dalam setiap widget untuk memastikan setiap elemen blog tertata dengan baik. Ada kalanya saat kita tidak lagi menggunakan template default blogger, CSS itu tak berfungsi.

Untuk menghapus file CSS Widget "widget_css_bundle.css" dapat dilakukan dengan mudah, caranya dengan menambahkan JQuery. Dengan mengurangi file CSS yang tidak terpakai akan mempercepat loading blog yang kita miliki.

Cara Mudah Menghapus CSS Widget Bawaan Blogger
1. Login ke akun blogger.com
2. Pilih Template kemudian Edit HTML
3. Cari kode </b:skin>, taruh kode berikut di bawahnya

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

4. Cari kode </head>, taruh kode berikut di atasnya

jQuery(document).ready(function(){
  jQuery("[href$='css_bundle.css']").remove();
});

6. Simpan Template jika sudah selesai

Sekarang standar CSS widget bawaan Blogger tidak akan lagi diterapkan ke dalam blog.

6 Jan 2015

Cara Menambahkan Widget Galeri Foto Instagram

Cara Menambahkan Widget Galeri Foto Instagram
Saat ini hampir semua orang memiliki akun situs berbagi foto, Instagram. Aplikasi berbagi foto ini begitu populer, apalagi setelah dibeli facebook. Dengan menjamurkan smartphone dan hobi memotret, foto dapat dengan mudah disimpan dan dibagikan ke teman-teman lewat Instagram.

Kita dapat menambahkan widget galeri foto Instagram di blog kita. Karena Instgram sendiri tidak menyediakan widget ini, kita dapat membuat widget dari pihak ketiga. Salah satu generate widget galeri foto Instagram untuk dipasang di blog adalah SnapWidget.

Cara Membuat Widget Galeri Foto Instagram
1. Kunjungi http://snapwidget.com/#getstarted
2. Isi form, sesuai widget galeri foto Instagram yang diinginkan


3. Setelah selesai memodifikasi widget tekan tombol Get Widget


4. Copy kode HTML untuk dipasang di widget blog.

Cara Menambahkan Widget Galeri Foto Instagram di Blog
1. Login ke blogger
2. Pilih Tata Letak kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML widget dari SnapWidget.

Galeri foto Instagram akan tampil di blog kita. Kekurangan dari widget ini adalah saat foto diklik tidak akan mengarah ke laman Instagram. Meskipun demikian, foto-foto di Instagram kita bisa lebih banyak dilihat.

31 Des 2014

Lima Postingan Blog Terpopuler di Tahun 2014

Tahun 2014 sudah diujung jalan dan akan diganti dengan tahun baru 2015. Sebagai salah satu blog yang di tahun 2014 ini masih aktif posting, walau intensitasnya berkurang Belajar Ngeblog di BLOG akan menghadirkan lima postingannya yang populer di tahun 2014.

Postingan blog terpopuler ini berdasakan banyaknya view atau yang melihat berdasarkan data statistik blogspot. Berikut lima postingan blog terpopuler itu:

1. Cara Mengembalikan Akun Facebook yang Di-Hack | 190.110
2. Cara Mudah Membuat Slide Show Foto di Blog | 137.579
3. Rahasia Membuat Blog yang Ramai Dikunjungi | 69.187
4. Cara Mendapatkan Uang Dari Blog | 60.462
5. Cara Membuat Efek Tulisan Berjalan Seperti Diketik | 53.221

Dengan berkembangnya jenis sosial media, meski blog terus bertambah tetapi tidak semasif tahun sebelumnya. Ada kecenderungan blog tidak lagi dimanfaatkan sebagai diary online. Di tahun 2015 semoga masih bisa terus ngeblog sampai akhir tahun dengan konsisten. Apakah kamu masih ngeblog?