Jumat, 15 Maret 2013

Membuat Banner Melayang di Kiri atau Kanan Blog

Membuat Banner Melayang di Kiri atau Kanan Blog - Mungkin sobat pernah melihat blog yang memasang banner melayang di samping kiri atau kanan blog. Artinya, banner tersebut tetap diam pada tempatnya walaupun mouse di scroll ke bawah. Dalam istilah lain disebut fixed banner.

Ide postingan ini, saya dapatkan ketika mengunjungi web muslim.or.id, ada banner penjualan buku yang mengarah ke pustaka.muslim.or.id. Dari situlah muncul ide untuk membuat postingan ini. Walau pun mungkin telah banyak tutorial seperti ini, dengan kode yang berbeda. Untuk melihat penampakan dan demonya silahkan lihat  gambar di bawah.

Cara Membuat Breadcrumbs / Navigasi di atas Postingan di Blogspot/Blogger

Cara Membuat Breadcrumbs SEO Friendly. Banyak tutorial yang menjelaskan cara membuat breadcrumbs di Blogspot/Blogger. Kali ini saya akan menjelaskan cara membuat breadcrumbs yang SEO friendly dan semua label terindeks oleh Search Engine.

Breadcrumbs merupakan menu navigasi yang berada di atas judul postingan seperti yang ada di blog saya. Struktur ini tentu berbeda dengan WordPress, yang bisa membuat child category. Struktur di bloger hanya Home kemudian Label. Apabila memiliki beberapa label, maka akan terbaca seperti ini :

Membuat Semua Link di Blogspot terbuka di window (tab) baru /Make All Links Open In A New Window 3 comments

If you compose your blog, as I do, with lots of links to other blogs and web sites, you may make it convenient for your readers to view those other blogs or web sites then return to your blog. Instead of viewing the other blog or web site in the same window, you open the other blog or web site in a new window. When your reader finishes viewing the other blog or web site, he / she simply closes the new window. The article that he or she was reading, in your blog, is right there in front of them.

You can, similarly, do this with pictures. If you want your reader to view a picture, then return to the text in your article, you open the picture in a new window.

Instead of coding each individual link to a blog, picture, or web site, you can make all links within your blog open in a new window. Simply add a "<base target='_blank' />" to your blog, in the header.

Find
<head>

Cara membuat Jam Cantik dan Berbunyi di Blog (blogspot) tanpa Banner

Jika anda ingin membuat atau memasang jam cantik seperti  dibawah pada blog  anda, caranya adalah seperti berikut ini:





buka: Blogger Dashboard > Layout > Page Element > Add a Gadget > HTML/JavaScript

Mengedit Struktur Tampilan Blogger Mobile Templates

Where to Start?

Go to Template and Click on the Gear Icon below the Mobile Template. From the Dropdown opt for “Custom”, Preview the mobile template  and Save it

Customizing the structure of your Mobile Template.

Blogger Templates are made up  using Widgets.Blogger has added a new property(mobile) to the tag. This property can take values ‘default', ‘yes', ‘no' or ‘only'. And this property will determine how the widget will be rendered in the mobile view.
The widgets that display on mobile by default are the following:
  • Header
  • Blog
  • Profile
  • PageList
  • AdSense
  • Attribution
If you want to hide any of those, then use the property mobile='no' in the Widget tag, and that widget would no longer appear in the mobile view.

Membuat related post unik di blogspot

Hallo Sobat Edit-HTML, dipertemuan kali ini kita akan membahas cara membuat related post unik di blogspot yaitu sangatlah mudah hanya dengan memberikan tambahan kode script yang akan saya berikan di bawah ini tetapi saya sarankan agar terlebih dahulu untuk memback up template untuk berjaga-jaga jika terjadi sesuatu hal yang tidak di inginkan. 


1. Silahkan masuk ke akun sobat.

Anti Copy Paste dari Blog Kamu

Sahabat EDIT HTML yang saya gemari, di kesempatan ini kita akan membahas cara untuk melindungi data yang ada di blog sahabat, jika blog sahabat mempunyai isi yang hanya ingin ditampilkan untuk dibaca pengunjung saja tetapi tidak untuk di copy dan di paste di blog lain. Salah satu cara terbaik yang harus diterapkan adalah dengan cara menempatkan kode anti copy paste di blog sahabat. Berikut ini adalah langkah-langkahnya yang saya sajikan secara simple dan praktis.


  • Login ke blogger, klik rancangan dan pilih Tab EDIT HTML