Cara Membuat Menu Widget Sidebar Sticky Template LinkMagz [MODIFIKASI]

1234KLIK | Untuk kalian publisher yang mempunyai web atau blog, mungkin sudah pada tau apa yang di maksud dengan widget sticky? yakni widget menu yang biasanya kalo scroll akan melayang, menu widget sticky ini terdapat di blog.

Widget sticky ini sangat membantu buat para publisher, jadi pemilik web atau blog ini bisa memperioritaskan kontent pada menu widget yang melayang tersebut.

Biasanya yang tertampil di menu widget tersebut seperti iklan, popular pos, post terbaru, label , dll. yang bisa di kategorikan untuk di sajikan kepada para pembaca oleh publisher.

Nah pada kesempatan ini gw akan membagikan cara modifikasi menu widget yang berada di template linkmagz yang di buat oleh massugeng.com dan saya juga pake template tersebut secara gratisan yang banyak orang upload (mohon maaf massugeng..)

Berikut Cara-Caranya :

1. Login ke akun BLOGGER kita atau kalian
2. Klik Tema kemudian pilih Edit HTML
3. Kemudian cari kode scrift </b:skin> atau Ctrl+F kemudian ketikan di kotak pencarian
4. Terus copy kode di bawah ini, pastekan kode scrift diatas

.sidebar-content-sticky{position:-webkit-sticky;position:sticky;top:36px}@media only screen and (max-width:900px){.sidebar-content-sticky{position:static}}#top-widget{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%;max-width:100%;text-align:center}#top-widget .widget-content{text-align:center;margin:0 0 36px}@media only screen and (max-width:900px){#top-widget .widget-content{margin:0 0 30px}}@media only screen and (max-width:480px){#top-widget .widget-content{margin:0 0 22px}}#top-widget .normalwidget-title,#top-widget .normalwidget-title:after,#top-widget h3{display:none;visibility:hidden;height:0;opacity:0}

5. Selanjutnya cari kode kode html <b:section class='sidebar-content' id='sidebar-content' name='Sidebar'>
6. kemudian pastekan kode html ini <b:section class='sidebar-content-sticky' id='sidebar-content-sticky' name='Sidebar Sticky'></b:section> dibawah kode html yang diatas pada nomor.5
7. jangan lupa klik simpan tema yang sudah di modifikasi tersebut
8. Silahkan cek di TATA LETAK Blog kalian.
9. Selesai

Bagikan Artikel ini