
Pada prinsip kerjanya menyembunyikan scroll dengan CSS ini hanya menyembunyikan obyek yang menggunakan scroll sehingga scroll bar tersebut tidak kelihatan, adapun caranya yaitu dengan menambahkan kerangka atau wadah untuk menyimpan obyek tersebut yang ukuran lebarnya dikurangi ukuran scrollbar atu dengan memberikan margin kiri selebar scroll bar. lihat gambar disamping.
Adapun cara tersebut bisa menggunakan 2 cara yang biasa saya lakukan, yaitu dengan menggunakan CSS dan HTML yang terpisah atau dengan penambahan kode CSS langsung pada HTML.
untuk cara pemasangan menggunakan CSS dan HTML yang terpisah bisa lihat contoh dibawah ini.
KODE CSS.
Ini bisa diletakan diatas kode ]]></b:skin> atau apabila setelah kode ]]></b:skin> dengan menambahkan kode <style type='text/css'> CSS disini </style>.
#scroll-hide{
width:100px;
overflow:hidden;
background:#000;
}
#scroll-hide .inner{
width:80px;
height:200px;
overflow:auto;
margin:20px;
padding-right:20px;
background:#404040;
}
KODE HTML.
Pada kode HTML sobat tinggal memasukan tag id atau class
<div id="scroll-hide">
<div class="inner">
Konten Disini
</div>
</div>
Lihat Contoh dibawah ini:
Jakarta
Karawang
Bandung
Bekasi
Cianjur
Sukabumi
Sumedang
Cirebon
Tasikmalaya
Garut
Ciamis
Subang
Kuningan
Majalengka
Banjar
Karawang
Bandung
Bekasi
Cianjur
Sukabumi
Sumedang
Cirebon
Tasikmalaya
Garut
Ciamis
Subang
Kuningan
Majalengka
Banjar
Jakarta
Karawang
Bandung
Bekasi
Cianjur
Sukabumi
Sumedang
Cirebon
Tasikmalaya
Garut
Ciamis
Subang
Kuningan
Majalengka
Banjar
Karawang
Bandung
Bekasi
Cianjur
Sukabumi
Sumedang
Cirebon
Tasikmalaya
Garut
Ciamis
Subang
Kuningan
Majalengka
Banjar
Jakarta
Karawang
Bandung
Bekasi
Cianjur
Sukabumi
Sumedang
Cirebon
Tasikmalaya
Garut
Ciamis
Subang
Kuningan
Majalengka
Banjar
Karawang
Bandung
Bekasi
Cianjur
Sukabumi
Sumedang
Cirebon
Tasikmalaya
Garut
Ciamis
Subang
Kuningan
Majalengka
Banjar
Pada contoh pertama scroll belum disembunyikan atau masih secara default.
Pada contoh kedua itu merupakan ilustrasi scroll bar yang disembunyikan.(obyek diberi warna background berbeda, lihat kode background:#404040; pada CSS)
pada contoh ketiga kode background :#404040; pada CSS dihilangkan.
Apabila mau memasang pada widget di sidebar maka sobat tinggal cari kode <div class='widget-content'> pada setiap kode widget. selanjutnya tinggal mengganti kode tersebut dengan.
<div class='widget-content' id='scroll-hide'>
<div class='inner'>
-------
</div>
</div>
Contoh:
<b:widget id='HTML5' locked='false' title='title' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content' id='scroll-hide'>
<div class='inner'>
<data:content/>
</div>
</div>
</b:includable>
</b:widget>
Selanjutnya cara menyembunyikan scroll bar secara langsung pada HTML, khususnya pada widget di sidebar namun cara selengkapnya tunggu ya pada postingan berikutnya.... biar lebih lengkap karena meletakan kode untuk menyembunyikan scroll bar pada sidebar tergantung pada widget yang digunakan sehingga perlu penjelasan satu-satu.
Buat Sobat yang mau mencoba mengedit sendiri kode CSSnya silahkan kunjungi di SINI
Buat Sobat yang mau mencoba mengedit sendiri kode CSSnya silahkan kunjungi di SINI
Mungkin sampai disini dulu Belajar Komputer Melalui Internet tentang Cara Menyembunyikan Scroll Bar Dengan CSS kali ini, semoga bermanfaat bagi Anda.
DAPATKAN ARTIKEL VIA EMAIL
Dipublish oleh :
Abdul Kohar - Jatinangor Rating 5
ternyata bisa ya,scroll bar disembunyikan dan fungsinya masih tetap ada.
BalasHapusinfo yg bermanfaat,mksh infonya sob
pasang aja begini
BalasHapusoverflow-y:hidden;
overflow-z:hidden;
di body{
selesai haha
itu sih memang nyembunyiin tapi scrollnyapun ga berfungsi bahkan scroll di browser mozilla juga hilang sekaligus ga berfungsi hehehehe....
Hapussy mau nanya gmn caranya isi elemen/body masuk keadalam klo scroll dikebawahin sprti website ini klo scroll dikebawahin akan masuk kdalam menu hompage...hihihihi
BalasHapusAgen Vimax Asli Original Canada.
BalasHapusKLG Pills Obat Pembesar Penis.
Vigrx Plus Obat Pembesar Penis.
Vimax Obat Pembesar Penis.
Vakum Pembesar Penis.
Boneka Full Body.
Penis Ikat Pinggang.
Obat Kuat Maximum.
Obat Kuat Viagra USA.
Vagina Senter.
Perangsang Potenzol.
Vakum Pembesar Payudara.
Penis Tekuk Manual.
Cobra Oil Pembesar Penis.
Kepuasan Customer Adalah Perioritas Bagi Kami. Terima Kasih
Selamat Berbelanja.
This article gives the light in which we can observe the reality. This is very nice one and gives indepth information. Thanks for this nice article. Obat wasir
BalasHapusHey Thanks for sharing this valuable information with us. I will come back to your site and keep sharing this information with us.
BalasHapusBest Regards - www.office.com/setup
www.office.com/setup
www.office.com/setup
This is a great inspiring article.I am pretty much pleased with your good work.You put really very helpful information.
BalasHapuswww.norton.com/setup
www.office.com/setup
BalasHapusLearn how to download and setup & Microsoft office software For Windows and Mac OS PC/Laptop
This is a great inspiring article.I am pretty much pleased with your good work.You put really very helpful information.
BalasHapuswww.norton.com/setup
Thanks a lot for the information.
BalasHapuscanon printer support phone number
hp printer support number
epson printer support phone number
canon customer service phone number
epson printer customer service number
hp printer customer service phone number
Wow, amazing blog layout! How long have you been blogging for? you make blogging look easy. The overall look of your website is fantastic, let alone the content!
BalasHapusnorton.com/setup
mcafee.com/activate
office.com/setup
I need some tutorials regarding articles / post. Regards:-
BalasHapusoffice.com/setup
norton.com/setup
mcafee.com/activate
good blog..
BalasHapusmcafee.com/activate
www.norton.com/setup |
BalasHapusKashmir tour packages |
office.com/setup |
office.com/setup|
www.norton.com/setup |
BalasHapusKashmir tour packages |
office.com/setup |
office.com/setup|
office.com/setup |
BalasHapusoffice.com/setup |
office.com/setup |
mcafee.com/activate
office.com/setup |
BalasHapusoffice.com/setup |
office.com/setup |
mcafee.com/activate
great blog!!
BalasHapusmcafee.com/activate
mcafee.com/activate
awesome blog!!
BalasHapuswww.office.com/setup
If you are't know how to setup norton antivirus, how to activate mcafee antivirus and office product, then just visit our website...
BalasHapusMcafee.com/activate
norton.com/setup
office.com/setup
http://azzam10.blogspot.com/2012/09/cara-menyembunyikan-scroll-bar-dengan-css.html
BalasHapusmacbook support number
BalasHapusNetflix Support Number
dell customer Support Number
Imac Support Number
facebook support number
facebook customer support number
outlook customer service number
iCloud Support Number
Mozilla Firefox Support Phone Number
magicjack support number
hp customer service
hp customer service number
Great article quite informative, We provide support for office at:
BalasHapusoffice.com/setup
www.office.com/setup
setup office
Great article quite informative, We provide support for office at:
BalasHapusoffice.com/setup
www.office.com/setup
setup office
Great article quite informative, We provide support for office at:
BalasHapusoffice.com/setup
www.office.com/setup
setup office
All of the activities and organizations contained inside the office setup are staggeringly significant and lift benefit. People who work in colossal associations know the benefits of office.com/setup incredibly well.
BalasHapusWhile getting a norton setup on the web or disengaged, a key called as norton.com/setup thing scratch is something fundamental you have to control. This key will be required at the time of establishment what's more to sign in your Norton account at Norton.com/setup.
BalasHapusHi, the post which you have provided is fantastic, I really enjoyed reading your post, and hope to read more. Thank you so much for sharing this post, I appreciate your work.
BalasHapusnorton.com/setup | norton.com/setup | office.com/setup | office.com/setup | office.com/setup | mcafee.com/activate
Office.com/setup.com is an efficiency suite that is utilized by a many individuals on a wide extent of contraptions, for example, Windows PC, Mac PCs, workstations, Android telephones, iOS handhelds, and so on.Office Setup suite is capable at dealing with the staggering bit of work.
BalasHapushttp://office-comofficeoffice.com/
Norton.com/setupinstall online security apparatuses guarantee that the individuals who manage delicate information do as such without dread of bargaining touchy data. Keep your documents, information, and applications running easily and your hard drive clean when you buy Norton 360 download.
BalasHapushttp://norton-wwwnorton.com/
I am very happy after reading this fantastic blog, I appereciate your work.
BalasHapusoffice.com/setup | mcafee.com/activate | norton.com/setup | mcafee.com/activate | norton.com/setup
Are you using HP devices and facing the technical hiccups related this? So get ready to makes you trouble-free with various support way. Those customers who are not aware of these supports, kindly follow this post to know more help about HP customer service number.
BalasHapusThanks for sharing this post.It is very informative and helpful.
BalasHapuswww.office.com/setup
office setup
norton setup
[mcafee.com/activate - Find your 25-digit alphanumeric product key in the activation section. Follow the steps for downloading, installing and activating McAfee setup from www.mcafee.com/activate.]
BalasHapus[Setup your Norotn Antivirus with help from our hero's vist and install norton.com/setup.]
[Coinbase is the world's largest Bitcoin exchange, so this is a common question. .... You must also keep your Coinbase login and account password safe.]
[How to Setup Office. Go to office.com/setup and enter your product key. If you have a previous version of Office or existing Microsoft account, enter your email address and password, and click Sign in. Select the Country/Region and Language, and click Continue. On the www.office.com/myaccount page, select Install.]
Its hard to find knowledgeable people on this topic, but you sound like you know what you?re talking about! Thanks ball games
BalasHapusNorton.com/setup- Setup your Norton subscription now with the help of this link. Let’s get started with your Norton Security today so just Activate www.norton.com/setup Subscription to enjoy the services and too websites us and we are here to help you, visit on : office.com/setup
BalasHapusFor Downloading, Installing and activating the Office product, visit office.com/setup and Get Started with Office.
BalasHapusIf you want guided-solutions on how to download, install, and activate norton.com/setup and norton.com/nu16 that will help secure your device from threats.
Add another email account to the Gmail app · Change your Gmail settings · Change email notifications visit : email support
Bittrex is a global leader in the blockchain revolution. We operate the premier U.S.-based blockchain trading platform, which is designed for customers who demand lightning-fast trade execution, dependable digital wallets, and industry-leading security practices.
bittrex support
Thank you so much for sharing these amazing tips. I must say you are an incredible writer, I love the way that you describe the things. Please keep sharing.
BalasHapusFor more information visit on : mcafee.com/activate | mcafee.com/activate
This is really very informative and helpful post, I really want to tell you thanks for this. And also to purchase antivirus for your system please visit this website.
BalasHapusmcafee.com/activate
Simply put, it is the subscription based virtual office which doesn't depend only on Microsoft Office software package as it offers more dynamic features like OneDrive, Skype, Yammer, etc. office 365
BalasHapusOnline Purchase:– To get it on the web, one can visit the Norton Website and can buy any of the Norton Setup thing. For that, you can visit Norton.com/Setup. Customers gets their thing key by systems for email.
BalasHapusBefore proceeding with the process of downloading and installing norton setup that goes by the URL www.norton.com/setup, please ensure to have all the necessary components in hands for a smooth installation.
BalasHapusI really happy found this website eventually. Really informative and inoperative, Thanks for the post and effort! Please keep sharing more such blog.
BalasHapuswww.norton.com/setup
www.spectrum.net/login
kaspersky activation
aolmail.com
mcafee.com/activate
aolmail.com
I really happy found this website eventually. Really informative and inoperative, Thanks for the post and effort! Please keep sharing more such blog.
BalasHapusnorton.com/setup
www.spectrum.net/login
aolmail.com
mcafee.com/activate
I really happy found this website eventually. Really informative and inoperative, Thanks for the post and effort! Please keep sharing more such blog.
BalasHapusnorton.com/setup
www.spectrum.net/login
aolmail.com
mcafee.com/activate
I really happy found this website eventually. Really informative and inoperative, Thanks for the post and effort! Please keep sharing more such blog.
BalasHapusnorton.com/setup
www.spectrum.net/login
aolmail.com
mcafee.com/activate
I really happy found this website eventually. Really informative and inoperative, Thanks for the post and effort! Please keep sharing more such blog.
BalasHapusnorton.com/setup
www.spectrum.net/login
aolmail.com
mcafee.com/activate
This is very informative post, good work, i like this content and wish to read more from you. thanks for such a informative post. i also like to share some useful links
BalasHapuswww.office.com/setup
office.com/setup
The way the author describe this information is awesome.i like and subscribed it for future post.
BalasHapusi have also some useful info link
norton.com/setup,
www.norton.com/setup.
Great information ! I thankful to author of this blog who sharing such a useful information, I also subscribe your blog for all future post. I have also share some useful links here.
BalasHapuswww.mcafee.com/activate.
Mcafee.com/activate
Great information ! I thankful to author of this blog who sharing such a useful information, I also subscribe your blog for all future post. I have also share some useful links here.
BalasHapuswww.mcafee.com/activate.
Mcafee.com/activate
Great to read such a useful information.i like the way author describe on this topic.thanks i have something to share
BalasHapusnorton.com/setup,
www.norton.com/setup.
I really happy found this website eventually. Really informative and inoperative, Thanks for the post and effort! Please keep sharing more such blog.
BalasHapusnorton.com/setup
www.spectrum.net/login
aolmail.com
mcafee.com/activate
The way the author describe this information is awesome.i like and subscribed it for future post.
BalasHapusi have also some useful info link
norton.com/setup,
www.norton.com/setup.
Great information ! I thankful to author of this blog who sharing such a useful information, I also subscribe your blog for all future post. I have also share some useful links here.
BalasHapuswww.mcafee.com/activate.
Mcafee.com/activate
Quite long, I am looking for such information, its really so impressive, keep going and also follow some useful links here
BalasHapusnorton.com/setup,
www.norton.com/setup.
I really happy found this website eventually. Really informative and inoperative, Thanks for the post and effort! Please keep sharing more such blog.
BalasHapusnorton.com/setup
www.norton.com/setup
www.spectrum.net/login
roadrunner email
charter email
aolmail.com
mcafee.com/activate
ester and christmas ornaments
BalasHapusYou're a talented blogger. I have joined your bolster and foresee searching for a more noteworthy measure of your amazing post. Also, I have shared your site in my casual networks!
mcafee.com/Activate
mcafee.com/Activate
mcafee.com/Activate
Office.com/setup
Office.com/setup
I really happy found this website eventually. Really informative and inoperative, Thanks for the post and effort! Please keep sharing more such blog.
BalasHapuswww.norton.com/setup
www.spectrum.net/login
aolmail.com
aolmail.com
mcafee.com/activate
ester and christmas ornaments
Protect our system from antivirus damage , from malware , from anytype of online management. Other wise our some important files can be stolen , so in order to protect visit best computer anitvirus software-
BalasHapusnorton.com/setup
mcafee.com/activate
norton.com/setup
mcafee.com/activate
mcafee.com/activate
Usually I never comment on blogs but your article is so convincing that I never stop myself to say something about it. You’re doing a great job Man,Keep it up.
BalasHapusWebroot.com/safe | avast.com/activate | bitdefender.com/activate | Eset.com/activate | webroot.com/safe
Norton Antivirus Software is a protection suite that helps to scan a computer for malware and viruses and protects the user from becoming a victim to cyber crimes. norton.com/setup A functioning and effective antivirus program is essential for any computer system to protect it from viruses, security breaches, and malicious software that can put sensitive data at risk.
BalasHapusI really happy found this website eventually. Really informative and inoperative, Thanks for the post and effort! Please keep sharing more such blog.
BalasHapuswww.norton.com/setup
roadrunner email login
aolmail.com
I really happy found this website eventually. Really informative and inoperative, Thanks for the post and effort! Please keep sharing more such blog.
BalasHapuswww.norton.com/setup
www.spectrum.net/login
aolmail.com
I love this blog norton.com/setup it amazing.
BalasHapusNorton antivirus provides end to end protection to the Windows, Macs, iPhone, Android with the high-level security. Protection from spam and sensitive information theft is also offered by this widely famous and popular antivirus brand. It is lightweight and runs in the background without hindering the user’s work or slowing down the computer. The Norton setup process consists of download, installation, and activation. First, the users have to sign in at norton.com/setup
BalasHapusHow to Fix 0xc1900223 Windows Update Error on Windows 10?
norton.com/setup
i love your blog post and the article its amazing will come back to read more norton.com/setup The Norton licence key is a alpha numeric-letters in order code accompany Norton’s membership. Go to the rear of membership card and locate your 25 digits code. Utilization of Norton item key at norton.com/setup to confirm your membership.
BalasHapusI really happy found this website eventually. Really informative and inoperative, Thanks for the post and effort! Please keep sharing more such blog.
BalasHapusnorton.com/setup
Charter.net
www.norton.com/setup
roadrunner email login
I enjoyed reading the blog love your blog norton.com/setup Thanks for sharing all of the useful info will come back to read more norton.com/setup .
BalasHapusThanks for the valuable and informative article its amazing.
BalasHapusRegards
norton.com/setup
www.norton.com/setup
login.norton.com
my.norton.com
Amazon Originals just as well known motion pictures and TV appears. Watch whenever, anyplace. The Prime Video application is accessible on a scope of mytv TVs, Amazon gadgets, cell phones, Blu-beam players, games consoles and spilling media gadgets. Prime Video from an incredible determination of mytv, Movies and more at regular low costs. Get the primevideo.com/mytv to know more.
BalasHapusThankyou for Sharing The Awesome Blog Post I Found This Article
BalasHapusTo Be Very Infromative and Helpfull, I am a Web Developer and
Graphic Designer From Canada and I Love to read and Write Blog About
New Techonology Trends.
Some Of My Web Blogs
Click to Process
norton.com/setup
www.norton.com/setup
login.norton.com
my.norton.com
norton support
norton com setup
norton chat support
Thankyou so much for spending time to write this blog article, i must say you are a excellent and talented blogger, I Found This Article To Be Very Infromative and Helpfull, please keep sharing such amazing blogs I am a Accountant from United States of America, Washington Dc, and I Love to read and Write Blog.
BalasHapusSome Of My Web Blogs Awesome Blog Post Please Feel Free to Check Out My Blog you will find the process of norton software installation with step by step instrcutions and much more.
Keep Sharing will come back to read more,
Click to Process
norton.com/setup download and install
norton.com/setup enter product key
www.norton.com/setup
login.norton.com
my.norton.com
norton.com/setup
norton.com/setup activate
norton.com/setup install
norton.com/setup help
norton.com/setup renewals
norton.com/enroll product key
Thank you for sharing Awesome blog post its amazing will come back to read more.
BalasHapuswww.hulu.com/activate | hulu.com/activate | hulu com activate .
Norton is an antivirus that helps in avoiding online threats such as harmful malware, unsafe downloads, unsafe sites. In today’s world, millions of users surf the internet every day, and there are many advantages and disadvantages of it, as well to avoid these disadvantages should be secured by the software.
BalasHapusnorton.com/enroll
BalasHapusNorton Internet Security or Norton Antivirus products are the essential tools for protecting the computer or digital devices from malware, spyware, Trojans and other virus attacks. For Internet threats Norton products are very effective.
norton.com/setup
steps to install and setup ms office on pc
BalasHapuswww.office.com/setup,
office.com/setup,
www.office.com/setup,
office setup,
office.com/setup
Usually I never comment on blogs but your article is so convincing that I never stop myself to say something about it. You’re doing a great job Man,Keep it up.
BalasHapusmcafee.com/activate
mcafee.com/activate
mcafee.com/activate
mcafee.com/activate
Really very happy to say,your post is very interesting to read.I never stop myself to say something about it.You’re doing a great job.Keep it up
BalasHapusoffice.com/setup | office.com/setup | office.com/setup
Microsoft Office is the best application launched by the microsoft application. If you want to download and setup ms office then visit: www.office.com/setup, office.com/setup, ms office setup, office setup, office 365 setup or enter product key ms office,
BalasHapuswww.office.com/setup, office.com/setup, ms office setup, office setup, office 365 setup or enter product key ms office,
www.hulu.com/activate, hulu.com/activate, hulu activate hulu com activate , hulu.com activate, hulu activation code
www.hulu.com/activate, hulu.com/activate, hulu activate hulu com activate , hulu.com activate, hulu activation code
Nice post! This is a very nice blog that I will definitively come back to more times this year! Thanks for informative post.
BalasHapusHulu.com/Activate
www.office.com/setup
www.norton.com/setup
Here are one or two steps to activate the hulu.com/activate. if you are watching Hulu on tv you just have to open the application and get a unique Hulu activation code. Now when you try to activate a separate device for viewing. like Hulu plus device activation code.
BalasHapusAfter purchasing a Roku device you must search for roku.com/link on the search engine. then click on the link below. and get started with Roku account creation. And find Roku activation code, link and activate Roku devices and channels on Roku from roku.com/link using the available link, you need to click on the appropriate link to activate the Roku streaming.
BalasHapusLet’s activate xfinity.com/authorize it is an official website that helps the users to activate www.xfinity.com/authorize and get full access to the best plans online for the internet, videos, mobile services too.
BalasHapusGet Hulu activate at hulu.com/activate or visit at www.hulu.com/activate for making your hulu activation process easy.For More visit Hulu Activation code.
BalasHapusNorton.com/setup - sign in to norton account and enter norton setup product key at www.norton.com/setup to
BalasHapusdownload and install norton in your device.http://nortoncsafe.com/
Norton.com/setup
WWW.Norton.com/setup
Norton setup
Get the essential steps to set up the roku tv setup without a remote. Just go through each step and get the proper process for the same and for the roku stick setup given in this article.
BalasHapusYou need to redeem the office 2013 product key before you can begin downloading the software on your device. For this, visit the office setup and select ‘redeem product key.
BalasHapusMcAfee Antivirus Tools are developed by Symantec Corporation, provides a complete Anti-Virus suite for PCs.o to your McAfee Antivirus software and Open it. · Enter the 25 digits alpha-numeric product key that was mailed to you
BalasHapuswww.mcafee.com/activate
mcafee.com.com/activate"
<a href="https://mcafee-activation.com/>mcafee activation</a>
I am really happy found this website eventually.Really informative and inoperative.Thanks for the post and effort!Please keep more such blog.
BalasHapusoffice.com/setup
www.office.com/setup
officesetup
mcafee.com/activate
www.mcafee.com/activate
bitcoin login
[url=https://officesetup.link/]office.com/setup[/url]
url=https://mcafee-activate.us/]
mcafee.com/activate[/url]
[url=https://bitcoinlogin.us/]bitcoin login[/url]
Getting problems while HP Printer Assistant just go to Hewlett Packard Support and you will get the reliable information there. To know more about Hp Support you can also visit our website.
BalasHapusAre you unable to reset your PC when a required drive partition is missing? Then feel free to give us a visit to our blog about Fix unable to reset your pc a required drive partition is missing.
BalasHapusMcafee.com/Activate: To cancel your mcafee subscription, go to the home page of McAfee, login, tap on ' McAfee My Account', and then scroll down to find the auto-renewal option and disable it.
BalasHapus