Skip to main content

Posts

Showing posts with the label Website

Cara Memasang Widget Like Box Facebook Melayang di Blog

Selamat sore sobat Blogger, bagaimana kabar kalian semua? Semoga dalam keadaan baik-baik saja. Dan semangat Blogging kita sebagai Blogger semakin meningkat OK. Kali ini saya akan membahas Cara Memasang Widget Like Box Facebook Melayang di Blog . Widget ini dilengkapi dengan tombol close. Semoga dengan widget ini pengunjung pada Blog sobat akan tertarik untuk memberikan jempolnya pada halaman Blog sobat di Facebook dan Fan Page Blog sobat di Facebook pun semakin banyak. Sebenarnya kita sebagai Blogger kurang baik untuk memasang widget ini. Karena widget-widget seperti ini akan mengganggu pengunjung. Ketika pengunjung sedang asyik membaca artikel, eh tiba-tiba muncul si widget ini, sungguh mengganggu kan? Namun jika sobat tetap ingin memasang widget ini, silakan simak panduanya OK. 1. Pertama sobat wajib mempunyai Halaman Blog sobat di Facebook dan script Widget Like Box Facebok-nya. Silakan baca artikel tentang Cara Membuat Widget Like Box Facebook di Blo g untuk men

Cara Membuat Tombol Back To Top / Kembali Ke Atas Dengan Efek Bounce / Memantul

Mungkin kalian pernah melihat back to top di blog-blog tetangga,tetapi back to top ini lebih keren karena dilengkapi dengan efek bounce (memantul) jadi pengunjung bisa melihat sesuatu hal yang berbeda diblog anda dan jika anda ingin melihat demonya tidak usah jauh-jauh,karena di blog ini juga ada dan jika anda tertarik untuk memasang silakan ikuti cara-cara dari saya: Langkah pertama pasang jqueri dulu [simpan diatas kode   </head>   ]:  <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js'/> Nb:lewati langkah ini jika template blog sobat sudah terpasang jquery.Versi jquery bisa berbeda  1.3.2, 1.6.4, 1.7.1,dan seterusnya... Langkah kedua simpan kode dibawah ini tepat diatas kode  </head>   : <script type='text/javascript'>$(function() { $(window).scroll(function() { if($(this).scrollTop()>100) { $('#BounceToTop').fadeIn(); } else { $('#BounceToTop').

Cara Membuat Hosting File Javascript di Google Code

J ika temen-temen sedang mencari tempat hosting javascript yang handal dan terpercaya maka Google code adalah jawabannya. Google Code merupakan layanan hosting milik Google sehingga soal kredibilitas sudah tidak perlu diragukan lagi. Melalui project hosting dari Google code, anda bisa menyimpan file Javascript, PHP, Ajax, Flash, CMS, dan lain-lain secara gratis di Google Code. Kapasitas yang diberikan tidak tanggung tanggung yakni 2GB dan unlimited bandwith sehingga anda tidak perlu khawatir bakal kehabisan bandwith Sebenarnya layanan hosting yang mendukung file javascript sudah dihadirkan oleh Google melalui Google Sites. Hanya saja berdasarkan pengalaman pribadi, file javascript yang disimpan di Google sites tidak bekerja jika kita tidak sedang login di akun Google Sites. Saya tidak tahu apakah anda juga mengalami masalah yang sama dengan Google sites jika iya maka Google Code bisa menjadi alternatifnya. Berikut cara menyimpan file javascript di Goo

Cara Membuat Slide Postingan Otomatis Di Blog

Sebelum template pada demo slider ini saya bagikan nantinya, saya akan mengulas satu persatu terlebih dahulu fitur yang ada pada template ini. Dan disini Anda akan mengetahui bagaimana sebuah template akan bekerja bersama dengan beberapa fitur yang ada di dalamnya secara otomatis. Banyak sekali tutorial membuat image slider yang sudah beredar di internet, dari beberapa kasus yang saya temui kebanyakan masih memasukkan URL gambar dan keterangan satu persatu, dan itu sangat merepotkan dan membutuhkan ketelitian, meskipun ada beberapa diantaranya yang sudah otomatis, disini saya hanya memberikan alternatif lain untuk memperbanyak koleksi teman-teman semua mengenai prinsip dasar dari kerja sebuah image slider otomatis pada blog platform blogger.  Tampilan image slider seperti gambar dibawah, jika anda perhatikan sebenernya inilah dasar dari pembuatan Yahoo slider sederhana yang saya pasang pada template Johny Simplemag . Anda bisa modifikasi sendiri sesuai selera.

Cara Membuat Peringatan Enable Javascript Di Blog

Tutorial Belajar Blogger - Cara Memberikan Pesan Aktifkan JavaScript Pada Blog , Sesuai dengan judul postingan kali ini bertemakan bagaimana memberi peringatan Pesan ketika pengunjung menonaktifkan fungsi JavaScript pada browsernya. Tutorial Blog ini merupakan jalan lain untuk tetap memberi peringatan kepada  pengunjung blog ketika mereka menonaktifkan fungsi JavaScript . Ketika  pengunjung blog menonaktifkan fungsi JavaScript maka sebuah layar peringatan akan muncul dan menutupi seluruh halaman blog, secara total pengunjung blog tidak dapat membaca / melihat seluruh isi konten blog dan hanya melihat pesan untuk menghidupkan kembali opsi javascript pada browser Berikut Ini Langkah - Langkah Membuat nya : Langkah 1 Login ke Blogger Langkah 2 Masuk ke "Rancangan - Edit HTML" Contoh Masuk Edit Html Langkah 3 Cari kode dibawah ini: ]]></b:skin> Langkah 4 Masukan (copy paste) kode CSS dibawah ini diatas kode pada langkah 3:  /*NoS

Download JwV7 Template Blogger Seo Friendly Responsive 2014

JwV7 Template Blogger Seo Friendly Responsive 2014 . M2T2 Blog tentang Template Blogger JwV7 Seo Friendly Responsive Valid Html5 . Baiklah sobat pada saat ini kami akan membagikan lagi  JwV7 Template Blogger Seo Friendly Responsive 2014 . Template Blogger ini aslinya Jonhy wuss yang seringkali dipakai untuk lomba SEO dan menjuarai banyak kontes Seo. Template ini telah diedit kembali agar lebih Seo dan Valid HTML5 lagi. Dengan menggunakan template ini juga nantinya setiap deskripsi dipostingan anda akan muncul secara otomatis di penelusuran Google ( penting untuk mendapatkan peringkat di Google). Tampliannya juga responsive 100% sampai ke tamplian mobile. Ads (iklan anda ) dapat muncul sampai ketampilan mobile. Valid Html5, Seofriendly dan tidak ada eror microdata di Google Richsnippet tools, Compatible dengan browser umumnya, Alexa rank anda meramping begitu cepatnya!. Ukuran template ini juga kecil sehingga ringan untuk Blog anda. Loadingnya juga cepat dengan tampi

Membuat Efek Foto Membesar Bila Tersentuh Mouse di Blog

Seperti yang kita ketahui, Photoshop adalah software untuk mengolah, mengedit, dan desain gambar . Berbagai macam efek seperti Brush, Clone Stamp, Magic Blur, Krop , dan sebagainya, tetapi tidak dengan efek zoom di Blogger . Karena efek zoom lebih kepada gambar yang ditampilkan lalu apabila dilihat akan membesar secara otomatis pada blog. Zoom berfungsi untuk memperbesar atau memperkecil penglihatan sebuah gambar. Dengan memberi efek zoom di gambar artikel kita, maka akan membuat blog kita lebih terlihat menarik dan juga mengurangi berat loading blog apabila menggunakan gambar yang besar. Cara pembuatannya cukup mudah dan simple, langsung ke tips cara membuatnya. Artikel Cara Merubah Background Blog dengan Gambar dapat anda baca juga. Cara Membuat Efek Zoom pada Gambar : 1. Login ke akun blogger.com 2. Template >> Edit Html >> Lanjutkan >> Beri centang "Expand Template Widget". 3. Letakkan kode berikut ini tepat diatas kode ]]></b:sk

Cara Mengatasi URL Yang Dicekal Oleh Robot.txt Blogger

Cara Mengatasi URL Yang Dicekal Oleh Robot.txt Blogger - Robot.txt adalah file yang terdapat dalam directory root dari suatu situs yang berguna untuk mengontrol halaman-halaman tertentu agar diindex oleh spider mesin pencari, atau untuk mengatur bagian-bagian tertentu supaya tidak diindex oleh search engine. Terkadang Google tidak bisa merayapi seluruh artikel yang telah kita buat. Sobat bisa mengetahui URL yang dicekal melalui Webmaster tools . 1. Login ke Blogger. 2. Selanjutnya menuju Setelan → Preferensi dan penelusuran . 3. Klik Edit di bagian kanan robots.txt khusus . 4. Masukan kode dibawah ini kedalam kolom kosong tersebut. User-agent: Mediapartners-Google Disallow: User-agent: * Disallow: Allow: / Sitemap: http://blogcatatan-it.blogspot.com /feeds/posts/default?orderby=updated Note : ganti tulisan yang berwarna biru dengan URL blog sobat. 5. Centang ' Ya ' untuk mengaktifkan, setelah itu Simpan perubahan . Tunggu kurang lebi

Cara Mengatasi peringatan property image url, blogid, postid is not part of the schema

Ketika kita menguji blog kita di Webmaster Tool terkadang kita melihat adanya tulisan-tulisan peringatan seperti dibawah ini,,tentu saja semua itu membuat kita berpikir ada apa dengan blog kita,,kok ada tulisan2 seperti ini..saya sendiri tidak tau apa dan mengapa tulisan seperti ini ada saat kita menguji web kita..namun sobat ngak usah kuatir saya sudah mencari solusinya untuk memohon kepada google supaya tulisan ini hilang heheheh,....becanda sob..dengan kata lain cara mengatasinya sob..oke lansung saja saya jelaskan Mungkin sobat blogger ada yg tau dengan tulisan ini,,namun bagi yg tidak simak dengan baik2 ya.. Ada suatu pelajaran tentang cara membuat bintang rich snipet muncul di pencarian google..sobat pernah dengar ngak.??kalau sudah kita dsuruh buat cek apakah rich snipet kita telah terbaca oleh google atau tidak setelah kita melakukan semua tutorialnya pasti para blogger menyru kita buka link Webmaster Tool dan memasukkan Url blog kita,,setelah dicek terny