Xarenina Blog Templates: Blog help

Showing posts with label Blog help. Show all posts

Add Ratings To Your Blog Posts for Instant Feedback from Readers

Posted by xarenina Labels: Blog help

Blogs that are on Blogger, WordPress or TypePad can now add the wonderful outbrain star ratings widget to their blog posts.

This ratings widget has been under a closed beta for some time but they finally made a public release today.

It's light, requires no registration and very intuitive - visitors can hover the mouse over the five stars and click any of them to rate your current blog post.

Even if you have a regular website that's not a blog, this ratings widget can be installed on your site as well.

You need such a rating widget to get feedback from all those reader who are subscribed to your blog aren't contributing to the discussion because they are probably too lazy to write a comment.

Give them a system like this ratings widget that requires no effort and they'll be happy to say if enjoyed or disliked reading your blog post.

Get Ratings Widget here. Developer Blog is here. If you are using Windows Live Writer to insert ratings in your blog posts, make sure you remove the link breaks from javascript else this may not work.

0 comments »

Language Translation Flags and Script

Posted by xarenina Labels: Blog help

This tutorial explains how you can add a script to allow readers to view your English site in other foreign languages. As you can see on the right of this page, a reader needs only to click the relevant country flag to read this site contents in his preferred language.

English is not the most popular language in the world. In fact, according to many reports, the Chinese language (Mandarin) is certainly the most widely spoken language. In the internet community, the other popular language platforms are arguably Spanish, Russian, Arabic, Portuguese, Malay, Italian, French, Japanese, and Korean.

Translation from English to other languages

If you have a blog written in English, it therefore makes much sense to be able to reach out to the non-English speaking population as well. There are several online translation tools, the popular free tools being AltaVista's Babel Fish translation and Google's Language Translator. WorldLingo is no longer a recommended tool, as the website translator has a translation limit of 500 words, beyond which you have to pay a monthly fee for their service.

For this site, I have used the Google Language Translator. Google is able to translate English website contents into Arabic, Chinese, French, German, Italian, Japanese, Korean, Portuguese, Russian, and Spanish. The JavaScript used here can be applied to most of the blogging sites like Blogspot, Typepad and Wordpress. Copy the following script and paste it at the part of the template where you want your language translator to appear.

Code

<!--

document.write ("<input name=u value="+location.href+"
type=hidden>")

// -->

</script>

</form>

Points to note:-

1. For those using Blogspot, once you have logged into your Dashboard, go to Template-> Page Elements. Add a “Page Element” and select “HTML/JavaScript”.

2. Copy the above JavaScript. Under the “value” (in red), you will see the URL of this website. Please change that to the URL of your own website. Save and refresh the page.

3. If you want a slightly bigger flag, you can increase the width of the images, for example, from “30” to “36” and the height from “20” to “24”.

4. Should you come across a translation that doesn't look right, you can always suggest to Google a better translation to help them improve their translation quality.

Demo : http://cool-template.blogspot.com

0 comments »

Social networks (Social Bookmarking) in Blogger

Posted by xarenina Labels: Blog help

They ask me like putting the icon of social networks or social bookmarking in each one of ours post, so that yes some of our users uses one of them, has the Link to add it to its favorites of fast form.
There is no necessity to have subscribed blog to no of these services, rather, the connections are indeed so that the user subscribes it and has at the hand your Link yes considers it of utility.

Now we are going to see like putting them:
1.Go to Template -> Edit HTML -> Tick into Expand Widget Templates

2. We looked for the following code:

<p class='post-footer-line
post-footer-line-3'/>

3. That line with the following code replaces:


<div class='rsociales'>
Share this post with:
<ul>
<li><a expr:href='"http://www.technorati.com/faves?add=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Technorati' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi41HoofEYwPjKcaNORcbyBytrWh60HrxqQ-FMu0r6lE0Dp_Ii8XsDsg5prDfF3YLM1hjx3DxUQnKpHARy-svVgZ9MN_ZFZ38LhXkBgxQWW8KAKd0ujJWaqWCJ8fx_XempUjb8GZlO7BKE/s1600/technorati.gif'/></a></li>
<li><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Del.icio.us' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicWV0tKOJjYvmoi7MHuXvUDdihGv0_aDfwbVaRW1fmKoMhngZ9bGds4VIQCp1FcYDI4uNCTPYNAwDUshzF-hjasOIrhXnTNCnzaBa5x5nSDUWQ0X84RP92HAdnFuEGa2aLQJNK5XEcFjg/s1600/delicious.gif'/></a></li>
<li><a expr:href='"http://digg.com/submit?phase=2&amp;amp;url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a DiggIt!' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiGgVtwi1XD37o2IzdCPbZeIMlxx_axnKbZNR6xORwdODGxRgwHLetPw5YiEIArQPPw6UaD5qb7BYZyoG0mJ2kHL0v2xLgD8-51q6lf_5g6FZLPC55V8oniBCDPLTzojJvkNWSk3yGUNg/s1600/digg.png'/></a></li>
<li><a expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?u=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Yahoo!' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTn0ufUDVg7_2Rul8i15Y-JtnqMnexODNypWhXbrMINQl8K58fYXgIuVBHPA5xNLCTNFtIspQCWNPa_yuwek8k2_3J-MSFP65Pn3buTTzbBKjjaeg8qvouhVVvj9H6vFxH6eLPw_7ua9M/s1600/yahoo.png'/></a></li>
<li><a expr:href='"http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Google' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSg2KQoilK8siJffx6_aOPv00XDPrXPhYFvpp-PdzSFvTtG_iGpzcVw3El-rl6GdpVf2g0Qdm7D5_czYv3ryNqImT36gVgL2XqriJNGu0XF6Q0GgDkRTSMDeHFnEH9dSJhjrFkkwxTBtI/s1600/google.gif'/></a></li>
<li><a expr:href='"http://meneame.net/submit.php?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Meneame' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2uc3b9gViPq9sL5eIoZ3RAH3LN9x7E9VAVbxln_P98Cw2DnTa88We3xNSCHFYjEKNsDUwJMVbg3iX5YtBRGFy12GuU2ZagdOhJWvlw-gRI-_JPYv8uuKAzs8-rMOzMZR2G2UZt2WAvAQ/s1600/meneame.png'/></a></li>
<li><a expr:href='"http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Furl' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeJVjoPZ5-UQHFxQifzqwmobV-hBIflaLPfaYVlPFr8zltGDi5qhhELfmQgPPDYyfcFIqus5ozSaak9cS4m78k1IAeHRXLaaPpcSoQeyKUigH3fnUI5Y8jeyuwrRPQIm7RyiQzUFUTVt4/s1600/furl.png'/></a></li>
<li><a expr:href='"http://reddit.com/submit?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Reddit' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU7TQxZCHCWCtStk0_bn3qi9IZ7gz_mlmRcgydpflKwhuuGrGJIYz8-_e3MO8pSQySgzc1Ya8_W59guZ0Y139GHI4NAk-NlBQYlmQSnT906hC9dyTricktPQ-p1pkam1xmcmOwx-J9zTk/s1600/reddit.gif '/></a></li>
<li><a expr:href='"http://ma.gnolia.com/beta/bookmarklet/add?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Magnolia' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXx5TbrDa-Cz5ge-1n8ARzTqe1t0qhf6hW3YVMmc-LFrJ5x9ih5z6XL4vH_WMl5CZU_F2ArrMcKdO4ma3_LUKunRm-j7R6X5Wu7_aMnCTU_Fhi8OMQFnDgkOY84igTm9VoiqOIvGTyuME/s1600/magnolia.gif'/></a></li>
<li><a expr:href='"http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;Description=&amp;Url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Blinklist' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwV61UWO-JDfO8qVi_Gj0c19hnt-bhqoffxEpNxifnbFpQRIURrP6otBz7r0T8liBLEJ3pCBSWyPfMI-319lrbXv-rqCRO-85Lm_n8fQh6oyTtuJkMSNPZLOHXhVe-FcjYjoAMN_Kk8T8/s1600/blinklists.gif'/></a></li>
<li><a expr:href='"http://blogmarks.net/my/new.php?mini=1&amp;simple=1&amp;url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Blogmarks' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirvS6bVVaQ9iLVTmgl0dxziguMoXmIdezUpP9cgIYBLKZAC-y_EfcclxMuQOuLxS74JemUKbQiWOpHZKIQoBu4YUvKj9EfjGftsngiNisgUn0LlEfMQp5KVKOS-NuE88u0ybuhSfOVZ7k/s1600/blogmarks.gif'/></a></li>
</ul>
</div>

</p>

4. Now it looks for the code:

]]></b:skin>

And right above it sticks the following thing:

.rsociales ul {
display:inline;
margin:0pt !important;
padding:0pt !important;
}
.rsociales li {
background:transparent none repeat scroll 0%;
display:inline;
list-style-type:none;
margin:0pt;
padding:2px;
}
.rsociales img {
border:0pt none;
float:none;
margin:0pt;
padding:0pt;
}
.rsociales-sobre {
opacity:0.4;
}
.rsociales-sobre:hover {
opacity:1;
}

0 comments »

Xarenina Blog Templates

Add Ratings To Your Blog Posts for Instant Feedback from Readers

Language Translation Flags and Script

Social networks (Social Bookmarking) in Blogger

Now we are going to see like putting them:
1.Go to Template -> Edit HTML -> Tick into Expand Widget Templates

2. We looked for the following code:

<p class='post-footer-line
post-footer-line-3'/>

3. That line with the following code replaces:

Categories

Archives

Live Traffic Feed

Recommended Money Makers

Xarenina Blog Templates

Add Ratings To Your Blog Posts for Instant Feedback from Readers

Language Translation Flags and Script

Social networks (Social Bookmarking) in Blogger

Now we are going to see like putting them:1.Go to Template -> Edit HTML -> Tick into Expand Widget Templates

2. We looked for the following code:

<p class='post-footer-linepost-footer-line-3'/>

3. That line with the following code replaces:

Categories

Archives

Live Traffic Feed

Recommended Money Makers

Now we are going to see like putting them:
1.Go to Template -> Edit HTML -> Tick into Expand Widget Templates

<p class='post-footer-line
post-footer-line-3'/>