Cara Memperbesar Ukuran Sebuah entri dan Menggeser Sidebar

Belajar SEO dan Blog Bagi pemula
Cara Memperbesar Ukuran Sebuah entri dan Menggeser Sidebar

Masih di Variasi Blogger share Cara Memperbesar Ukuran Sebuah entri dan Menggeser Sidebar cekidot

Silahkan sobat Copy Paste script di bawah ini di Edit HTML jangan lupa BackUp terlebih dahulu menjaga keamanan takut nanti ada kesalahan penempatan jadi bisa di unduh kembali Templatenya disarankan bisa baca Tutorial Blogger sebelumnya Cara Back Up Template di Blog , kemudian tekan Ctrl+f dan paste script </head> jika sudah ketemu silahkan copy paste script di bawah ini simpan sebelum script </head>
<script type='text/javascript'>
//<![CDATA[
function variasiblogger(){
div = document.getElementById("sidebar-wrapper");
div.style.display="none";
div = document.getElementById("main-wrapper");
div.style.width="970px";
div.style.fontSize="16px";
}
function bloggervariasi(){
div = document.getElementById("sidebar-wrapper");
div.style.display="";
div = document.getElementById("main-wrapper");
div.style.width="700px";
div.style.fontSize="12px";
}
//]]>
</script> 

keterangan : 970px dan 16px adalah ukuran untuk melebarkannya / 700px dan 12px adalah ukuran normal bawaan yang ada di Template sobat jadi tinggal sesuaikan saja ukuran lebar dan size fontnya  

kemudian untuk pemanggilan kode script diatas , silahkan simpan kode script dibawah ini di HTML/JavaScript diatas Posting Blog

Dengan link

<b:if cond='data:blog.pageType == &quot;item&quot;'> <a href='javascript:bloggervariasi();'>NORMAL</a> <a href='javascript:variasiblogger();'>FULL</a> </b:if> 

Dengan gambar

<b:if cond='data:blog.pageType == &quot;item&quot;'> <a href='javascript:bloggervariasi();'><img alt='NORMAL' src='URL GAMBAR DISINI' title='NORMAL'/></a> <a href='javascript:variasiblogger();'><img alt='FULL' src='URL GAMBAR DISINI' title='FULL'/></a> </b:if> 

Keterangan : NORMAL adalah untuk ukuran default Template sobat dan FULL adalah untuk melebarkan ukuran Posting di blogs sobat dan silahkan ganti URL GAMBAR DISINI dengan icon pilihan sobat , untuk icon mungkin sobat bisa mencari disitus http://www.iconfinder.com/

Untuk DEMO bisa dilihat dihalaman posting ini , Silahkan simpan dan lihat hasilnya semoga berhasil sob...

sumber


Share to

41 Responses to "Cara Memperbesar Ukuran Sebuah entri dan Menggeser Sidebar"

  1. izin nyimak sob,,,
    sambil bca artikel lain,,,,

    BalasHapus
  2. Nice info :)
    numpang nymak mas :D

    BalasHapus
  3. wah yg kayak gini ini yg aku mlaes, ikut nyimak aja..hehee

    BalasHapus
  4. Nyempetin diri blog walking kak.
    Hhehe...
    Semoga bermanfaat buat yg membutuhkan!!

    BalasHapus
    Balasan
    1. Bereess Kak, lagi iseng blog walking lagi nih.

      Hapus
  5. Balasan
    1. semoga bermanfaat hehehe... :D

      Hapus
  6. saya tidak cukup ilmu dan berani merubah dan menambahi kode java mas, takutnya rusak nanti template saya,
    tapi ilmunya bermanfaat

    BalasHapus
    Balasan
    1. sama kok sob,saya juga belum begitu bisa masih belajar...,next time mungkin butuh hehehe... :D

      Hapus
    2. apa lagi mamang lebih ndak bisanya...

      Hapus
    3. ah mang bisa aja,mangyono kan lebih jago dari saya hehehe... :D

      Hapus
  7. nyimak aja deh mas,,,gak ngerti kode soalnya ...hehehe :)

    BalasHapus
    Balasan
    1. ya sob, nanti juga ngerti :D

      Hapus
  8. Terima kasih dan mantap Mas tutornya, btw bisanya ndomblong mas...karena gak bisa heheheh...:)

    BalasHapus
    Balasan
    1. ya sob, semoga bermanfaat :D

      Hapus
  9. waduh bagus banget ... tapi mamang ndak bisa utak atik daleman blog... sejak tampilan yang baru... mamang simpan dulu dah

    BalasHapus
    Balasan
    1. ya mang semoga bermanfaat :D

      Hapus
  10. Wah boleh nih untuk di coba ilmunya gan..

    BalasHapus
    Balasan
    1. silahkan sob,semoga bermanfaat :D

      Hapus
  11. thanks gan infonya :)

    BalasHapus
  12. tutorialnya sangat berguna sobat, ijin save dulu sobat
    terima kasih sudah berbagi

    BalasHapus
    Balasan
    1. ya semoga bermanfaat sob :)

      Hapus
  13. aku sampai kebingungan cari ikon komentarnya

    BalasHapus
    Balasan
    1. iya dipindahkan kesamping komentarnya :D

      Hapus
  14. Terima kasih infonya gan. Nice share dah

    BalasHapus
    Balasan
    1. yups , semoga bermanfaat sob :)

      Hapus
  15. Mantab bro,,, salut ama ni blog... luar biasa... Jempol dech...

    BalasHapus
    Balasan
    1. semoga bermanfaat sob :) ,ah biasa aja sob,saya juga masih belajar kok belum begitu paham :D

      Hapus
  16. mkin nyaman aja nih bgi pra pmbca...
    nyimk aja gan

    BalasHapus
    Balasan
    1. ya mudah - mudahan aja sob, bisa nyaman para pembacanya hehehe.. :D

      Hapus
  17. masih pemula gak berani aneh2

    BalasHapus
  18. izin nyimak mas...masih belajar

    BalasHapus

Jika ada Tutorial Info Blog Indonesia ini, yang kurang dimengerti silahkan luangkan saja waktu anda untuk berkomentar, karena pertanyaan anda sangat berharga untuk perkembangan dan kemajuan blogs ini.

Soalnya diblogs ini adalah wadah untuk belajar mengenal webs/blogs, disini kita sama - sama belajar, seandainya anda adalah seorang pakar blogger profesional atau pakar seo indonesia bimbinglah saya, untuk menulis artikel berkualitas.

Oia sebelum menyisipkan script silahkan gunakan tools konversi terlebih dahulu untuk menampilkan kode tersebut pada kolom komentar.

Terimakasih.. salam kenal dan salam hangat untuk blogger indonesia, yang selalu setia di Info blog Indonesia variasi blogger.

¯\(◕ ‿◕)/¯



convert TOS

ADMIN Blog