Thursday, 11 April 2013

TechBoard Blogger Template Free Download ~ Blogger Templates

Template Name: TechBoard 
Author Name :Lasantha Bandara
Original Designer URL : http://fthemes.com/techboard-free-wordpress-theme
Template type:1 Sidebar, 2 Column, 3 Column footer, Featured Section, Fixed width, Fresh, Header Banner,Red, Right Sidebar, Slider, Tabbed widget, Top Navigation Bar,
Description: TechBoard is Magazine  Premium template adapted from wordpress for blogger.This template is also SEO friendly.It have fixed social media button and fixed search box.You can put Ads in header.I am using this theme in  this web Farhan kayani.I am customize  this template using CSS and Html.If you Know Css then your easily customize TechBoard  template.One thing more this template have slider.But I given you   download file with both without slider and with slider.And that up to you which one you like without slider or with slider.Share this post with friends and make us happy.That's All 
Don't Miss:How To Remove Powered By Blogger From Blog?

SHARE THIS POST   

  • Facebook
  • Twitter
  • Myspace
  • Google Buzz
  • Reddit
  • Stumnleupon
  • Delicious
  • Digg
  • Technorati
Author: Farhan Kayani
I'm Farhan Kayani a Web Designer, Web Developer and Computer Instructor Currently live in Islamabad,I've been interest to forward my experience to the world. . Read More →

9 comments:

Please do not Spam Comments will be Deleted immediatley upon review.

Wednesday, 10 April 2013

How To Remove Blogger Navbar

Blogspot is Best Platform for Blogging.We can easily Customize Blog Template using HTML and CSS. Blogger Team continuously work on Blog. officials make many changes.Now Today is Remove Navbar from blogger.Blogger has navigation bar for their default custom templates.This Bar appears at the top of every Blog.Some Time its looks not good even it shows that this is not a blog or websites In default templates.Many Peoples Want to Remove navbar from blogger.I have Solution For those Peoples who thinks to remove this.may be You will able for remove navbar for blogspot in 2013.This article is about how to remove blogger navbar in 2013 default template. Now Let me explain to remove or hidden. if you are using default blogger templates create by official.Then may be you Want to remove and make blog more beautiful.But in third Party Templates navbar is Hidden.Now I am Going to start.


How To Remove Blogger Navbar

You can Easily  remove or hide.In 2013 you are Easily hide or show the bar in few seconds .Now I tell you to do it using two Methods.Methods are Given Below.

There are two ways to Remove Blogger Navbar.

In blogger old interface you will have to add some code in template to remove the navbar but now in new interface  you have full right.
Method 1:Using CSS 
Method 2:From Layout.

Method :1
Follow the following Steps.
  • Go To Blogger >>Template>>Customize.
  • Click on Advance  and Choose Add CSS.
  • Paste the below  code in white box.
  • Now Finally Click on Apply Blog.
#navbar-iframe { display: none !important;}
Method :2
Remove Blogger Navbar from Layout.(Easy Method)
This method is so easy follow the below given steps:
  • Go to blogger dashboard >> Layout:
  • Click on the Navbar  Edit
  • See the below image.
  • Now  you click on Edit you will see the below image.


  • Finally Select  off and save.Now see the blog.

Note:Use only one of above method to Remove Blogger Navbar.And that upto you which Method is easiest for you.That's All What you think  about this post or any question  feel free to ask.

SHARE THIS POST   

  • Facebook
  • Twitter
  • Myspace
  • Google Buzz
  • Reddit
  • Stumnleupon
  • Delicious
  • Digg
  • Technorati
Author: Farhan Kayani
I'm Farhan Kayani a Web Designer, Web Developer and Computer Instructor Currently live in Islamabad,I've been interest to forward my experience to the world. . Read More →

2 comments:

Please do not Spam Comments will be Deleted immediatley upon review.

Sunday, 7 April 2013

How to Add Wikipedia Search Box to Blogger ~ Widget 2013

Google officials ,continuously working on blogger platform to upgrade more gadgets.Now I am going to tell you about   a widget  recently created by blogger officials.Let me Explain Wikipedia is the free encyclopedia site which is use to find about history, scientific thing i mean to say Wikipedia is use for search topics with complete details for every Subject like Physics,Chemistry,biology,English and Urdu etc.Everyone Know Wikipedia is second Most Widely used Search Engine in the world.In this Tutorial i am tell you blogger officials recently created a new official Blogger Wikipedia Search Box widget .In the World Many Educational Blogs I Recommendation they having educational blogs, you must add this Widget in to Blog For Your blog readers because it helps to your Readers to find some thing unique inside your site.Now i am Going to tell you How to add Wikipedia Search Box to Blogger? You can easily add this Wikipedia Search Box to your blogger sidebar.
Don't Miss:New Facebook Pop Up Like Box For Blogger 2013
Don't Miss:How To Add Floating Facebook Like Box In Blogger?

How to Add Wikipedia Search Box to Blogger

  • Go to Blogger dashboard >> Layout >> Add a Gadget >>
  • Now Click on "More Gadgets"
  • And  find  "Wikipedia " and click on the + and click Save.
  • You Almost Done.
  • See Below Screen Shot.

  • Wikipedia Search Box to Blogger Live Demo in Below Picture.

Take 5 seconds and share this article with Friends and make us Happy.That's All 

SHARE THIS POST   

  • Facebook
  • Twitter
  • Myspace
  • Google Buzz
  • Reddit
  • Stumnleupon
  • Delicious
  • Digg
  • Technorati
Author: Farhan Kayani
I'm Farhan Kayani a Web Designer, Web Developer and Computer Instructor Currently live in Islamabad,I've been interest to forward my experience to the world. . Read More →

5 comments:

Please do not Spam Comments will be Deleted immediatley upon review.

Friday, 5 April 2013

How to add marquee text for Blogger/blog?

Animation text is use to attract the visitor to tell your visitors what will be your next updates or if you repair a broken link and tell to visitor about broken link using marquee.Animation text (also called Marquee).Moving text which you can put or add anywhere in your blog and in posts.I'm going to explain you How to add marquee text for Blog.and we can customize Moving text in many ways.like change text direction,change text background and control marquee speed.I am Customize text with Using CSS. Now I am going to show ,how to marquee text.if you want to move text. use the codes given below.

Example:1
<marquee>ADD YOUR TEXT HERE.</marquee>
RESULT: ADD YOUR TEXT HERE In this code text is simple and move text from right to left.
Example:2
<marquee direction="right">ADD YOUR TEXT HERE.</marquee>
<marquee direction="left">ADD YOUR TEXT HERE..</marquee>
RESULT: ADD YOUR TEXT HERE.... ADD YOUR TEXT HERE.... you can change the direction of the marquee text adding 'direction' attribute.
Example:3
 <marquee direction="right" width='90%'>ADD YOUR TEXT HERE....</marquee>
RESULT:
ADD YOUR TEXT HERE....
You can change the moving width of marquee text.
Example:4

 <marquee direction="right" width="100%" style="background:#FF6310"><font color="#000">ADD YOUR TEXT HERE....</font></marquee>
<marquee direction="left" width="100%" style="background:#0080ff"><font color="#000">ADD YOUR TEXT HERE....</font></marquee>
RESULT:
ADD YOUR TEXT HERE.... ADD YOUR TEXT HERE....
Now I add text color,text background color for the text.You may replace #ff6310 and #0080ff with hexadecimal color number for background color of Marquee text and also replace #000 with hexadecimal color number for text color.
Example:5
 <marquee direction="right" scrollamount="1">ADD YOUR TEXT HERE WITH CONTROL SPEED.</marquee>
RESULT:
ADD YOUR TEXT HERE WITH CONTROL SPEED. Now in this example I add scrollamount="1" to control marquee speed.if you want to customize the speed then change bold text in above code with your number.and also change  text direction just replace right with left.

Example:6
<marquee direction="left"width="90%"><a href='http://bloggerwidget4u.blogspot.com/2013/04/how-to-create-move-text-in-blog.html'>How to add marquee text for  Blogger</a></marquee>
RESULT: How to add marquee text for Blogger
Now in this example move text with link. replace Red color url with your post address.and Replace bold words with your text.
That's All Take 5 second and share this article with friends.

SHARE THIS POST   

  • Facebook
  • Twitter
  • Myspace
  • Google Buzz
  • Reddit
  • Stumnleupon
  • Delicious
  • Digg
  • Technorati
Author: Farhan Kayani
I'm Farhan Kayani a Web Designer, Web Developer and Computer Instructor Currently live in Islamabad,I've been interest to forward my experience to the world. . Read More →

21 comments:

Please do not Spam Comments will be Deleted immediatley upon review.


/
show-notice
hide-notice