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

 â