Showing posts with label Tutorials. Show all posts
Showing posts with label Tutorials. Show all posts

Saturday, June 29, 2013

Adding a separator line between your posts

There are at least four approaches to choose from if you want to put a divider between your posts in Blogger.  These days, I prefer the CSS-rule approach, because it's so easy and flexible.  But I've shown details of a few other methods too:
  • Manually add a horizontal line command to each post
  • Use the post-footer colour block as a line (in Designer templates only)
  • Add the HTML command for a line to the main section of your template, in one of the post-footers
  • Add a top or bottom-border to the CSS rule that formats the body of your posts.
The following sections give more detail about each option, including how to apply them to your blog, and their advantages and disadvantages.

Manually add a line to each post:

When you are editing a post, you can put a horizontal line anywhere in the contents.

If Compose Settings (under Post Options) is set to  Interpret typed HTML, then you can just type <hr />, and Blogger will place a line like this in your post.

If your Compose Settings (under Post Options) is set to  Show HTML literally, then you need to switch to the Edit HTML tab before you type <hr />.

Disadvantage: If your post is set to display comments, or the blog is set to show the author, labels etc under the post, these items will be underneath any line that you add manually to a post.

Designer Template - post footer colour

If your blog has a designer template (ref, What sort of template have I got), then theTemplate Designer > Advanced tab may have an option for setting the background colour of the post-footer (depending on which template you are using).

If you use a dark colour (or have a dark background and use a light color), this makes the post-footer look like a line.

Disadvantage:  The "line" might be a bit thicker than you like.   And if your post is set to display comments, or the blog is set to show the author, labels etc under the post, these items are shown right inside the footer line.

Add a line-command to your template

If you don't like the other two approaches, you can change your template to add a horizontal line.  To do this:

1  Edit your template:

In Sept-2011-Blogger (ie the new interface) go to Template > Edit HTML > Proceed
In pre-Sept-2011-Blogger (ie the old interface) go to Design > Edit HTML.

2  Download a full copy of your template, and put it somewhere safe (in case things go wrong, and you need to go back to where you were).

3  Click on Expand Widget Templates.

4  Most templates have three footer lines:  what is in each one depends on the template, and how you have arranged the items in the Layout > Blog Posts editor.

Look at the template for code like the following,
       <div class='post-footer-line post-footer-line-2'><span class='post-labels'>
        <b:if cond='data:post.labels'>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
      </span> </div>
 <div class='post-footer-line post-footer-line-3'/>

and add the <hr /> command to which ever one you want, for example
 <div class='post-footer-line post-footer-line-3'/>
<hr />


Advantage:  you can easily place the divider line anywhere you want it, relative to the other items in your post-footer. 

Disadvantage:  you need to modify your template, and this does have some risks.  And it does use the <hr /> tag which some people (CSS purists) suggest is not a good idea.

Enhancements to the basic <hr /> command:

There are lots of ways you can modify the <hr / > code.   For example

<hr style="text-align: left;" /> -  to left-align it

<hr style="color: red;" /> -  to change the colour 
<hr style="width: 50%;" /> -  to make it narrower

See w3c.schools <hr /> tag for more information.  

Add a border to the CSS rule that formats your posts:

The cascading-style-sheet rules in your template control most aspects of how your blog looks.   They can be a very powerful way to control how your blog looks.

Quick option:

If you have a designer template, then the quick way to make this change is to add a CSS rule to your template.  The rule code to add is:
border-bottom:1px dotted #666666;

or this one if you want the border at the top of each post:
border-top:1px dotted #666666;


The specific CSS rule that controls how the "body" of your posts look is .post-body.   To make changes to it:

1 Go to Design > Edit HTML

Download a full copy of your template, and put it somewhere safe (in case things go wrong, and you need to go back to where you were).

Look for .post-body in the rules section of your template. It will look something like this, but  the exact lines and values may be different:
.post-body {
margin-top: 0;
margin-$endSide: 2px;
margin-bottom: 0;
margin-$startSide: 3px;
 4  If you can find a .post-body rule, then add this line, just before the } character.
border-bottom:1px dotted #666666;
5    If you cannot find a  .post-body statement in the rules section of your template, then you need to add it.

Put it somewhere:
After    <b:skin><![CDATA[/*

Before  ]]></b:skin>

But not in the middle of any other rules: look at how the rest of that section of your template is laid out for clues.

The statement to add is something like the following, though you may want to try out different values for parts of it.:
.post-body {
border-bottom:1px dotted #666666;
margin-top: 0;
margin-$endSide: 2px;
margin-bottom: 0;
margin-$startSide: 3px;

Alternative formats:

The #666666 means draw the line in black - you may like to use a different colour, or use the word "solid" instead of "dotted" to make a firmer looking line.

As an alternative, you can say border-top:1px dotted #666666; - this puts a line at the top of the body of each post, just underneath the title.
Read More

Friday, February 1, 2013

How to use facebook without mouse?

Shortcut keys can helps to do any certain work easily in Computer. Shortcut keys are vary from different manufacturers. Every one knows Facebook it is large social network site in World wide. If you are a Facebook user you can use some facebook features without help of your mouse through your keyboard shortcut keys. Facebook shortcut keys differents between browsers. Here the tables to explain facebook shortcut keys for major browsers Chrom, Firefox, IE

So friends lets enjoy if you are using favebook and stuck with your mouse not working .its simply working same like mobile use !

Read More

Thursday, January 31, 2013

How to remove autorun.inf virus from your pan drive ?

There is a much simple way to remove the Autorun.inf file. Genreally when you refresh the windows explorer view a bounded virus process recreates this file. This file is attached to many events of windows explorer including OPEN, REFRESH, etc. Simple stept to remove the virus activation: 
You must close opened explorer windows. 

1. open up a command prompt (i.e. cmd.exe) >> to load it go to Run, type cmd, enter.
2. Now to remove virus's attributes (in order to delete it type following line by line and execute them pressing enter. 
F:\attrib -s -r -h *.* If there are any malicious EXE files those are now visible so if unnecessary delete them too. 
F:\del autorun.inf 

3. After finishing above, quickly remove the pen as soon as posible (just after executing del command). 
4. Now your pen is without virus activation config. file. Now you can safely delete unnecessary EXE files on it.
Read More

Wednesday, January 9, 2013

Now Facebook also use + button to use add people in comments and status following Google + !
so now no need to use @ button in Facebook !  

Read More

Share your Email attachment on Google +

Now you can share Gmail  attachment on Google +

You can add people while sharing the gmail attachment using + button and you can send email that attachment to evry people you added.

Read More

Thursday, August 16, 2012

Fix Outlook 2010 Problem: PST File Repair Tool

If Outlook 2010 is crashing, you could try running in Safe Mode and determine what is causing the problem. If you can’t find a problem, then there is a high chance it could be due to corrupt PST file. So how do we fix it? There are two methods, either use an official tool or a 3rd party tool.

Outlook Inbox Repair Tool (SCANPST.Exe)

It is an official repair tool that is included in Office 2010 by default and was included in Office 2007 as well. But what surprised us was that it couldn’t be found inside the Microsoft Office 2010 Tools folder, did Microsoft forget to include the most important tool in this folder? See screenshot below.
Inbox repair tool missing
You will have to navigate all the way to C:\Program Files\Microsoft Office\Office14 folder and search for SCANPST.EXE file.
scanpst.exe office 2010
Double-click this file to open Microsoft Outlook Inbox Repair Tool. Now hit Browse and locate your PST file. It is located at:
Outlook Inbox Repair Tool
Once done, hit Start and it will begin checking for errors. When the process is complete, hit the Repair button. Make sure a backup option is checked to remain on the safe side.
Outlook Inbox Repair PST

Stellar Outlook PST Repair Tool

I would always recommend going for the official tool, but if it fails to fix the PST file then you can giveStellar Outlook PST Repair a try. Select ‘Repair PST File’ from the main window, select the PST file(it has a build-in tool that can search for PST file), and choose the output destination.
So why is the output destination needed? It will first scan your corrupt PST file and then recover everything into a new usable PST file.
Stellar Phoenix Outlook PST Repair
Read More

Thursday, January 19, 2012

How To Use Facebook For Free in GSM Mobile Phones Without GPRS/3G/4G?

Today I’ve come up with an attractive topic for you guys especially for the Facebook addicts out there. Personally I can’t even spend a day without accessing my Facebook account either from my PC or my mobile. It has happened quite a few times with all of us, we get struck in no-internet coverage area and can’t access internet. But now you can access Facebook even without internet or data connection regardless which phone you are using. Shocked isn’t it?
U2opia Mobile, a Singapore-based software application company introduced this amazing feature in May 2011 and now the company is marketing it with the name Fonetwish. This application is developed using Unstructured Supplementary Service Data (USSD) based on interactive service that allows your phone to have the power of accessing internet without any data connection even from your non-GPRS mobiles and aged phones like Nokia 1100. Officially in GSM mobile phone, USSD is a protocol which is used to communicate with the service providers, the most excellent example for this would be balance enquiry.

Getting started with Fonetwish?
You just have to follow these steps to get started
Step 1: dial *325# or *fbk# from your mobile phone. You will now get a Welcome message.
access facebook on mobile for free
Step 2: you will be asked to enter name and password, enter it correctly and Bingo! You will get into your account immediately.
browse facebook on mobile for free

Step 3: And then you will get almost all the features of Facebook: News Feed, Update Status, Post on Wall, Friend Request, Messages, Notifications and Account Settings, access these by replying to the particular number.
access facebook on mobile for free
Step 4: how to use these features?
For instance, if you want to update your status, reply “2”. You will now get a message “What’s on your mind?” now reply with the desired status, you can instantly see the status updated on your profile.
access Facebook for free on mobiles
Similarly, you can get your news feed, you can read, like, comment, manage friend requests, read Facebook inbox messages, change account settings and lots more.
You will be glad to know that this service is reasonable and convenient too; you just have to pay Rs.1/day for unlimited usage. Isn’t it great?
As of now it works in only in India with Tata Docomo, Idea, Airtel and Aircel.
How to disable Fonetwish?
I don’t think there is anybody who dint like this wonderful service, but still I provide you the details regarding disabling this service. All you have to do is dial *325*22# and instantly this service will get deactivated. Or you can call up customer-care and speak to a representative regarding this.
So what are you waiting for? Why not try this awesome service, what say? And do let us know what you really feel about this service! Enjoy!

Read More


Copyright 2013 copyright ashok bhanwal. Powered by Blogger.

About Me

My Photo
hello!  i am ashok bhanwal.professionally i am web designer and Developer.I am Quite Familiar with html, css,,php, c#, mssql,jquery,ajax.I am fun loving guy.I am always surfing internet for searching new stuff in technology.

Contact Form


Email *

Message *

Google+ Followers

Total Pageviews

Top Stories


Amazing Gift for you

Blogger news