Select Menu
" });

Google Search Box In Blogger

Posted by: Unknown Posted date: 3:09 pm / comment : 0 , , , ,




Search Box is always better option to find something on blog/web etc... and this search box develop By Google and it`s so cool widget i already add in my blog well let`s start

Adding Google Search Box In Blogger!
. Go to Google Custom Search Remember You have Logged Your Google Account Then you will do the next step know click Add
. (Sites to search)add your blog/web URL
. Select your Blog/Web .. language
. Title Of your Blog/Web
If you want *(click Advanced Options)*
. Add your Blog/Web URL
Know Copy the code as showing select code in below picture
Congratulation!







Advertisments

Hover Rotating image Social Icons

Posted by: Unknown Posted date: 3:45 pm / comment : 0 , , , , ,

 
Hello friends I`m Back with new Social Sharing rotating image it`s all about Hover when curse on image the image will Rotate 360 Degree it`s a cool Widget and very helpful way to your visitors want contact well anyway let`s create Your own
--------------------------------------------------------------
                                      Demo

--------------------------------------------------------------
How To Add New Social Rotating Image?

Step 1: Adding CSS code
 1. Blogger >> Template
 2.Backup your template if want 
 3.Past the below code before ]]></b:skin>  & Save



Step 2: Adding Class in Images
 1.Make new post and add or upload any image in post
 2.Click Html

Just Add Class="rotate"
Congratulation! You`re Done









Advertisments

How To Share Youtube video on Blog

Posted by: Unknown Posted date: 4:03 pm / comment : 0 , , , , ,

 
How to share Youtube video on blog. very simple tutorial i`m sure and you also well let`s work on tutorial just follow my 2 step

Step 1: 
Right and click on youtube video and click Copy Embed Code.

 
Step 2:
go to blogger post and click HTML and past code if you want change height & width so change the below numbers







Advertisments

Blogger SEO perfect and fast work

Posted by: Unknown Posted date: 2:55 pm / comment : 0 , , ,


Blogger SEO Perfect And Fast Work!
asd
First Step
. Go to Dashboard >> Setting >> Search Preference
Under Search Preference section Click Enable [Custom Robots Header Tags]  and check same box in below Picture
Then Click Save Changes
you completely done step 1.know step 2

Second Step
Go to http://www.xml-sitemaps.com/
follow the step in below Picture

Congratulation! You`re Done

Advertisments

Comments Not Showing on Blogger+comment tab

Posted by: Unknown Posted date: 1:07 am / comment : 0 , , ,

Comment tab Hello Friends I`m Saqib Ahmed i have This problem and after i`m completely solve this problem so i decided to share with you and i hope you like (it`s my desire) In the first pic You can see There is no comment tab Right! and also comments not showing on any post/page etc..like this pic

1 comment on this post but comment not showing now here is the starting my tutorial

----------------------------------------------------------------------------------
How To Solve Comments Not Showing Problem? 
----------------------------------------------------------------------------------
Ans:Go to google+ Tab in this tab you can menage your G+ Comment so uncheck Where my second Arrow {Use Google+ Comments on this blog}

---------------------------
After Solving The Problem
---------------- ----------
Know you can see post comment now is showing



 
 






Advertisments

Color Code Generator

Posted by: Unknown Posted date: 2:50 pm / comment : 0 , , ,

This Color Code Generator will help you get the six digit color code i.e hexadecimal value. It could be very effective if you want to get  a perfect combination of colors for your blog and if you have a good experience about color picking and selection matching, this will help you to make your blog to look really professional. The Color Code Generator is also very useful when you try to blend the Google Adsense Ads with the site content.



Instruction
- Drag the bar on the "Hue" selector to the area of your desired color palette.
- Then click inside the Brightness/Saturation area and drag the cursor until you have achieved your desired colour. The "Swatch" bar shows you the final colour result.
- The hexadecimal colour code is generated in the "Hex" box. Simply copy the six digit code i.e #000000

How To Hex Color Code Generator?









Advertisments

Author Box Widget for Blogger

Posted by: Unknown Posted date: 1:14 am / comment : 0 , , , , , ,


I Am going to show you how to add Cool Author Box Widget for Blogger Every post/page.. Actually This widget made up of CSS+HTML & no JavaScript is used.
In this widget you can add your Google+, Twitter, Facebook and Feedburners ID so that your blog visitors can contact you easily. Also it has a subscribe email bar beside the social icons. The demo of this author box can be seen by clicking the below button

Live Demo
click here it is my new template for blogger
and it`s under constraction[Shadows-villa]


Adding The CSS.
Add The Below Code Just below <head>


Adding The HTML.
Add Html enter Post footer-line-1 by Ctrl + F and Find
<div class='post-footer-line post-footer-line-1'>

Add the code given just below <div class='post-footer-line post-footer-line-1'>

Note:If you may find more then 1 <div class='post-footer-line post-footer-line-1'>
so make sure that you are pasting under the right one.If the author box doesn`t work paste
the code, under the second tag.

Search All Below And Change with your desired:
YOUR PIC URL
Add information about you here.
FeedUsername(you  found 3 change )
Twitter
Facebook
Google +






Advertisments

How Can i Display Html Code Better On my Blogger Blog

Posted by: Unknown Posted date: 12:28 am / comment : 0 , , , ,

Hello Friends In this Simple Tutorial I am show you How to Display Your Html Code on Blogger or Blog Post/Page etc Just 2 Step very Easy And Very Helpful This is the version1 Click Here and i you want know More About blog plz visit Blogger Tips,Blogger Tricks, or Blogger , Seo Tips lables Okey! Let`s Start


  • Step 1

    • -Go To Blogger >> Dashboard >>
    -Past Code after <head> Below





  • Step 2
    • and the following code in to <body> Wherever To Want To Put Your Code
    # Your Ruby Code
    Or Use This code in Your Post/etc









    Advertisments

    Text Border

    Posted by: Unknown Posted date: 1:58 pm / comment : 0 , ,

    Use Multple Text-Shadows

    text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 
    0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 
    0 #fff, -1px 1px 0 #fff;

    Alternatively, you could use text stroke, which only works in webkit:
    -webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: #fff;












    Advertisments

    Add Alt and Title Attributes To SEO Optimize Images

    Posted by: Unknown Posted date: 1:08 am / comment : 0 , , ,

      










    How ALT and Title Tags For Image Optimization Works?
    Before understanding the process, it is important to know that what actually ALT and Title tags are? These are the HTML attribution or tags which are used for images. ALT is specially for image whenever you can use the Title tag anywhere. These tags describe about the thing in which they are implemented. For example, if I add "Best SEO Tips" keyword in image then it will tell the search engine's crawler that this image is about SEO Tips and this will help the search engine robot to understand the media content and rank them appropriately. If you put the most searched, popular and appropriate keywords in your image then your images will be ranked higher in image search results and you will be getting enough traffic from it
     ===========================================
    Example:
    BTTW - SEO Tips
    How To Add These Tags To Images In Blogger?
    So if you're using Blogger Platform for your blog then continue reading. In WordPress, that platform automatically take and add the keyword from image name but in blogger you will need to implement this manually. In order to implement this tactic in your images, Go To Blogger >> New Post >> Upload Image

     After adding images, Click on the image, some options will appear in the horizontal line. Click on the Properties

     Now the image properties pop up will appear with the ALT and Title fields. Simply write the appropriate and main keywords in those fields and hit the OK button

    ALT Text









    Advertisments

    Subscribe to: Posts (Atom)

    Advertisment

    Blogger Tip Tricks and Widget © 2013. All Rights Reserved.
    Designed by Uong Jowo | Distributed By Free Blogger Templates