Showing posts with label Css. Show all posts
Showing posts with label Css. Show all posts

Friday, 1 March 2013

Add A Stylish Ribbon To Your Latest Post

Posted by Abhishek
Hello Friends you might have seen this type of hack in mbt's template and many of you should have the wish to add this hack to your blogger blog .But you may not have found it any where on the net so today i am here to tell you how you can add this stylish ribbon right to your blogger blog.The main reasons behind using this type of ribbons is these type of ribbons are more eye catching then anything else.This ribbon will be shown at the right top corner of your posts and will look aweosme at your blog .To add this hack you just need to copy paste some codes into your blogger blogs template and then refresh your blog to see it live in action.It will work almost in all major browser wihtout having any problem.

Add A Stylish Ribbon To Your Latest Post

  • Go to Your Blogger Dashboard.
  • From the Drop Down Menu Select Templates >Edit Html
  • Now Look For  and paste the below code just after it.
  • Now Look For  ]]> and paste the below code just above it.
View Coding
  • Now Save your template and go to your blogger blog to see it live in action.
Thats it friends you have installed a working stylish ribbon to your blogger blog.Any problems leave them in the comments below.
Read More

Monday, 7 January 2013

HOW TO SPLIT BLOGGER HEADER INTO 2 PARTS

Posted by Abhishek 2 Comments
Hello Users After SHaring The Template of hacking university i am here with an cool widget through which you can divide your blogger header into two parts after spilting your blogger header in two parts you can add adsense ads that can help in boosting your ctr ,click and ecpm.Please Continue..
We Have Spilted This Post In Two Sections So That it can be easy for you to understand  and it will also be easy to navigate. Here We Go.

Step 1

  • Go To Blogger Dashboard
  • From Drop Down Menu CLick Templates
  • CLick On Edit Html 
  • Make Sure That Expand Widget templates is Unchecked
  • Now Find Below Code


View Coding

  • Add The Below Code Just Below It.


  •  Final Code Will look like the below 
View Coding

Step 2

  • Now Find ]]> Now Paste The Below Coding Before It.
View Coding

  • You Can Easily Customize Your Header Width According To Your Requirement
  • After Finishing All Steps Click On Save Template And ENjoy Your Second Header
  • Now You Can Easily Add Second Header By Going To Layouts
Read More

Wednesday, 2 January 2013

Remove Feedburner Logo From The Buzzboost Widget

Posted by Abhishek


Hello Friends Yesterday We Shared How to Add Recent Posts Widget Using Feedburner . But The Problem With That Widget Is That it shows the feedburner logo after the recent posts widget . And nobody like to show that as i know. So Tried My Skills and i have doned ,So Today i will tell you how you can hide that logo from your buzzboost widget.


Remove Feedburner Logo From The Buzzboost Widget

  • GO To Blogger Dashboard
  • Then Go To Layouts
  • Edit The Widget Where You Placed That Buzzboost widget
  • If You Have Not Added that widget yet the look For This Post
  • The Code Of The Widget Looks Like The Below One

  • Just Paste The Below Coding Before The Above Code
 
  • Then Save The Widget Now Your Widget Will Look Like The Second Picture 

Read More

Monday, 31 December 2012

Amazing MPL PRO Blogger Template!! NEW Year GIFT

Posted by Abhishek 4 Comments

Hi Visitors I am Deep Sinha First Thing Which I want to mention is that Happy New Year To All of you.This is my first post on this blog So i thought that it will be a good idea to make a debut with a blogger template because when we are talking about blogger resources then the most important thing which comes in mind is a good and nice looking blogger template.So i started with a template called "eclipse" it is a nice and pretty template but it doesn't full fill our requirement so i started to customize it and finishes with a master piece called "MPL PRO Blogger Template"


Lets See The Demo Of The Template  



FEATURES OF THIS TEMPLATE

  • Fast Loading 
  • Seo Optimized
  • Automatic Read More After Every Post
  • Stuning Spicupyourblog Threaded Comments Section
  • Adsense Optimized
  • Search Engines Friendly
  • Every Post In Separate Boxes With CSS Hover effect 
  • Large Post Thumbnails
  • Social Sharing Widget Below every post
  • Related Post With Hover Effect Below Every Post
  • Image Background in Sidebar Header
  • Stylish Block Quote Boxes with Hover effect
  • Stylish Navigation Menu
  • Good Design

  DOWNLOAD


Please Don't Remove The Footer Link

IF YOU LIKE THE TEMPLATE THEN PLEASE LEAVE YOUR VALUABLE COMMENTS


Read More

Thursday, 27 December 2012

ADD CSS3 SEARCH BOX IN BLOGGER

Posted by Abhishek
Hello Friemds Today I will be telling you how to add a css3 search box to your blogger blog.There Are Different Search Boxes That Has Different Methods And Different Styles.The Best Of All is the one that searches only your blog within seconds.By Default blogger Provide A Simple Google Search box. If Youw Want To get Rid Of That Then You Should Add My Css3 Search Box For Blogger


CSS3 SEARCH BOX DEMO

For Demo See At The Right Side

HOW TO ADD CSS3 SEARCH BOX TO BLOGGER

  • First Of All Go To Your Blogger Dashboard
  • Then Go to Layouts--->Add A Widget ----> Html /Javascript
  • Then Paste The Below Coding
View Coding

  • Now Save The Widget
  • All Done Friends 
Read More

Wednesday, 26 December 2012

How to Customize Blogger Labels & Make Them Attractive

Posted by Abhishek
Hello Friends Today We Will Be Talking About How To Customize You Blogger Labels To Attractive Ones So that they can catch the attraction of your visitors.You May Also Have Figured Out I have customized my blogger template according to my taste and the one thing i love the most are the labels that simply categorizes our content . 
I am Using The CLoud Version of the labels and i also have added some CSS styles that makes them attractive and are created by myself to modify the overall look of it. For Demo You Can Look In the sidebar that what look you will get after applying my css coding.

How to Customize Blogger Labels & Make Them Attractive

  • Go to Blogger Dashboard
  • Then Go to Templates----> Edit Html
  • Now Search For ]]> and Paste the below coding just above it.
View Coding

  • Thats All Friends All Done Save Your Template And See You Labels.
  • Any Problem Say Here We Are Always There For Help. 
Read More