Posts

Showing posts from February, 2014

How To Add Custom Favicon To Your Blogger Blog ?

Image
Its your own blog and you want to customize it fully . But there is a problem that is worrying you , i.e. the orange b icon in the address bar . That is called a website's favicon . What Is A Favicon ? A favicon /ˈfævɪkɒn/ (short for Favorite icon), also known as a shortcut icon, Web site icon, tab icon or bookmark icon, is a file containing one or more small icons, most commonly 16×16 pixels, associated with a particular Web site or Web page. A web designer can create such an icon and install it into a Web site (or Web page) by several means, and graphical web browsers will then make use of it. Browsers that provide favicon support typically display a page's favicon in the browser's address bar (sometimes in the history as well) and next to the page's name in a list of bookmarks. Browsers that support a tabbed document interface typically show a page's favicon next to the page's title on the tab, and site-specific browsers use the favicon as a desktop ico...

How To Change The Color Of Scrollbars Using CSS ?

Image
So you have made all of your template with two cool colors of your choice, added one of you favorite web font and now only one thing is annoying you that is your browser's scroll bar color. And the question arising up in your mind is how can i change the scrollbar color. Can i change the scrollbar color ? ... and the answer is yes you can, with newest CSS3 and -webkit- it is possible to change the scrollbar color,style and background. How can i change the scrollbar color ? 1. For chrome and safari you can change the scrollbar colors using - /* Chrome, Safari */ ::-webkit-scrollbar { width: 15px; height: 15px; } ::-webkit-scrollbar-track-piece  { background-color: #C2D2E4; } ::-webkit-scrollbar-thumb:vertical { height: 30px; background-color: #0A4C95; } 2.But I have found another solution to this with adding some styles to it - 1. Rounded corners : ::-webkit-scrollbar {width: 6px; height: 4px; background: #ffffff; } ::-webkit-scrollbar-thumb { bac...

Ghost The New Blogging Platform Dedicated To Publishing

Image
"A beautifully designed platform dedicated to one thing: Publishing" That is how  ghost  describes it. What Is Ghost ? Ghost is an Open Source application which allows you to write and publish your own blog, giving you the tools to make it easy and even fun to do. It's simple, elegant, and designed so that you can spend less time making your blog work and more time blogging. Why Choose Ghost ? Many of the bloggers may ask a question that why should i use ghost, so i have got some benefits of  using ghost. 1. Revolutionary Dashboard : Ghost grabs all the important data about your blog and pulls it into one place. No more clicking through tens of browser tabs to view your traffic, social media subscriptions, content performance or news feeds. 2. Best Writing Experience : ghost provides a real time post writer/editor which automatically generates preview of what you are writing on the right side as it is going to be published . 3. Fully C...

Related Posts With Thumbnail Widget For Blogger

Image
Engaging users to your blog is the thing  that you want and every blogger in the world. But when you want to let users read what is relevant to they are reading. Showing them related posts below every post is the greatest idea to be implemented . Why should you add related posts widget ? I know some of you are thinking why should i add 3-5 tiles and links to my own content below every post ? I have got some reasons for you bloggers. Don't let your past stories go past : This widget retrieves all your past stories and not only the latest one's, so you also get traffic to what was posted a year ago. Keep Reader's Engaged :  Your users read what they are interested in and they browse continuously . Increase Page Views :  And the above two things will surely increase your pageviews. So now i think i have given enough reasons for you let this widget installed. How to add related posts widget for blogger ? Follow the below steps to add awsome re...