Selamat Datang Di Blog Bisnis Online Terpercaya www.maslukis.com


Jumat, 04 November 2016

Cara Jitu Untuk Menghilangkan Widget di Halaman Tertentu


Untuk menghilangkan widget tertentu pada sebuah artikel/halaman kita harus menambahkan kode css dibawah artikel sebelum kita mempublikasikannya.

Perhatikan langkah langkahnya

1.Buatlah artikel atau sobat buka aja artikel yang sudah ada
2.Taruh kode css ini dibawah artikel sobat.( Ingat !...paling bawah )

<style>#main-wrapper{width: 960px; float: left; margin: 0 10px 0 10px; word-wrap: break-word;overflow: hidden;}</style>

<style>
#kodenya {display:none;}
</style>

Perhatikan tulisan yang berwarna merah,sobat ganti aja dengan nama kode widget yang akan dihilangkan,seperti contoh kode css di bawah ini yang kang Roni gunakan pada halaman menu Tutorial blog.

<style>#main-wrapper{width: 960px; float: left; margin: 0 10px 0 10px; word-wrap: break-word;overflow: hidden;}</style>

<style>#sidebar3-wrapper{display:none;}</style>
<style>#sidebar2-wrapper{display:none;}</style>
<style>#sidebar-wrapper{display:none;}</style>
<style>#footer1-wrapper{display:none;}</style>
<style>#footer2-wrapper{display:none;}</style>
<style>#footer3-wrapper{display:none;}</style>

Gimana ! kerenkan..karena saya menghilangkan 6 (enam) widget sekaligus,dari mulai widget sidebar 1,2 dan 3, footer 1,2 dan 3 semuanya saya hilangkan dan bila nanti sobat ingin menghilangkan widget lebih banyak lagi tinggal tambahin aja kode widget yang akan dihilangkan.Tapi ingat pada dasarnya kodenya adalah seperti ini

<style>#main-wrapper{width: 960px; float: left; margin: 0 10px 0 10px; word-wrap: break-word;overflow: hidden;}</style>

<style>
#kodenya {display:none;}
</style>


Agan bisa mengganti kode widget mana yang akan dihilangkan dan merubah lebar halaman bahkan letak artikelnyapun bisa di ubah mau ditaruh di kanan(right) kiri(left) tengah(center) terserah.

Sekedar pengetahuan bila sobat belum tahu dimana letak kode kode widget yang saya maksud,sobat buka aja Rancangan ---> Edit HTML dan cari kode yang mirip dibawah ini,ingat! tidak harus sama yang penting mirip aja karena berbedanya template yang kita gunakan.

#outer-wrapper {
border-left:1px solid $bordercolor;
border-right:1px solid $bordercolor;
border-bottom:1px solid $bordercolor;
width: 970px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

#crosscol-wrapper {padding:0 auto;margin:0 auto;}
.crosscol .widget {margin:0 0 10px;padding:0px 0px 6px 0px;border-bottom:1px solid $bordercolor;}

#main-wrapper {border-right:1px solid $bordercolor;
padding-left:15px;padding-right:25px;
width: 620px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#sidebar-wrapper {
width: 300px;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#sidebar2-wrapper {border-right:1px solid $bordercolor;border-left:1px solid $bordercolor;
width: 160px;padding:0px 10px;margin-left:10px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#sidebar3-wrapper {
width: 160px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

.main2-wrapper {padding:0 auto;margin:0 auto;width:auto;float: $startSide;
word-wrap: break-word; overflow: hidden;}

LIHAT JUGA YANG INI

/* Footer Wrapper
----------------------------------------------- */
.picfooter{background:transparent;width:990px;margin-$startSide: auto;margin-$endSide: auto;margin:0 auto;text-align:center;font: $bodyfont;border-left:1px solid $bordercolor;border-right:1px solid $bordercolor;border-bottom:1px solid $bordercolor;}

#footer-wrapper {width: 960px;padding:0 auto;margin:0 auto;text-align:left;font: $bodyfont;}

#footer1-wrapper {
width: 300px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */}

#footer2-wrapper {
padding:0px 15px;margin-left:15px;
border-right:1px solid #eee;
border-left:1px solid #eee;
width: 300px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */}

#footer3-wrapper {
width: 300px;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

Oke,sobat bisa mempraktekkan dan salam blogger semoga sukses


Baca Juga:

Comments
0 Comments

0 komentar:

Posting Komentar

 
Copyright © 2018. Info Hari Ini . All Rights Reserved
Jl. Delta Raya Utara Kav. 49 - 51 Deltasari Baru, Sidoarjo, Jawa Timur, Indonesia 61256
PT. Bimasakti Multi Sinergi