How to solve Visual bug in Blog on IE8 and Its Earlier versions


Lihat dan hitung, seberapa banyak aplikasi Android yang Anda instal di smartphone Anda? 

Pernahkah terbersit di benak Anda bagaimana cara membuat aplikasi-aplikasi tersebut?

Apakah Anda Saat Ini Ingin Sekali Bisa Bikin Aplikasi Android Sendiri? Seperti aplikasi game edukasi, media pembelajaran, aplikasi berbasis sensor, aplikasi multimedia, dan lain sebagainya?

Tetapi

1. Tidak Ngerti Coding
2. Tidak Tahu Computer Programming
3. Tidak Paham Bahasa Pemrograman Android
4. Dan Sama Sekali Bukan Lulusan IT?

Jangan Khawatir ...
Ternyata, bikin aplikasi Android itu SANGAT MUDAH, bahkan bagi Pemula sekalipun.

Sekarang Anda bisa bikin aplikasi Android dengan Cepat, bahkan TANPA HARUS CODING.

Tak peduli apapun latar belakang Anda, bikin aplikasi Android itu MUDAH, semudah bermain Puzzle.

Anda Hanya Perlu 4 Langkah berikut ini :

1. Drag & drop komponen-komponen yang dibutuhkan
2. Percantik tampilan aplikasi dengan mengatur layout dan desain tampilan
3. Susun blok-blok kode programnya, dan
4. Build aplikasi Anda jadi file instalasi *.APK

Lantas, Bagimana Cara Memulainya?
Mudah kok, karena sudah hadir untuk Anda Di Sini :


Video tutorial yang membahas cara membuat aplikasi Android dengan sangat MUDAH, CEPAT, & TANPA CODING menggunakan tools App Inventor 2. 
As you're a blogger,you should consider your blog's preferences.All the browsers are not equal to each other.Google Chrome, Mozilla FireFox, Internet Explorer,Safari,opera,Maxthon and other many web browsers are made from different coding methods.To show special effects like using Css in all web browsers,You should add special codes for each browser declaring them.Internet Explorer(IE) is well known popular web browser which  is received to Windows OS computers. More than 90% of  computers is is running on Microsoft windows OS.So,almost 90% of computers have Internet Explorer web browser.

Internet-ExplorerAs i mentioned above,some versions of Internet Explorer are not supported for some scripts. Also, Some code is added automatically.Today I'm going to explain you a visual problem with the blogger template in Internet Explorer 8 and its earlier versions and how to solve it.

Layout is a most important part of any website or blog. It divides the web page and let visitors use web site easily. You can customize it. But, many bloggers don't aware of it. Some bugs might be happening. Actually this  is not a bug. Internet Explorer 8 and its earlier versions add 17px (1.0625em) for the left margin of your blog. It seems like it added to your blog's scroll bar. In my experience, one pixel width can change everything on the blog such as changing sidebar width situations. So, make sure you have basic knowledge of them and you're editing your template in your mind.

In this tutorial, I'm going to demonstrate you how to solve this bug in your blogger template. You can correct this, adding some code on your blogger template. Follow below instructions.

How to display correct visual on All web browsers


You can do this by adding piece of CSS code to your blog template.Actually this code doesn't do any special thing.this code declare about margin and padding of elements.

1. Sign in to your blogger account.
2. Choose any blog from your blogger Dashboard and go to Template.
3. Now click on "Edit HTML" button.(If you are new to New blogger HTML template editor,make sure that you have read this post: New Improvements to Blogger Template HTML editor )
4. Now find <b:skin> tag in your template.(Use Inbuilt searching tool)
5. Now scroll down the page finding body code.
6. Then paste below code,just above body code like below.If your template already has this code,It is not necessary to add this Css code to your Template.


body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, p, form, li, img, ul, ol{
margin: 0;
padding: 0;
}

HTML-template-new-editor


7.Now Save your Template.

That's all.Now all web browsers identify and style your blog as no margin and no padding for above elements.Not to worry.You can change the margin and padding for selected special elements.But this is default,no padding and no margin.

Happy blogging buddy...Stay connected with me for next post series.for the present, you can subscribe to receive latest posts to your mailbox.Thanks for viewing.

Pengelola Blog : ABDUL WAHAB

Judul : How to solve Visual bug in Blog on IE8 and Its Earlier versions
Ditulis oleh : Kejutan Internet pada hari
Rating Blog : 5 dari 5
Terima kasih Anda telah membaca artikel tentang How to solve Visual bug in Blog on IE8 and Its Earlier versions
Anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel ini sangat bermanfaat bagi Blog dan teman-teman anda.
Namun jangan lupa harap memberikan link aktif dofollow yang mengarah ke URL ini ya
https://kejutaninternet.blogspot.com/2013/04/how-to-solve-visual-bug-in-blog-on-ie8.html

Dan Terima kasih sekali lagi atas kunjungan Anda.

Kritik dan saran atau apapun bisa anda sampaikan melalui kotak komentar.
Dan mohon maaf jika komentar atau pertanyaan tidak bisa cepat saya respon,
karena Saya tidak bisa selalu online selama 24 Jam.


Mau Di Buatkan Blog Siap Pakai Seperti Ini ?.

Artikel Terkait

Previous
Next Post »