Imotiv

Wednesday, February 23, 2011

Tutorial: How to put Churp² ads in your blog...

Hello everyone, here I wan to share with you, how we can put the churpchurp ads in our blog...Some new blogger like me maybe no yet know how to put...
Example churp2 ads in my blog:


Step 1: Go to "Design" → "Page element" → "add a Gadget"

Step 2: After click add gadget, u need to select "HTML/JavaScript"  

 ◎After click HTML, you can start to insert the code as below
  • <a href="LINK CHURPCHURP" target="_blank"><img src="LINK PICTURE" width="120" height="120" /></a>
For red color LINK CHURPCHURP, you can take your churpchurp link as my example:

For red color LINK PICTURE, you can follow my example as well:
- right click the picture you want and click copy image location.

One more important step: if you wan you banner can move as my blog ads...you must add one more code:
  • <marquee onmouseover="this.stop();" onmouseout="this.start();" scrolldelay="0" behavior="scroll" direction="left" >


    The code just now i teach

    </marquee>
    As the example below:


    I hope who are interest with this can understand wan i share...but, if any question wanna to ask me, you may give me comment ya...

Tuesday, February 22, 2011

Tutorial: How to put facebook share button in post


I want to share how we can put the faceboook share button in our post... By click the Facebook share button, it will show a neat count of how many times your blog post has been shared on Facebook...

For example: My blog post....
 
 
Actually, they have 2 type of facebook button, you may choose you prefer one:
  
Now i will give you the facebook share code for different type and different side, you can choose whether you want put in left or right hand side:
Type 1

Code to put in left hand side:
<div style="float:left;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/> 
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>

Code to put in right hand side:

<div style="float:right;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/> 
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>

Type 2
Code to put in left hand side:
<div style="float:left;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/> 
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>
 
Code to put in right hand side:
<div style="float:right;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/> 
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>



Before put the facebook share code, go design and edit HTML
 → tick the Expand Widget Templates and press ctrl+F to find
<div class='post-header-line-1'/>

After that, put the above facebook share code in below "post-header-line-1"
As show in my picture...

** you may click the preview to see whether is you prefer type...if you like it just share it o...Hope you all understand what i try to share....Any question may give me comment...

Related Posts Plugin for WordPress, Blogger...

Extra blog money with “HEARTBEAT”