Pages

Showing posts with label template. Show all posts
Showing posts with label template. Show all posts

Tuesday, May 2, 2017

digg Share Bagaimana cara membuat template blogger lebih valid XTHML ikuti step demi step berikut!valid XHTML

digg Share Bagaimana cara membuat template blogger lebih valid XTHML ikuti step demi step berikut!valid XHTML



  1. Login ke akun blogger sobat
  2. Masuk Rancangan/Layout
  3. Pilih Edit HTML
  4. Klik "Download Template Lengkap" (ini untuk memBackUp template sobat)
  5. Beri tanda centang "Expand Template Widget"
  6. Setalah itu kita mulai step by step dan cari kode dibawah ini:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  7. Kemudian, gantilah kode diatas dengan kode berikut:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  8. Cari kode semacam ini:
    <b:skin><![CDATA[/*
    -----------------------------------------------
    Blogger Template Style
    Name: Minima
    Date: 26 Feb 2004
    Updated by: Blogger Team
    ----------------------------------------------- */
  9. Hapuslah semua kode/tanda strip (--) hanya stipnya saja yang dihapus.
    Dan cek juga pada kode css yang lainya, biasanya terdapat banyak tanda seperti pada contoh diatas.
    Hasilnya kan menjadi seperti ini:
    Hapuslah semua kode/tanda strip (--) hanya stipnya saja yang dihapus.
    Dan cek juga pada kode css yang lainya, biasanya terdapat banyak tanda seperti pada contoh diatas.
    Hasilnya kan menjadi seperti ini:
    <b:skin><![CDATA[/*
    Blogger Template Style
    Name: Minima
    Date: 26 Feb 2004
    Updated by: Blogger Team
    */
  10. Cari kode dibawah ini:
    <b:include name=quickedit/>
    Hapus saja semua kode diatas yang ada dalam template kamu,dan ingat! kode diatas akan muncul jika kamu menambah gadget pada blog kamu,jadi selalulah menghapusnya ketika sesudah kamu menambah gadget.
  11. Cari kode dibawah ini:
    <b:include data=blog name=all-head-content/>
    Dan hapus saja juga! tapi buat kamu yang memberi foto profile pada komentar blog maka berisiko foto-foto profile komentar tidak muncul,tapi terserah ke kamu,kalau ingin valid maka sikat aja.
  12. Langkah selanjutnya silahkan kamu cari kode </head> dan letakkan kode dibawah ini tepat dibawah kode </head>
    <!-- <body>
    <div></div> -->
  13. Jika Sobat meng-upload sebuah gambar, berilah tambahan alt pada gambar tersebut. contoh kode alt seperti ini:
    <a href="http://validator.w3.org/"><img alt="Markup Validation Service" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQP3cAOdT3laAjQti0IiJjYJzRFMtnZgFm3eoCXT6l3DJMBtG6ZBC3zWr9R6U34tPFy_GbYC7rfTlTrKX4iWdCxwDyU7qAsl6vtKar2E_gYi4lFVzbxYdb5pI30KxiSun2x_h1D3UAj5Q/s320/valid-html.gif" /></a>
  14. Jika sobat menemukan penulisan meta content dengan huruf besar, rubahlah menjadi huruf kecil,contoh:
    <META content=blogger name=generator/>
    ubah menjadi:
    <meta content=blogger name=generator/>
  15. Menghapus Post icon,adapun kode post icon atau pensil kodenya mirip kode seperti ini:
    <span class=post-icons>
    <!-- email post links -->
    <b:if cond=data:post.emailPostUrl>
    <span class=item-action>
    <a expr_href=data:post.emailPostUrl expr_title=data:top.emailPostMsg>
    <img alt= class=icon-action height=13 src=http://www.blogger.com/img/icon18_email.gif width=18/>
    </a>
    </span>
    </b:if>

    <!-- quickedit pencil -->
    <b:include data=post name=postQuickEdit/>
    </span>
    Ganti kode diatas dengan kode berikut:
    <span class=post-icons>
    <!-- email post links -->
    <b:if cond=data:post.emailPostUrl>

    </span>
    </div>
  16. Menambahkan jenis type="text/javascript" pada semua kode JavaScript yang ada. Contoh:
    <script src="http://infonetmu.googlecode.com/files/SakuraRain.js"></script>
    Tambahkan kode berwarna merah seperti dbawah ini:
    <script type="text/javascript" src="http://infonetmu.googlecode.com/files/SakuraRain.js"></script>
  17. Menyembunyikan page navigation di halaman utama
    cari kode:
    <b:include name=nextprev/>

    ganti kode diatas dengan kode dibawah ini!

    <b:if cond=data:blog.homepageUrl != data:blog.url>
    <!-- navigation -->
    <b:include name=nextprev/>
    </b:if>
  18. Memperbaiki attribut title dan alt pada link gambar.sebagai contoh:
    <a href="http://infonetmu.blogspot.com" alt="free backlink generator" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmg3Vix4blFz88VsrNtErJRKokUH1ZPrqRMHDazBgnLwOp1VfonqGp_dGdd3mv7xbLVQiF9MIrex_X1BkjB_rcySVc6zTYMyFjpiI1m8LJ08Bbd9osZTHLIDhtWpopEZrDDHr0AqM1USv1/s1600/aang-vs-naruto+%281%29.jpg" title="Free backlinks generator" border="0" /></a>

    Rubah menjadi:

    <a href="http://infonetmu.blogspot.com" title="free backlink generator" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmg3Vix4blFz88VsrNtErJRKokUH1ZPrqRMHDazBgnLwOp1VfonqGp_dGdd3mv7xbLVQiF9MIrex_X1BkjB_rcySVc6zTYMyFjpiI1m8LJ08Bbd9osZTHLIDhtWpopEZrDDHr0AqM1USv1/s1600/aang-vs-naruto+%281%29.jpg" alt="Free backlinks generator" border="0" /></a>


    Untuk kasus diatas jangan lupa untuk link atributnya title dan target, untuk gambar alt dan border jagan sampe terbalik-balik.

Nah mungkin cara diatas cukup untuk membuat template blog lebih valid XHTML, sebenarnya masih banyak, dan masih bisa dikompres lagi, itu tergantung widget/kode script yang ada di blogger sobat. Untuk hasil silahkan cek sebelum dan sesudah kamu edit menjadi valid XHTML, silahkan cek disini http://validator.w3.org
Read more »
Posted by at
Labels: , , , , , , , , , , , , , ,

Tuesday, April 25, 2017

Disabling sidebar from fading out in Blogger Dynamic Views Template

Disabling sidebar from fading out in Blogger Dynamic Views Template


The black sidebar on the right side of the blog is hidden and is only visible when mouse is over it. This is a problem because most of the users who are visiting your blog wont even see the sidebar. The following list shows the advantages of having a sidebar not fading out :

  1. Google + Followers Increases
  2. More people will subscribe to your blog
  3. People will know the popularity of your blog when they see the blog stats
  4. and others.......

So Im gonna tell you how to prevent the sidebar from fading out to the right side.
First of all Go to Blogger -> Template -> Edit HTML
Choose Advanced option and click on the Add CSS button from the sub options. Paste the following code in the white box:
#gadget-dock{right: 0px !important;}
Screenshot:
Now go to your blog and see the sidebar not moving anywhere and is standing still.
Read more »
Posted by at
Labels: , , , , , , , , ,
Subscribe to: Posts (Atom)