Posts

Showing posts from August, 2012

Cara Buat Tombol Share Dengan Efek jQuery Nudging

Image
Cara Membuat Tombol Share Dengan Efek jQuery Nudging , cara memasang social bookmarking share button widget ini telah di request oleh salah satu pengunjung Blogger Peer yang kebetulan tertarik sama tombol share widget nudging menggunakan efek jQuery yang ada di blog saya ini, nah kebetulan sekarang saya sempat mengulasnya dan akan saya bagikan kepada anda semua Tombol Share widget menggunakan jQuery nudging ini sebenarnya penerapan dari apa yang saya jelaskan pada artikel saya yang sebelumnya yaitu cara membuat link bergerak - link nudging , tetapi disini saya menggunakan gambar/ikon sehingga terlihat menarik dan unik. Icon sharing widget yang ada di bloggerpeer.blogspot.com ini terdiri dari beberapa situs social media yang umum dipakai oleh orang untuk membagikan artikel yang bermanfaat bagi kerabat mereka. Banyak dari para pengunjung bertanya kepada saya apakah script jQuery tidak berat ketika di load? jawabannya adalah TIDAK, script jQuery ini sangat ringan dan saya pun memakai sc...

Membuat Slider Image Otomatis Joss Banget

Image
T utorial ini menjawab pertanyaan dari teman debbie irlando manurung alias Zondim , meminta untuk dibuatkan tutorial slider yang ada di Johny Ganteng Banget . Template yang dipakai di blog itu nantinya juga akan saya share, cuma sekarang lagi massa sibuk nguli jadi nanti aja kalau sudah luang waktunya. Ada beberapa template yang nantinya akan saya share tapi kali ini saya buat sederhana, dengan sedikit menggunakan javascript, ya yang pasti lebih enteng dari biasanya. Oke kembali ke tutorial yang akan saya buat, kali ini saya akan membahas tentang cara membuat slider image otomatis sederhana yang akan menampilkan postingan terbaru Anda. DEMO Slider ini hanya memakai innerfade jquery dan cycle jquery plugin untuk melembutkan perpindahan content slider (bener nggak ya...?), pengertian Innerfade jquery kira-kira seperti ini : InnerFade is a small plugin for the jQuery-JavaScript-Library. It's designed to fade you any element inside a container in and out. These elements could be any...

Google PageRank Update Agustus 2012

Image
Google pagerank update agustus 2012 , setelah menunggu kurang lebih 3 bulan semenjak update Google pagerank terakhir pada mei 2012, akhirnya tepatnya pada tanggal 2 bulan agustus 2012 kemarin Google toolbar pagerank update lagi Banyak Pakar SEO, webmaster bahkan blogger seperti kita ini menunggu hasil dari update Google pagerank ini, saya ingat kira-kira seminggu yang lalu Master SEO Matt Cutts pada akun Twitter nya menyebutkan bahwa Google Panda akan melakukan perubahan dan dampaknya akan terasa kurang lebih 1% pada Google search, bagi anda yang teliti dengan perubahan ini mungkin bisa merasakan efeknya seperti peringkat blog/web anda di mesin pencari sedikit naik turun (Google Dance) mungkin ini adalah rentetan perubahan(update) pada algoritma Google pagerank sebelum melakukan update dan kemudian tepat pada tanggal 2 agustus 2012 kemarin Google pagerank resmi di update, bagi anda yang masih sangat newbie dan ingin tahu pengertian pagerank silahkan baca artikel saya tentang Apa Itu G...

Membuat Widget Artikel Terbaru Joss Banget

Image
T utorial kali ini menjawab pertanyaan dari teman blogger Haz Issac pada artikel membuat widget label tertentu dengan thumbnail satu , mengenai membuat recent Post atau artikel terbaru dengan fungsi Previous dan next seperti yang Anda lihat di single post blog Johny Template . Langsung saja karena hari sudah malam dan besok pagi mesti sahur, bisa-bisa nggak bisa bangun. Dibawah ini screenshotnya dan silahkan klik demo untuk melihat lebih jelas. DEMO Login ke blogger dengan akun Anda Setelah itu pilih blog yang ingin anda tambahkan widget ini. Masuk ke template >> Edit HTML , kemudian centang expand widget templates Untuk berjaga-jaga agar tidak terjadi kesalahan dalam pengeditan nantinya, backup dulu template anda. Setelah semua langkah diatas anda lakukan, letakkan kode berikut ini diatas kode ]]></b:skin> : #mas-terbaru{border:1px solid #585858;width:100%;margin:0 auto} #terbaru{margin:0px} .mas-elemen{border:1px solid #ccc;margin:5px 0;padding:5px;height:79px} ....