body{ user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -khtml-user-select: none; }

“Selamat Datang di Blog Seo Dukun”

Semoga anda betah disini, Silahkan komentar di Blog Mas vninja admin akan membalasnya

Continue Reading

Pages

Powered by Blogger.

Menambahkan Widget di Atas Blog Post dengan gampang

Tuesday, February 10, 2015

Menjadikan tampilan blog menjadi kelihatan lebih cantik dan menarik, terkadang harus menambahkan widget di atas Blog Posting.  widget yang akan ditambahkan haruslah benar-benar dipertimbangkan, terutama pengaruhnya terhadap kecepatan loading blog, serta widget yang banyak memberi kemudahan bagi pengunjung dalam melakukan navigasi sempurna



Keuntungan lain yang diharapkan dari tampilan blog yang cantik adalah agar pengunjung betah berlama-lama di blog kita, sehingga prosentase bounce rate blog dapat ditekan.

Artikel ini saya publikasikan untuk mengakomodasi kebutuhan para blogger yang mungkin membutuhkan informasi bagaimana Menambahkan Widget di Atas Blog Post.

Widget yang paling sering dipasang di atas blog post biasanya berupa slider atau widget headline news, tujuan para blogger menggunakan widget ini adalah agar blog terkesan lebih visitor friendly, karena memudahkan pengunjung dalam memperoleh informasi yang dibutuhkan.

Cara  Menambahkan Widget di Atas Blog Post

Untuk menambahkan widget di atas blog post, Anda harus mengedit dokumen HTML template blog Anda, detail implementasi seperti di bawah ini,
Login ke blogger dengan ID Anda
Pada halaman dasboard blogger klik link title blog Anda
Klik menu Template, sebaiknya backup template blog Anda terlebih dahulu, selanjutnya klik tombol Edit HTML
Cari kode ]]></b:skin> pada dokumen HTML template, dan tempatkan kode berikut tepat di atas kode ]]></b:skin>

Copy code

.adding-wrapper {padding:0 auto;margin:0 auto;width:auto;float:left;word-wrap:break-word; overflow:hidden;}   
.adding {color: #666666;line-height: 1.3em;}  
.adding ul {list-style:none;margin:0 0 0;padding:0 0 0;}  
.adding li {margin:0;padding-top:0;padding-right:0;padding-bottom:.25em;padding-left:0px; text-indent:0px;line-height:1.3em;}  
.adding .widget {margin:0px 0px 6px 0px;}


Lanjutanya cari kode <div id='main-wrapper'> dan tempatkan kode berikut ini tepat di bawah kode <div id='main-wrapper'>

Copy code 

<b:if cond='data:blog.url == data:blog.homepageUrl'>  
      <div id='adding-wrapper'>  
<b:section class='adding' id='adding' preferred='yes'/>  
      </div>  
</b:if>

Simpan perubahan template Anda dengan menekan tombol Save Template
Langkah terakhir periksa perubahan pada layout blog, pilih menu Layout/Tata Letak pada side bar sebelah kiri dan pastikan telah terdapat elemen Add a Gadget di atas elemen blog post, seperti gambar di bawah.

selesai  selamat mencoba tidak gerti kasih comment

1 comment