Add Digg vote on your posts

Add Digg vote on your posts

step #1
First, go to 'Layout' tab and choose the Edit HTML section ( Layout>Edit HTML )


Step #2.
For this step you need to backup your template (click the 'Download Full Template' to backup your template)



Step #3.
To start editing your template, please click the 'Expand Widget Templates'



Step #4.
Use Ctrl+F to find this code line:

<div class='post hentry'>
<a expr:name='data:post.id'/>


Step #5.
Paste the below code above that line:

Code: Select all

<!-- syafzpic DIGG -->
<div style='float:right; margin-top:4px;'>
<script type='text/javascript'>
digg_url = "<data:post.url/>";
digg_skin = "compact";
digg_window = "new";
</script>
<script src='http://digg.com/tools/diggthis.js' type='text/javascript'></script>
</div>

Step #6.
Save.

Add DZone button on your posts

Add DZone button on your posts

step #1
First, go to 'Layout' tab and choose the Edit HTML section ( Layout>Edit HTML )


Step #2.
For this step you need to backup your template (click the 'Download Full Template' to backup your template)



Step #3.
To start editing your template, please click the 'Expand Widget Templates'



Step #4.
Use Ctrl+F to find this <data:post.body/> code line.

Step #5.
Copy and paste the following code below the <data:post.body/> code line:

Code: Select all

<script type="text/javascript">
var dzone_url = '<data:post.url/>';
</script>
<script type="text/javascript">
var dzone_title = '<data:post.title/>';
</script>
<script type="text/javascript">
var dzone_style = '1';
</script>
<script language="javascript" src="http://widgets.dzone.com/widgets/zoneit.js"> </script>

Step #6.
Save.

Add ReTweet on every post

Add ReTweet on every post

step #1
First, go to 'Layout' tab and choose the Edit HTML section ( Layout>Edit HTML )


Step #2.
For this step you need to backup your template (click the 'Download Full Template' to backup your template)



Step #3.
To start editing your template, please click the 'Expand Widget Templates'



Step #4.
Use Ctrl+F to find this <a expr:href='data:post.url'><data:post.title/></a>
Copy and paste the following code below the code line:

Code:

<script type='text/javascript'>
size = &#39;small&#39;;
</script>
<script src='http://www.retweet.com/static/retweets.js' type='text/javascript'/>

Step #6.
Save.

View full size in Blogger

View full size in Blogger

Small


Large


My friend ask me a favor..."Syarhanz, can you help me to view my thumbnail picture to it full size" he said.
After a week, I found the solution...
Here is the solution!


Step #1:
- Go to Layout > Edit HTML. Tick on the Expand Widget Templates

Step #2:
- Copy and paste this code before the </head> tag...

Code: Select all

<script src='http://jqueryjs.googlecode.com/files/jquery-1.3.js' type='text/javascript'/><link href='http://www.wallheaven.com/fullsize/fullsize.css' media='screen' rel='stylesheet' type='text/css'/> <script src='http://www.wallheaven.com/fullsize/jquery.fullsize.js' type='text/javascript'/><script type='text/javascript'>jQuery(document).ready(function(){jQuery("img").fullsize([]);});
</script>

Step #3:
- To view your thumbnail picture in a large/full size, please add this code in your post:

Code:

 

<img src="[color=#0000FF]URL SHORT IMAGE.jpg[/color]" alt="Me" longdesc="[color=#0000FF]URL FULLSIZE IMAGE.jpg[/color]" />

Step #4:
- Done!