Bug Blank Brains: 2014

Tuesday, 23 December 2014

A template for you, if your blog is on Poems, Quotes, Article or on a feeling like Love

Desktop view

Mobile view

CLASSIC MENU FOR MY BLOGSPOT

Menu is good !dea if your blog content many post so, with menus you can easily arrange them. Menu should be good looking for any blog so visitor attract by it. Here you get a classic menu for your blog and a way to get any color for it so it can match with your blog theme.

MAKE YOUR BLOGGER CONTENT UNCOPYABLE

There are millions of indexed of search engine of pages on web, you never know if anybody copy your code and using under his or her name. But it is Illegal if anybody do so it is called Plagiarism.

He or she can change the grammar or sentences but still the theme of content is same.

HOW TO STOP COPYING MY CONTENT

Its not very hard as you can think. There is a blogspot helplogger.blogspot.com on this blogspot you find that you are not able to copy its content of post. So how to do it...

STEPS:-

Open DMCA.COM .
dmca.com
Then LogIn.
Copy and just paste the code in your blogger. Select the design of sign of dmca.
copy the code of box
In one or two weeks you will find that you are not able to copy your content.

WHY I NEED TO MAKE MY CONTENT UNCOPYABLE

This is world of competition Everybody want success .They put there leg on your head for getting it. In this world you cann't get who is your frnd and enemy. If anybody copy your content and change its grammar or sentences and still theme is change then the person can divert your visitors from your blog to its blog. this effect your Alexa rank as well as your SEO. For preventing your blog and your ideas just make your content uncopyable.

At last I want to say that just write your own don't copy the content from others. Think Write and Post...

BE A BLOGGER NOT A CHEATER

Wednesday, 12 November 2014

CHROME WEB STORE SCROLLBAR CSS

<style>
::-webkit-scrollbar {
width: 10px;
background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(202,202,202,0.07)),color-stop(100%,rgba(229,229,229,0.07)));
background: -webkit-linear-gradient(left,rgba(202,202,202,0.07) 0%,rgba(229,229,229,0.07) 100%);
-webkit-box-shadow: 0 0 1px 0 rgba(0,0,0,.15) inset,0 1px 0 0 #fff;
-moz-box-shadow: 0 0 1px 0 rgba(0,0,0,.15) inset,0 1px 0 0 #fff;
box-shadow: 0 0 1px 0 rgba(0,0,0,.15) inset,0 1px 0 0 #fff;
background-color: #e5e5e5;
}
::-webkit-scrollbar, ::-webkit-scrollbar-thumb {
overflow: visible;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: solid 1px #a6a6a6;
}
Pseudo ::-webkit-scrollbar-thumb element
::-webkit-scrollbar-thumb {
background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(233,233,233,0.05)),color-stop(100%,rgba(221,221,221,0.05)));
background: -webkit-linear-gradient(left,rgba(233,233,233,0.05) 0%,rgba(221,221,221,0.05) 100%);
-webkit-box-shadow: 0 2px 1px 0 rgba(0,0,0,.05);
-moz-box-shadow: 0 2px 1px 0 rgba(0,0,0,.05);
box-shadow: 0 2px 1px 0 rgba(0,0,0,.05);
background-color: #e9e9e9;
}
::-webkit-scrollbar, ::-webkit-scrollbar-thumb {
overflow: visible;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: solid 1px #a6a6a6;
}
Pseudo ::-webkit-scrollbar-button element
.webstore-si-ti-Db::-webkit-scrollbar-button {
height: 0;
display: block;
background-color: transparent;
}
</style>

LIVE

DEMO

Google always surprised us with its new designs which we called material designing. I always like the all designs that create by Google...they are simple and classic. the browser GoogleChrome which have its own WebStore. Here is code of scrolbar of right sidebar of Chrome WebStore.

the look of scrollbar of chrome

So here is code.

If you want


     for your wordpress site.

     for your blogspot.

Saturday, 8 November 2014

A SIMPLE AND CLASSIC SCROLLBAR FOR MY WORDPRESS SITE AND BLOGSPOT

Scrollbar is a wonderful element in HTML. Scrollbar look is also as important as your themes look. Scrollbar is an element which can give a wonderful experience to the person who visit on your site.

Step 1 :- Just copy the code given below

::-webkit-scrollbar {
    height: 20px;
    width: 20px;
 
    overflow: visible;
}
::-webkit-scrollbar-corner {
    display: none;
    background: #f5f5f5;
}
 
::-webkit-scrollbar-button:vertical:increment {
        border-radius: 100px;height: 20px;width: 20px;
         background-color: rgba(0,0,0,.2);background-image: url('2.png');background-size: 20px 20px; 
    }
::-webkit-scrollbar-button:vertical:decrement {
        border-radius: 100px;height: 10px;height: 20px;width: 20px;
         background-color: rgba(0,0,0,.2);background-image: url('1.png');background-size: 20px 20px; 
    }
 
::-webkit-scrollbar-track {
    -moz-background-clip: border;
    -webkit-background-clip: border;
    background-clip: padding-box;
    background-color: transparent;
}
 
::-webkit-scrollbar-track:vertical, ::-webkit-scrollbar-track:horizontal {
    border-left-width: 0;
    border-right-width: 0;
}
 
::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal,::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal {
    border-style: solid;
    border-color: transparent;
}
 
::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);
    background-clip: padding-box;
    background-color: rgba(0,0,0,.2);
    min-height: 200px;
    padding-top: 100px;
    border:7px solid #f5f5f5; 
}
 
::-webkit-scrollbar-thumb:hover {
    -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,.25);
    background-color: rgba(0,0,0,.4);
}
 
::-webkit-scrollbar-thumb:active {
    -webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,.35);
    background-color: rgba(0,0,0,.5);
}
::-webkit-scrollbar-button:hover {
    -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,.25);
    background-color: rgba(0,0,0,.4);
}
 
::-webkit-scrollbar-button:active {
    -webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,.35);
    background-color: rgba(0,0,0,.5);
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
   border: 7px solid transparent;
}

LIVE DEMO

just copy the code inside box

Step 2 :- Then open editors.

editors in blogger and wordpress

Now, you get the a cool scrollbar for your site.

Thank you

Related Posts

how to customize scrollbar

Bug Blank Brains

Pages