Follow Me:

Showing posts with label CSS. Show all posts

Thursday, September 18, 2014

Facebook Plus Twitter Share Button Using CSS and Javascript

Facebook Plus Twitter Share Button

Are you looking for Facebook and Twitter share button like most to the site are using, in today's post i will explain you on how to create a Facebook and Twitter share button using CSS, HTML and Javascript. Most of the top site have already started using this feature to share their post. You need to add just add few lines of code in your template.

Thursday, September 11, 2014

Add Scroll Back to Top Button to Blogger

Scroll Back to Top Button to Blogger

A scroll to top button in blogger is really helpful for readers if your blog has lots of posts on homepage plus comments on post page and if there is no sticky navigation plugin. In this post we are going to show you how to add back to top button which will appear when users scroll down reading your post.

Saturday, September 6, 2014

Toggle Navigation Bar Using CSS, HTML and Javascript

Toggle Navigation CSS, HTML and Javascript

Navigation bar are used in all blogs and website and is very helpful for visitors better to click on a certain label than searching them on the whole blog for a particular label, mostly normal navigation bar in blogger are not responsive to mobile designs so we have created one which is responsive to mobile design with drop down on click.

Thursday, September 4, 2014

Professional CSS Live Demo Button for Blogger

Professional CSS Live Demo Button

Buttons are the most important thing in blog, giving a link to other site or download specially it should look better to blog's having Live Demo button so we have created professional CSS live demo button which is different from what you use in your blog.

Wednesday, September 3, 2014

How to Add CSS Code to Blogger Template

Add CSS Code to Blogger Template

Some of you may have difficulties while adding CSS code in your blogger templates so i came up with a short guide on adding CSS (Cascading Style Sheets) which will be easier to customize on your blogger blog.

Tuesday, September 2, 2014

TNB Notification Style Using HTML, CSS and Javascript

TNB Notification Style Blog

I would like to share a simple and clean notification message style for adding it on your blog or website. There are a lot of ways to shown notification message to users but this notify shows the message and disappears within second. This notification is created using CSS, Javascript and HTML code.

Sunday, August 31, 2014

Google Style Logo Using CSS for Blog

Google Style Logo for Blog

Google has many types of logo for its site and keeps on updating some of the logo with its doodles, if you search for Google logos on search you may find different types of logos in images. Logos are created using images mostly on all the websites but some use CSS codes to add the logo one of which we have created it using the CSS adding font face and the <tnb> tag.

Tuesday, August 26, 2014

Add Custom Navigation Menu for Blog

Custom Navigation Menu for Blog
Do you use Pages, link list or your own custom header menu for labels as its very important and used by all blogs and site we too have created a custom top header menu which is simple and looks clean for your sites. If you still don't have one and don't like to use pages or waiting for a simple header menu then we have it for you. This top header menu is created  using CSS and HTML code.

Monday, August 25, 2014

How to Add 9GAG Style Social Media Buttons for Blog

9GAG Style Social Media Buttons for Blog
Today i am going to add some interesting CSS style code which you may have seen on 9GAG funny site header, the slogan and social love button. Some of you blog owners may be waiting to add this cause you may have a lot of gadgets on your blog or site sidebar cause the like box takes a lot of space in the sidebar and adding all the social link in one line on the top make it easy for people to follow and like your blog or site which even make it look clean.

Sunday, August 24, 2014

How To Customize Facebook Like Box Layout with CSS

Customize Facebook Like Box with CSS

Facebook like box are used by all blogs and websites now a days but  many site have the default fb-like box some even remove borders, faces and even change the background of the box. In this tutorial the Facebook like box is just the same as the default one but we have just added some Fancy CSS Effect to it.

Saturday, August 23, 2014

Adding Blog Post Label On Image

Adding Blog Post Label On Image

I have seen a lot of professional blog design and top website having post labels on image, while normal blog and custom templates show their post labels below post footer or below the post title. If you are one of them finding to add label on image don't worry we have created one, this is been created using CSS and HTML code.

Friday, August 22, 2014

Show Bigger Image Into Half on Blogger

Show Bigger Image Into Half on Blogger

I have seen funny sites like 9GAG and much more which only use images in their site show long images into half on homepage and displays full image on post page. After learning about how this is done i found a simple trick to add this in blogger blogs. If you are having a funny blog you can add this to make long image into half. For any question leave them below.

Thursday, August 21, 2014

Custom CSS Footer For Blogger

CSS Footer For Blogger

Do you use blogger with its custom template and still you don't have a footer or your using the Attribution gadget instead of footer now you don't need to worry as today we are going to add a footer which can be used in blogger custom template as well as your own modified template.

Tuesday, August 19, 2014

Add Facebook Like Sidebar Ads to Blogger

Facebook Sidebar Ads

You all have seen Ads on Facebook on the right sidebar. Today i am going to teach how to add Facebook ads on your blog with CSS code

You can add your website link and your own custom text to it by just changing the code so lets start the tutorial on how to create Facebook ads bar.

Creative Commons License