Postingan

Menampilkan postingan dari Maret, 2016

Cara membuat blog di blogger.

Gambar
Cara Membuat Blog Gratis - Mungkin Sobat sedang kebingungan bagaimana cara membuat blog, apakah karena tugas sekolah yang diharuskan murid-muridnya mempunyai blog agar bisa mengikuti latihan dan mengerjakan tugas di blog masing-masing agar mendapat nilai, ataukah ada sebab lain seperti ingin berbagi kisah hidup, kata mutiara, kata bijak, kisah lucu, atau foto lucu supaya dapat diketahui oleh khalayak umum, ataupun Sobat ingin membuat blog karena ada teman yang bisa mendapatkan penghasilan dari adsense. Blog Blog pada dasarnya disebut sebagai Web Blog yang merupakan salah satu aplikasi web yang mana postingan atau artikel yang diposting didalam blog sering sekali berurutan, yaitu dari tulisan terbaru hingga tulisan yang paling lama. Kenapa harus di blogger / blogspot? Karena di situs tersebut kita dapat membuat blog secara gratis dan juga telah bekerja sama dengan Google, jadi blog yang dibuat Sobat wpsiteseo.blogspot.com bisa tampil blognya di mesin pencari Google. Dan di Blogger.com t

Cara Membuat Tombol Next Page Prev Dengan Angka di Blog

Gambar
Cara Membuat Tombol Next Page Prev Dengan Angka di Blog - Tombol next page ini sama fungsinya dengan tombol next page, previous, dan home yang terdapat pada bagian bawah postingan, namun yang satu ini kita merubah itu semua dengan angka, tujuan nya agar para pengunjung lebih mudah menjelajahi isi dari blog sobat. Page Next Prev Tombol next page yang satu ini berbeda dengan tutorial blogger lainnya, karena mungkin tutorial ini belum pernah ada yang share, dan kode JavaScript nya saya ambil dari beberapa sumber. Dan saya upload ulang alamat javascript nya untuk mencegah apabila, hosting di google code dihapus, ada baiknya sobat upload ulang untuk mencegah terjadinya error. Cara Membuat Tombol Next Page Dengan Angka di Blog: 1. Login ke blogger.com 2. Pada dashboar -> template -> klik edit HTML 3. Kemudian tambahkan kode dibawah ini diatas ]]></b:skin> /* Tombol Next Page Dengan Angka by WordpressSiteSeo ----------------------------------------------- */ .showpageArea{float

Cara Membuat Link Blog Jadi Berkedip Warna-Warni di Blog

Gambar
Pada kesempatan kali ini kita akan membahas cara membuat link blog menjadi berwarna – warni ketika kursor di arahkan pada link, setelah sebelumnya kita membahas cara memasang lazy load pada blog. Fungsi utama dari link berwarna – warni ini adalah hanya untuk memperindah tampilan blog, untuk pemasangan kode script ini sendiri tidak akan terlalu menambah berat loading blog Anda. Jika Anda ingin memasangnya berikut ikuti langkah-langkahnya : 1. Login akun blogger Anda. 2. Pilih Template > Edit HTML > centang Expand Template Widget. 3. Jangan lupa backup template agar mudah mengembalikan jika terjadi kesalahan. 4. Cari kode </head> (Gunakan F3 atau Ctrl + F). 5. Letakkan kode berikut tepat dibawah </head> <script src='http://id-pemula-javascript.googlecode.com/files/rainbow.js'/> 6. Simpan template. Nah, itu tadi dengan cara yang pertama, berikut cara yang kedua tanpa Anda harus masuk kedalam script template blog : 1. Login akun blogger Anda. 2. Pilih Tata L

Cara memasang lazy load di blog

Gambar
Cara Memasang Lazy Load di Blog - Ada banyak cara untuk mempercepat loading suatu blog, yaitu salah satunya dengan cara memasang plugin Lazy Load. Kali ini Twisted Shape akan berbagi trik yang merupakan salah satu dari optimasi blog dengan plug in jQuery Lazy Load untuk meringankan beban loading saat memuat halaman blog sobat. Maaf tidak ada demo untuk trik ini, silakan bisa langsung di coba saja. Berikut cara penerapannya : 1. Buka Blogger > Template > Edit HTML > Tambahkan kode di bawah ini sebelum </body> <script type='text/javascript'> //<![CDATA[ // Lazy Load (function(a){a.fn.lazyload=function(b){var c={threshold:0,failurelimit:0,event:"scroll",effect:"show",container:window};if(b){a.extend(c,b)}var d=this;if("scroll"==c.event){a(c.container).bind("scroll",function(b){var e=0;d.each(function(){if(a.abovethetop(this,c)||a.leftofbegin(this,c)){}else if(!a.belowthefold(this,c)&&!a.rightoffold(this,c)){a