Insert a module type sociable in your WordPress blog without plugin

[kex]

Producing quality content is not enough to attract visitors to your site. There are a marketing party to consider, including the promotion of your articles. One way of doing this is setting up a module called sharing your posts on social networks. While the integration process in the following section.

Insert php code

First open the single.php page via the administration of WordPress. In our example, we will place our module just before the comments. Therefore your code should be inserted just before this:

<? php comments_template ('', true);?>

The result will be to insert a link to the website (s) (s) sharing of stories you want to offer your readers. To make our job easier and save time, we will not seek to entertain the exact URL of each site for submitting an article. We will use the Sociable plugin that has already chewed all the work.

Once downloaded and unzipped, open the file sociable.php using a simple text editor. Scroll down a few lines until you see the URLs of community sites, the first being currently Orkut. You notice that each site contains the correct address to submit an article. It'll just copy and paste it into single.php in framing a tag <a>.

<A href = "http://www.orkut.com/... = <? Php the_permalink ()?> T = <? Php the_title ();?>"> Post on orkut </ a>

Repeat the operation for other sites you want to offer your readers. Remember to save the file single.php once the process is complete.

[kex]

Applying a design

It remains for us to apply a design. Enclose your links simply a DIV tag we will call here sociable. Remember to close it. Then, open the CSS file, usually called styles.css, always through the WordPress administration. In our example, 5 styles will be used. I suggest you copy and paste then edit them later using the Firebug extension for Mozilla Firefox.

# (sociable 
-moz-border-radius: 5px; 
background-color: # ffffd5; 
padding: 10px; 
margin: 20px 0; 
) 
# (a sociable 
margin-left: 35px; 
) 
# outgoing a: hover ( 
opacity: 0. 8; 
) 
# sociable h4 ( 
color: # 225577; 
font-size: 18px; 
font-weight: normal; 
line-height: 2em; 
margin: 0; 
padding: 8px 12px; 
)

To attract more visitors to share your articles, prefer the use of an image. To do this, replace the text "Post Up" by:

<Img src = "/ wp-content/themes/protuts/images/orkut.png">

Not forgetting to add style to the image in the CSS file of the theme

# img (sociable
border: none;
)

[kex]

CSS code to add in styles.css:

# (sociable 
-moz-border-radius: 5px; 
background-color: # ffffd5; 
padding: 10px; 
margin: 20px 0; 
) 
# (a sociable 
margin-left: 35px; 
) 
# outgoing a: hover ( 
opacity: 0. 8; 
) 
# sociable h4 ( 
color: # 225577; 
font-size: 18px; 
font-weight: normal; 
line-height: 2em; 
margin: 0; 
padding: 8px 12px; 
) 
# img (sociable 
border: none; 
)