Tag: tips

Easy Ways To Center An Object With CSS

One of the aspects that appeal to the majority of all concerned website designers is centering any element with the help of CSS. It certainly can be considered to be the best thing that can prove to be of real importance so as to be able to align any element at the centermost position. However, it needs to be made clear that the act of centering any element for any website designer is never an easy task.

Easy Ways To Center An Object With CSS

However, it needs to be made clear that the act of centering any element for any website designer is never an easy task. Center An Object With CSS
Center Different Things
The reason behind the same is that there is vast number of things that can be useful for the purpose of centering different elements. Also, it is not the case that every single technique will prove to be working fine along with every single element. With the help of the Cascading Style Sheet, you will be able to center things in different ways. A few among many of the ways that will help you to be able to position the items can be as highlighted as below:

  • Centering Block
  • Centering Text
  • Vertical Centering
  • Centering An Image

Center Text
One of the easiest things that can be centered without the least degree of the problem is text. An element that can be used for the purpose of aligning the text at the center position is text-align. The best way that will help you in centering paragraphs is p.center {text-align: center ;}. Every single paragraph, which is written within the “center” class, will be centered in a horizontal position. There are a few things which you are supposed in bear in mind if you are planning to center text with the help of the text-align property:

  • If you make use of text-align property, in order, to center text, the same will remain centered along within the container element.
  • The same holds a similarity with the alignment of text. The alignment that you can associate along with the same includes; justified alignment, left alignment and right alignment, as well.

Definite Width Value
Do you know as to what are blocks? Well, blocks can be referred to as the elements that enjoy certain width value. The best way that will help you in being able to center blocks with the help of Cascading Style Sheet is setting both the right and left margins to
“auto”. In this respect, you are supposed to stay informed that as long as the block boasts of a definite width, it will always be able to get itself centered inside the element that is containing the same. However, you also need to realize that every single element that is contained within the block will not be centered.
If you are contemplating the alternative of centering the position of images, you must be able to realize that the task seems to be a bit trickier. Irrespective of the fact; that it is possible to center align the images by means of making use of the same attribute, the same is never considered to be the right choice. The reason behind the same is that the same does not enjoy recommendation by the W3C. This is one of the reasons as to why; you will not be finding any recognized web design company to be implementing the same technique. Rather, it is a nice thought to let your browser know that the image needs to be considered as a block element. The fact as to whether; it will be possible to centre the entire content of your webpage depends on the aspect of using a fixed width layout. It is a nice thought to search the different online resources, in order, to learn as to what are the different ways that will help you in being able to center the element at the center position.

how to show author in wordpress post

wordpress tutorial, how to show author in wordpress post. Many people want to read the author information after the article. This is good for seo also.

how to show author in wordpress post

You can show the author information in single page using following code. just open your single.php file and put following code after the  the_content() function.

<div id="author-information">
<div id="author-image">
 <a href="<?php the_author_meta('user_url'); ?>">
 <?php echo get_avatar( get_the_author_meta('user_email'), '150',
 '' ); ?></a></div>
<div id="author-bio">
<h4>Written by < ?php the_author_link(); ?></h4>

< ?php the_author_meta('description'); ?>
</div>
</div>
<!--Author information-->

Use following code in your css file

#author-information{float:left;width:auto;clear:both;}
#author-image{border:3px solid #CCC; float:left:width:160px;}
#author-bio{padding:5px;float:left;}
how to show author in wordpress post
how to show author in wordpress post

6 free seo tools from google

6 free seo tools from google, SEO is very important when you are building and maintaining a website, and Google offers FREE tools to help make your job easier.

 

6 free seo tools from google

 

6 free seo tools from google
6 free seo tools from google

Google provides very nice free SEO tools here is list.

Google Analytics:

According to the website, Google Analytics gives you rich insights into your website traffic and marketing effectiveness. User friendly features allow you to see and analyze your traffic data in a whole new way, as well as produce better targeted ads, create higher converting websites and strengthen your marketing initiatives.

Google Trends:

With Google Trends, you can compare the whole world’s interest in the topic of your choice. You can enter up to 5 topics to see how often they have been searched, how often they show up in Google News stories and what geographic locations have searched these topics the most.

Google Keyword Tool:

Undoubtedly one of the most popular in the Google toolbox, the Keyword Tool can be a gigantic help in choosing the right and most effective keywords!

Google Website Optimizer:

A very easy to use free tool for testing your website content to see if it is delivering actionable results. You can find out what leads to the highest conversion rates, listen to your visitors and increase conversions dramatically. A great free tool!

Google Webmaster Tools:

This one gives you detailed reports about your web pages’ visibility in Google search. You can see at a glance how Google crawls and indexes your site, as well as find out about problems Google is having with your site and how to fix them. You can also use the free link reporting tools and query traffic to see which search queries are driving traffic to your site.

Google Traffic Estimator:

This one will come in quite handy as it tells you such important things as average estimated CPC, estimated ad position, estimated daily cost and estimated daily clicks.

Using above tools you can boost your website.

How to create great Landing Page for your website

websites first impression important. That is all depend on your website landing means home page. we shown how to create great Landing Page for your website.

For many of those visitors, it will be the first time they have been on your website, so the last thing you want to do is create a bad first impression that will have those visitors hitting the back button to get our of there as fast as they can.

How to create great Landing Page for your website

How to create great Landing Page for your website
How to create great Landing Page for your website

Here are some tips in writing a great landing page:

Write your landing pages so that a visitor has to do very little thinking about what to do next. Your job is to gently steer visitors in the direction of where you want them to go, and what you want them to do. So, your landing page message should make these things crystal clear. This is no time to be ambiguous! Have strong, concise calls to action that tell visitors what to do!

Bring out the big guns right away! Your promotional offers or freebies should always be above the fold on your landing page, which means on the top half of the page, prominently displayed where visitors can see them. However, you must get them to jump through a hoop or two before handing over the promotion or freebie. In other words, get something you want from them–such as signing up for your email subscription list—prior to delivering the goodies.

Explain the benefits of your products to visitors. People do not buy something because it’s a great widget, they buy based on how a widget benefits them. Remember that, and make it clear how they will benefit from what you are selling.

Lack of trust and credibility in your online business is a big reason why many visitors don’t become buyers. Remove those stumbling blocks to sales by displaying trust and security symbols on your landing pages, along with a brief, reassuring blurb about your business.

Use above guidelines and improve your landing page.

how to create a motion blur effect to text in photoshop

In this photoshop tutorial we will show, how to create a motion blur effect to text in photoshop. we given simple steps with screenshot and their detail.

how to create a motion blur effect to text in photoshop

Select a text write on workspace “motion blur”

how to create a motion blur effect to text in photoshop
how to create a motion blur effect to text in photoshop

Scale this shape by selecting edit >> transform >> scale &

Go to layer >> select type >> & select type

Now you can modify text

Now select filter >>  >> select distort

You can select any angle & distance I select this

It will look like this

I made some duplicate layer so can I design it

Now select layer >> duplicate layer

Give it name art_1

Put layer like this


You can also made like this

Some best WordPress Hacks for theme developer

there are many wordpress theme deverlopers who are looking for wordpress hacks for theme developer. we have best collection of wordpress hacks for theme developer. Some best WordPress Hacks for theme developer.

wordpress hacks for theme developer

wordpress hacks for theme developer
wordpress hacks for theme developer

WordPress themes market has grown incredibly. Due to lot of amazing new functionality an synchronization with all social sites.

1. Create TinyURLs with your wordpress site
Open your single.php file and paste the following in the loop:


<?php
echo 'Tiny Url for this post: <a href="'.bloginfo('siteurl').'?p=.'$post->ID.'">'.bloginfo('siteurl').'?p=.'$post->ID.'</a>'
?>

2. Use The Loop To Create An “Archive” Page Template

Create the php page called archive.php and create archive page through wordpress admin and select the archive page template from sidebar option.

In archive.php file you can following code:

<?php
/*
Template Name: Archives
*/
?>

<?php get_header(); ?>

<h2><?php $numposts = $wpdb->get_var("SELECT COUNT(*) FROM $wpdb->posts WHERE post_status = 'publish'");
if (0 < $numposts) $numposts = number_format($numposts); ?>
<h2><?php echo $numposts.' recipes published since October 06, 2008'; ?>
</h2>

<ul id="archive-list">
<?php
$myposts = get_posts('numberposts=-1&');
foreach($myposts as $post) : ?>
<li><?php the_time('m/d/y') ?>: <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li>
<?php endforeach; ?>
</ul>

<?php get_sidebar(); ?>
<?php get_footer(); ?>

3. Create A “Share the article with Facebook” Button
Use the following code in your loop where you want show the facebook share button.

<a href="http://www.facebook.com/sharer.php?u=<?php get_permalink();?>&t=<?php the_title(); ?>" target="blank">Share on Facebook</a>

4. Use More Than One Loop On A Page, Without Printing Duplicate Posts

If you want to use two query post in page or post. you can use following code:

<?php
query_posts('showposts=8');
$ids = array();
while (have_posts()) : the_post();
$ids[] = get_the_ID();
the_title();
the_content();
endwhile;
?>

<?php
query_posts(array('post__not_in' => $ids));
while (have_posts()) : the_post();
the_title();
the_content();
endwhile;
?>

5. Insert Ads After The First Post
If you want show the ad after first post then use the following code:

<?php if (have_posts()) : ?>
<?php $count = 0; ?>
<?php while (have_posts()) : the_post(); ?>
<?php $count++; ?>
<?php if ($count == 2) : ?>
//Paste your ad code here
<h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
<?php the_excerpt(); ?>
<?php else : ?>
<h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
<?php the_excerpt(); ?>
<?php endif; ?>
<?php endwhile; ?>
<?php endif; ?>

There are so many wordpress tricks and hack you can found in this website. Search more.