Ads 468x60px

Pages

Senin, 30 September 2013

Upload images and get the URL of the image

As each day there are lots of new users joining the world of blogging, is necessary to discuss about some basic topics that bring up some recurring questions such as how we could get the URL of an image?

On the Internet there are many both free as well as paid web hosting where we can host images, but since we use Blogger then there is nothing better than using the same hosting service that Google gives us and that is Picasa.

The fastest way to upload an image is by going to the Blogger post editor. From your Blogger Dashboard, go to your blog, then click on the New post button. And preferably from the Edit HTML tab, click on the image icon.

A pop-up window will open, then click on the Choose files button, browse for your image(s), double click or click on Open and then hit Add selected.

When you have uploaded you will see that in the post editor shows the code of the image.


That code is the URL of the image. Youll see two URLs (Web addresses):
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwhPOjPHpZImwdVZp1un8IWHzEN7i6mFv_A2LjuETMWrJDbzJjLF7pC_hD8d7Np4wNc8dJF1RXzhyi5DLSFvgMwV3xtXbnDmlm_Zvh6P9DNQLB7GcAkDmWbLL4NFMBFJy5erbboLkjJSnM/s1600/Bliss-Windows-XP.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwhPOjPHpZImwdVZp1un8IWHzEN7i6mFv_A2LjuETMWrJDbzJjLF7pC_hD8d7Np4wNc8dJF1RXzhyi5DLSFvgMwV3xtXbnDmlm_Zvh6P9DNQLB7GcAkDmWbLL4NFMBFJy5erbboLkjJSnM/s320/Bliss-Windows-XP.png" /></a>

The first is the URL of the image that you need to take. It is not necessary to publish this entry where you uploaded the picture, you could as well not publish it, leave it as a draft or delete it, the image will be saved anyway on PicasaWeb (unless when you removed the draft, you have also selected the image to remove). You could also upload image directly from Picasa. Just login to PicasaWeb, select the album where you want to host the image, and click on Add photos.


Select the image from your computer and upload it.


After we have uploaded, click on OK.

There you will see the thumbnail, along with other photos, if there are more.

If you want to get the URL of the image from Picasa then click on the image to open in full size.
With the right mouse button click on the picture and select option depending on the browser you use...

If using Google Chrome, then select Copy Image URL:


If you are using Mozilla Firefox select Copy Image Location:


If you are using Opera select Copy Image URL:


If you are using Safari select Copy Image Address:


If you are using Internet Explorer (I hope not), first select Properties, a window will open, there you will find the Address section from where you can select the URL of the image and copy it:


Having selected any of these options youll have in the clipboard the URL of the image. Simple isnt it?

Remember that all images you upload on Blogger are stored in your Picasa account, so if you find an image previously uploaded to your blog, go to your Picasa account, select the album containing the name of your blog and there find the picture you need. The procedure to obtain the URL of the image is the same as explained above.
Read More..

How to Remove Showing Posts With Label in Blogger

label, blogger, remove, how to

For any default Blogger layout, the "Showing posts with label" message shows up above the posts whenever you click on a label link. As its a pretty useless and annoying message, many people like to have it removed. If that is your wish, just follow the tutorial below:

Removing "Showing post with label...show all posts"

Step 1. Go to Dashboard - Template - Edit HTML (if necessary, click on Proceed button)


Step 2. Click somewhere inside the template code, then search - using CTRL+F - this code:

<b:includable id=status-message>

After you found it, click on the sideways arrow next to it, to expand the rest of the code.

Screenshot:

Step 3. Below is this code that you need to remove - along with the first one, as well:

     <b:includable id=status-message>
      <b:if cond=data:navMessage>
      <div class=status-msg-wrap>
        <div class=status-msg-body>
          <data:navMessage/>
        </div>
        <div class=status-msg-border>
          <div class=status-msg-bg>
            <div class=status-msg-hidden><data:navMessage/></div>
          </div>
        </div>
      </div>
      <div style=clear: both;/>
      </b:if>
    </b:includable>

Screenshot 

 Step 4. Replace it with this one:

<b:includable id=status-message>
<b:if cond=data:navMessage>
<div>
</div>
<div style=clear: both;/>
</b:if>
</b:includable>

Step 5. Save the template. Now view your blog and click on some label....there should be no box anymore.

Read More..

Tutorial portable with NSIS




A little Tutorial trying to explain how to compile launchers for portable with NSIS.

Post your questions here.

Tutorial mirror




Thanks to KursadOlmez and Anthony for hosting.



Portable Total Uninstall 4.10 Multilingual 1.4 MB

Read More..

Minggu, 29 September 2013

How To Add Related Posts Widget To Blogger with Thumbnails

Now here is a wonderful hack for displaying related posts beneath each of your blog posts, along with thumbnails. The related articles are chosen from other posts in that same category/label/tag. With this hack many of your readers will remain on your site for longer periods of time when they see related posts of interest.
related post, related posts blogger, blogger widgets

Steps adding the Related Posts Widget to Blogger/Blogspot

Step 1. Go To Blogger Dashboard >> Template >>Edit HTML;

Step 2. Check the "Expand widgets template" box;

Step 3. Search (CTRL + F) for this piece of code:

</head>

Step 4. Copy and paste the below code just before/above </head>


<!--Related Posts with thumbnails Scripts and Styles Start-->
<!-- remove --><b:if cond=data:blog.pageType == &quot;item&quot;>
<style type=text/css>
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}

#related-posts h2{
font-size: 18px;
letter-spacing: 2px;
font-weight: bold;
text-transform: none;
color: #5D5D5D;
font-family: Arial Narrow;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
border-right: 1px dotted #DDDDDD;
color:#5D5D5D;
}
#related-posts a:hover{
color:black;
background-color:#EDEDEF;
}
</style>
<script type=text/javascript>
var defaultnoimage=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiG0vxfF_MHiz0EAzpTG1YQixKwB59uz7_mP_MWYoDhk20SZOa0i2aA11Gu7OjaK8Rw-j3J4VRyQCDFFgpahsQgs259cpN-pZ5cScdyYJZZYBRVYCtZOMQuLrltQMQELHd6T9kEowCBiYFb/s1600/no_image.jpg&quot;;
var maxresults=5;
var splittercolor=&quot;#DDDDDD&quot;;
var relatedpoststitle=&quot;Related Posts&quot;;
</script>
<script src=http://helplogger.googlecode.com/svn/trunk/related-posts-with-big-thumbnails.js type=text/javascript/>
<!-- remove --></b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->

Note:
- to change the default picture, replace the URL in blue with your own
- for displaying more than 5 posts, replace 5 value from "var maxresults=5;"
- remove the code in violet if you want the related posts to be displayed in homepage too

Step 5. Now find the following code:

    <div class=post-footer>

Step 6. And just above it, copy and paste the below code:

<!-- Related Posts with Thumbnails Code Start-->
<!-- remove --><b:if cond=data:blog.pageType == &quot;item&quot;>
<div id=related-posts>
<b:loop values=data:post.labels var=label>
<b:if cond=data:label.isLast != &quot;true&quot;>
</b:if>
<script expr:src=&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot; type=text/javascript/></b:loop>
<script type=text/javascript>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><div style=clear:both/>
<!-- remove --></b:if>
<b:if cond=data:blog.url == data:blog.homepageUrl><b:if cond=data:post.isFirstPost>
<a href=http://helplogger.blogspot.com><img alt=Blogger Tricks src=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHMb73o1xO9ntaU5T8CgV3v8rrA8McU_jR0N-Xy8inCvEy9LoLCuZeYeIe9XNBQuFzEDzHUwm2sQ2fwzO54CZQoBngYe9EGWG6BMOEoaaDE_2lUVgXb4fn9x6FNE9q5u06k2Mj6Kw890ai/s1600/best+blogger+tips.png/></a>
</b:if></b:if>
<!-- Related Posts with Thumbnails Code End-->

Note:
- change the 6 value from max-results=with the number of posts you want to be displayed.
- If you want the related posts to be displayed on homepage too, remove the code in violet.

Step 7. Save the Template

Enjoy :)

Credit goes to: bloggerpluggins.org . Modified by me
Read More..

FileZilla 3 7 3 Multilingual




Fast and reliable cross-platform FTP, FTPS and SFTP client without installation.

Download Portable FileZilla MultiVersion Online (0.5 MB)

In first screen enter: 3.7.3


Extract and run FileZillaPortable.

Language of installer: English, Arabic, Bulgarian, Catalan, Czech, Danish, German, Greek, Spanish, Estonian, Basque, Finnish, French, Galician, Hebrew, Hungarian, Italian, Japanese, Korean, Kurdish, Lithuanian, Macedonian, Norwegian, Dutch, NorwegianNynorsk, Polish, PortugueseBR, Portuguese, Romanian, Russian, Slovak, Slovenian, Swedish, Thai, Turkish, Ukrainian, SimpChinese, TradChinese.

Settings created in Data, drive letter of portable path updated.

Settings of installed FileZilla should be preserved.

Read More..

How to put Adsense ads on Blogger Blogspot


If you want to earn money from your site/blog, Google Adsense is the most popular service to monetize your blog or website content. When implemented, Adsense will display targeted Google ads on your blog and they can generate revenue on either a per-click or per-impression basis.
Of course, to display ads on your site, you should first Sign Up to Google Adsense program.


Before adding your ads, keep in mind that Adsense allows only up to 3 ad units, 3 link units and 2 search boxes per page.

In this tutorial i will show you the three ways you can add Adsense ads to your blog.

1. Adsense Gadget

Use this method to add ad unit as a widget, in places outside the blog post area. You can position it by simply dragging it in Page Elements, just like any other widget. To add the Adsense Gadget, go to:

1. Blogger Dashboard >> Design >> Page Elements >> click on the "Add a Gadget" link
2. From the pop-up window, select AdSense Gadget:

3. Configure ad format and colors.
4. Click Save and youre done.

2. Inline Ads

This will display an ad unit at the end of each post. To show ads between posts:

1. Go to Design > Page Elements and click the Edit link in Blog Posts gadget box.


2. Check the "Show Ads Between Posts" box.


3. Configure ad frequency, ad format, and colors. Live preview is provided beneath the settings.
4. Click Save.

3. Adsense code

The most notable benefits of using this method are:
  • You can place ad anywhere in your blog
  • You can add the code anywhere in your blog template - in your post content or page.
  • To find out which format perform the best, custom channels will help you to track the performance of specific groups of ad units.
  • You can choose types other than ad unit i.e. link unit, search box.
To create an ad unit:
1. Go to Google Adsense website.
2. Click on My ads tab, go to Ad units and then press on the "New ad unit" button.


3. Choose your ad type, choose format and colors and assign channels.
4. When you have finished editing, click on the Save and get code >> button and copy the code provided.

To add an ad unit to your blog, you have the following options:

  • Paste the code in a HTML/Javascript gadget
  • Paste the code in a blog post or page, or
  • Paste the code direct in your template. (if you choose this option, first you should convert adsense ad code)

If you have any more questions, leave a comment below.
Read More..

How to Add Different Background Color or Image in Each Blogger Post

When you have multiple authors on a blog and want to make a specific post stand-out, then you can change your posts background color or place a background image behind them, each time is needed. Therefore, this tutorial will show you how to style each post differently by adding some codes in your Blogger posts. (this wont take effect if you have the read more function enabled on your blog)



How to Change the Color of the Post Background

When you create a post, switch to HTML, near the Compose tab and add the following code just at the beginning and at the end of your post content.

<div style="background-color: #DCC368; padding: 5px 8px 5px 8px;">
Your text goes here...
</div>

  • add the red line at the BEGINNING of your post.
  • add the div tag in blue at the END of your post.
  • replace the part in green with your own color (search for colors hex value)
  • "Your text here...." is where the Post content goes

Its done by wrapping your Post content into a "div" element. You can apply this setting anytime to your already published posts as well or you can change/remove it later.

Heres the example of the placed code in the Post Edit box:
blogger posts color, backgrounds, blogger tricks

How to Add a Background Image in a Blogger Post

Add the following code just at the beginning and end of your post content.

<div style="background-image: url(IMAGE-URL-HERE); background-repeat: no-repeat; ">
Your text goes here...
</div>

  • in green, you need to paste the URL address of your hosted picture (use Photobucket, Tinypic etc.)
  • the red line has to be added at the beginning of your post.
  • the blue part has to be added where your post ends.
  • "Your text here...." is where your Post content should be

Now click Publish and you are done.

Read More..

Sabtu, 28 September 2013

How to add Facebook Like Fan Box to Blogger

A Facebook Fan Box or Like Box is a great plugin that allows blog visitors to subscribe to your blog updates via their Facebook accounts, without leaving your blog. After subscribing (by pressing like button), visitors will receive your most recent blog updates on their Facebook page. This box also displays faces of the "likers" on your blog. Before creating a fan box you should already have a facebook fan page. If you havent yet created, click here to learn How to Create a Facebook Fan Page.


Add Facebook Like Box to Blogger

1. Find out your Facebook fan page URL by visiting your Facebook fan page and copy the url in the address bar, you can see how your url should look like in my screenshot:


2. Then visit this page: http://developers.facebook.com/docs/reference/plugins/like-box

3. Paste your url into the Facebook Page URL field as it is shown below:


4. Once you are satisfied with the looks of the Like Box, click on the "Get Code" button

5. Youll be given two codes, titled HTML 5, XFBML and IFRAME. You only need the iframe code.
Select it and copy the code generated for your box as it is shown in the example below:


6. Then go to your Blogger Dashboard > Layout > click on the Add a Gadget link


 7. From the pop-up window, scroll down and select HTML/JavaScript



8. Paste the code in the empty HTML box.


9. Click Save and youre done.
Read More..

A Simple Related Posts Widget For Blogger

In the last tutorial, ive been talking about the Related Posts widget that shows related posts along with thumbnails just at the end of your blog articles. Some of the users, however, would prefer a simpler and cleaner displaying of their related posts so that it would show just the posts titles. So lets begin adding it!

related post, related post blogger, blogger tricks

How to add Related Posts Widget to Blogger

Step 1. Go to Template >> Edit HTML and tick the "Expand Widget Templates" checkbox

Step 2. Find the below tag

</head>

Step 3. And just above it, paste the following code:


<!--Related Posts Scripts and Styles Start-->
<!--Remove--><b:if cond=data:blog.pageType == &quot;item&quot;>
<style type=text/css>
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
margin-top: 20px;
}
#related-posts .widget{
padding-left:6px;
margin-bottom:10px;
}
#related-posts .widget h2, #related-posts h2{
font-size: 17px;
font-weight: normal;
color: black;
font-family: Arial Narrow;
margin-bottom: 0.75em;
padding-top: 0em;
}
#related-posts a{
font-size:16px;
color: #555555;
font-variant:small-caps;
}
#related-posts a:hover{
text-decoration: none;
color: #ffffff;
font-weight: bold;
}
#related-posts ul{
list-style-type:none;
margin:0 0 0px 0;
padding:0px;
text-decoration:none;
text-color:#000000
}
#related-posts ul li{
list-style-type: none;
border-left: 2px solid #1399CF;
border-bottom: 1px dotted #1399CF;
margin-bottom: 3px;
padding-left: 30px;
padding-top:0px;
}

#related-posts ul li:hover{
background-color: #1399CF;
border-left: 2px solid #B3CA3D;
border-bottom: 1px dotted #B3CA3D;
}
</style>
<script type=text/javascript>
var relatedpoststitle=&quot;Related Posts&quot;;
</script>
<script src=http://helplogger.googlecode.com/svn/trunk/related_posts.js type=text/javascript/>
<!--Remove--></b:if>
<!--Related Posts Scripts and Styles End-->

Note:
- if you want to change the size and color of Related Posts title, change the bolded values (17 for the font size and black for the color)
-to change the related post title color, replace the value in red;
-to change the background color on mouseover, replace the color value in blue;

Step 4. Now find (CTRL + F) the below line:

    <div class=post-footer>

Step 5. Just above it, paste the code below:

<!-- Related Posts Code Start-->
<!--Remove-->
<b:if cond=data:blog.pageType == &quot;item&quot;>
<div id=related-posts> <b:loop values=data:post.labels var=label> <b:if cond=data:label.isLast != &quot;true&quot;> </b:if> <b:if cond=data:blog.pageType == &quot;item&quot;> <script expr:src=&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=6&quot; type=text/javascript/></b:if></b:loop>
<script type=text/javascript> var maxresults=5; removeRelatedDuplicates(); printRelatedLabels(&quot;<data:post.url/>&quot;); </script> </div> <!--Remove--></b:if> <!-- Related Posts Code End-->

Note: In order to change the number of maximum related posts being displayed for each label, search for the code max-results=5 and change the number "5" to any desired number.

Step 6. Save Template

Enjoy!!!
Read More..

Registry Workshop 4 6 2 32 64 bit Multilingual




Advanced registry editor without installation.

Download Portable RegWorkshop Online (0.6 MB)


Extract and run RegWorkshopPortable.

32 or 64 bit selected by launcher.

English, Bulgarian, Dutch, French, German, Hungarian, Italian, Korean, Polish, Spanish, Russian, SimpChinese, TradChinese.

Settings of installed RegWorkshop should be preserved.

Read More..

ImageShack Uploader 2 2 0 Multilingual




Upload one or more image and video files to Imageshack without installation.

Download Portable ImageShackUploader (7.8 MB)

(md5: 02ab165bf87c0345bdb54917a2d60b4a)


Extract and run ImageShackUploaderPortable.

Language set by launcher according UserDefaultLang (if you dont want: write UserDefaultLang=false in ImageShackUploaderPortable.ini): Arabic, Greek, English, Spanish, French, Hungarian, Italian, Latvian, Dutch, Polish, Portuguese, Russian, Thai, Turkish, SimpChinese.

Letter of portable drive updated in paths.

Settings of installed ImageShackUploader should be preserved.

Read More..

CloneDVD mobile 1 9 0 1 Multilingual




Convert your DVD movies into a format that your portable device can play without installation.

Download Portable CloneDVDmobile (4.8 MB)


Extract and run CloneDVDmobilePortable.

Settings of installed CloneDVDmobile should be preserved.


Read More..

Jumat, 27 September 2013

Making a gadget visible only to the blog administrator

And the post title says it all. There are gadgets that sometimes we want to be visible only to us and not to our blog readers, perhaps a Survey already ended that we want to keep, a counter, or any gadget that while we customize, we dont want anyone else to see until the final result is ready.
blogger widgets, blogger tutorials
 The procedure is simple, we just have to add two lines to our gadget that we want to hide.

First thing to do is to go to Template > Edit HTML and then search for the gadgets code we want to hide. It will be easier using the CTRL + F keys and locating the name of the gadget/widget.

For example, in a HTML/Javascript gadget, we will see a code like this:
<b:widget id=HTML1 locked=false title= type=HTML>
<b:includable id=main>
<span class=item-control blog-admin>
<!-- only display title if its non-empty -->
<b:if cond=data:title != &quot;&quot;>
<h2 class=title><data:title/></h2>
</b:if>
<div class=widget-content>
<data:content/>
</div>

<b:include name=quickedit/>
</span>
</b:includable>
</b:widget>
All you have to do is add the parts in red and ready. If you close the session go to your blog youll not be able to view the gadget that you have hidden, but as soon as you sign in you will see that it is visible to you.

Not all gadgets have the same structure like in my example, but it will be easier to guide you, just place the first code in red just after <b:includable id=main>

And the second red code just before </b:includable>
Note: to look inside the widgets code, click on the sideways arrow next to the widgets id.

And with that the gadget will be hidden for readers except you.
Read More..

RapidShare Manager 2 1943 En De




Download and Upload Manager for RapidShare without installation.

Download Portable RapidShareManager (7.0 MB)



Needs Java Runtime Environment Portable or Installed.



Extract and run RapidShareManagerPortable.

Settings of installed RapidShareManager should be preserved.


Read More..

TuneUp Utilities 13 0 3020 Multilingual




Optimize the performance of your computer without installation.

Portable TuneUp Utilities 13.0.3020 Multilingual Online (0.6 MB)

English, German, Spanish, SpanishInternational, French, Italian, Dutch, Polish, Portuguese, PortugueseBR, Russian, Czech, SimpChinese, Korean, Japanese.

Portable TuneUp Utilities 13.0.2020 Multilingual (40 MB)

English, German, Spanish, French, Italian, Korean, Dutch, Polish, PortugueseBR, Russian, SimpChinese.


Extract and run TuneUpPortable or OneClickPortable.

Settings of installed TuneUp should be preserved.

Read More..

Glary Utilities PRO 3 9 1 138 2 56 0 1822 Multilingual




Utility to fix, speed up, maintain and protect your PC without installation.

Download Portable GlaryUtilities 3 Online (0.6 MB)

Download Portable GlaryUtilities 2 Online (0.3 MB)


Extract and run GlaryUtilities*Portable.

Settings of installed GlaryUtilities should be preserved.

Read More..

Kamis, 26 September 2013

Add Floating Social Media Sharing Buttons To Blogger

The Floating Social Media Sharing is a very popular widget on all the top blogs, being a very good way to increase the number of times your posts get shared on Twitter, Facebook and other social networks. It has some of the following functions: Facebook Like, StumbleUpon, Twitter Share, Digg This, Google+ and RSS Feed Icon and each of them comes with a live counter. You can add more sharing buttons or social bookmarking icons later if you wish.

Blogger, WordPress, Facebook, Share

How to add the scrolling social bookmarking bar


The code to copy-paste (updated!):

<!-- floating share bar Start helplogger.blogspot.com--> <style type="text/css"> #pageshare {position:fixed; bottom:5%; margin-left:-721px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;padding:0 0 2px 0;z-index:10;} #pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;} .fb_share_count_top {width:48px !important;} .fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;} .FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;/*bs-fsmsb*/-webkit-border-radius:3px;} .FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;} </style> <div id=pageshare title="Get this from Helpblogger.com">
<div style="margin-left:8px;"><div class=sbutton id=like style=margin: 5px 0 0 5px;><script src=http://connect.facebook.net/en_US/all.js#xfbml=1></script><fb:like layout=box_count show_faces=false></fb:like> </div></div>
<br /><div class=sbutton><a class=twitter-share-button data-count=vertical data-via=Helplogger expr:data-counturl=data:blog.url href=http://twitter.com/share rel=nofollow>Tweet</a><script src=http://platform.twitter.com/widgets.js; type=text/javascript></script>
<br /><div class=sbutton id=su> <script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script> </div> <div class=sbutton id=digg style=margin-left:3px;width:48px> <script src=http://widgets.digg.com/buttons.js type=text/javascript></script> <a class="DiggThisButton DiggMedium"></a> </div> <div class=sbutton id=gplusone> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> <g:plusone size="tall"></g:plusone></div><br/><a href=http://feeds.feedburner.com/helplogger rel=nofollow target=_blank title=Subscribe To Our Rss Feed><img src=http://2.bp.blogspot.com/-MoGJ9Y3EdzQ/T8f4cj6LHMI/AAAAAAAACP4/VsM0eaG2EM4/s1600/icon_rss_reader.png/></a><div style="clear: both;font-size: 9px;text-align:center;">Get <a style="color: #3399BB;" href="http://helplogger.blogspot.com/">widget</a></div><!-- Do not remove this link --> </div> <!-- floating share bar End --></div>


Customization:
  • Vertical alignment - Change the value of bottom in code line 3. The code positions the button relative to the bottom of your browser window. To fix the distance even when window is resized, specify the value in px (pixels) instead of %.
  • Horizontal alignment - Change the value in red of margin-left. Negative value pushes the button to the left of the main blog column, positive value pushes it to the right. Increase or decrease the value based on your needs.
  • Twitter setting - Replace Helplogger with your Twitter username
  • Replacing and removing buttons - You can replace existing buttons with your own. Each button is represented by this code: <div class=sbutton> BUTTON CODE HERE </div>
  • RSS Feed - Change the text in blue with the url address of your RSS feed.
Enjoy :)


Read More..

Pidgin 2 10 7 Multilingual




Free chat client without installation.

Download Portable Pidgin (12.7 MB)

Included GTK 2.16.6.1


Extract and run PidginPortable.

Can be anonymized by Tor Portable.

Settings of installed Pidgin should be preserved.

Read More..

Rabu, 25 September 2013

FastStone Image Viewer 4 8 Multilingual




Powerful and Intuitive Photo Viewer, Editor and Batch Converter without installation.

Download Portable FSViewer Online (0.4 MB)


Extract and run FSViewerPortable.

Settings kept in Data.

Settings of installed FSViewer should be preserved.

Read More..

Nero Burning ROM 12 5 5001 MultiLingual




Burn CD and DVD without installation.

Download Portable Nero (26.6 MB)

(md5: 964a685b816b1cd4d19a30aec1249ec8)

Download Portable Nero 11.2.4.100 Multilingual (26.5 MB)

(md5: 3eabcdbe23e3bbea35eddb829311e6e0)


Extract and run NeroPortable or NeroExpressPortable.

Language set by launcher according UserDefaultLang (if you dont want: write UserDefaultLang=false in NeroPortable.ini): Czech, Danish, German, Greek, English, SpanishInternational, Finnish, French, Hungarian, Italian, Japanese, Korean, Norwegian, Dutch, Polish, PortugueseBR, Portuguese, Russian, Swedish, Thai, Turkish, SimpChinese, TradChinese.

Settings of installed Nero should be preserved.


Read More..

Recent Comments Widget For Blogger


The Recent Comments Widget for Blogger displays the recent blog comments on your blogs sidebar, showing a snippet of the last comments along with the title of the post to which the comment was made. If you want to encourage your readers in leaving comments on your blog, this is a widget I would recommend.

How To Install The Recent Comments Widget For Blogger

Step 1. Go to your Blogger Dashboard >> Layout >> Add a Gadget




Step 2. From the pop-up window, scroll down and choose the HTML/JavaScript option:



Step 3. Now copy and paste the below code in the HTML/JavaScript box:

<script style=text/javascript src="http://helplogger.googlecode.com/svn/trunk/recent comments widget.js"></script><script style=text/javascript >var a_rc=5;var m_rc=false;var n_rc=true;var o_rc=100;</script><script src=http://your-blog-name.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments ></script><span id=rcw-cr><a href=http://helplogger.blogspot.com/2012/03/recent-comments-widget-for-blogger.html>Recent Comments Widget</a></span><style type=text/css> .rcw-comments a {text-transform: capitalize;} .rcw-comments {border-bottom: 1px dotted; padding-top: 7px!important; padding-bottom: 7px!important;} #rcw-cr {font-family: Arial,Tahoma;font-size:9px;padding-top:7px;display:block;} </style>

Step 4. Replace your-blog-name with your blog url.

Step 5. Click Save and youre done.

Hope youll enjoy it!
Read More..

Selasa, 24 September 2013

Style blogspot blogger date header

To change your blogs date header color and font style, you can do it with a very simple CSS adjustment that will make the date header to float on the left side of your post and to be partially out of the structure like a banner with a colorful appearance.
See the result in the image below:


How to do it

Step 1. Login into your Blogger Dashboard, select Template option > click on Edit HTML 


Step 2. Select Expand Blogger Template and search (CTRL + F) for the following code:

date.header

Or...

.date-header

Step 3. Add the following code snippet just below of it
background:white;
border-bottom: 1px solid #000000;
font-size:12px;
margin-left:-105px;
padding:3px 3px 3px 3px;
width:90px;
word-wrap:break-word;
float:left;
}

Putting it all together, it should look something like this:

.date-header span {
background:#FFD465;
border-bottom: 2px solid #cc0000;
color:#000000;
font-size:12px;
margin-left:-105px;
padding:3px 3px 3px 3px;
width:90px;
word-wrap:break-word;
float:left;}

To modify the style, replace the above bold/colored codes...

to change the background color:
to change the border style:
  • delete -bottom if you want border all around
  • change: 2px to a higher or lower value
  • change: solid with dotted if you want a dotted line
  • change:  #cc0000 with the hex code of border color

to change the font size and date color:
  • for a bigger text, change: 12px to a higher value
  • color: replace the hex code (#000000) with the hex of date color

Example:

color: #0000cc;

to change margin-left:
(represents the distance between date and blogger post)
  • replace -105px with a bigger/smaller value
float:

  • change left to right
Read More..

Simple Recent Posts Widget for Blogger Blogspot

The main advantage on this Recent Posts widget is that it will show not only post titles but also post excerpts or snippets and its easy to customize/ apply different style on it. To style it into your own design, you just have to modify the CSS style - you can change the link or background color, the size and color of text/links.

What you can do with this widget:
  • display post titles only
  • change the number of posts
  • change the number of characters of the post snippet/excerpt
  • show the post dates

See the screenshot below:

How to add Recent Posts Widget to Blogger

Step 1. Log in to your Blogger Dashboard, then go to Layout and click on Add a Gadget link


Step 2. From the pop-up window, scroll down and choose HTML/JavaScript


Step 3. Select & Copy the code from one of the options below and paste it into the new HTML/JavaScript:

Option 1: Recent posts widget with snippets

<div id="hlrpsa">
<script src="http://helplogger.googlecode.com/svn/trunk/recent-posts-with-snippets.js">
</script>
<script>
var numposts = 5;var showpostdate = false;var showpostsummary = true;var numchars = 100;var standardstyling = true;
</script>
<script src="http://your-blog.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts">
</script></div>
<div id="rpdr" style="font-family: arial, sans-serif; font-size: 9px;">
<a href="http://helplogger.blogspot.com/2012/04/recent-posts-widget-for-bloggerblogspot.html" target="_blank" title="Grab this Recent Posts Widget">Recent Posts Widget</a> by <a href="http://helplogger.blogspot.com" title="Recent Posts Widget">Helplogger</a></div>
<noscript>Your browser does not support JavaScript!</noscript>
<style type="text/css">
#hlrpsa a {color: #0B3861; font-size: 13px;} #rpdr {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjckPo4VGPg5ZPkuQZ-wDDei1-XInSfB6f92c2UkP9xtDT1BqLmOILDjlotR3zBg0doc6qK6hC2gTOWBCzDLXC8HkmJtcR0vmMxBpZhJiOPqHc_ZwzBG1SZ-V61et-gy46OHNSRLsOi_1pT/s1600/blogger.png) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;}
#rpdr, #rpdr a {color:#808080;}
#hlrpsa { color: #999999; font-size: 11px; border-bottom:1px #cccccc dotted; margin-top:-10px; padding-bottom:10px;}
.hlrps a {font-weight:bold; }
.hlrpssumm {}
</style>

Option 2: Recent Posts Widget Showing Post Titles Only

<div id="hlrpsb">
<script style="text/javascript" src="http://helplogger.googlecode.com/svn/trunk/recent-posts-with-titles-only.js"></script>
<script style="text/javascript">var numposts = 10;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script>
<script src="http://your-blog.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div>
<div style="font-family: arial, sans-serif; font-size: 9px;" id="rpdr"><a href="http://helplogger.blogspot.com/2012/04/recent-posts-widget-for-bloggerblogspot.html" title="Grab this Recent Posts Widget" target="_blank">Recent Posts Widget</a> by <a href="http://helplogger.blogspot.com" title="Recent Posts Widget">Helplogger</a></div><noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript>
<style type=text/css>
#hlrpsb a {color: #0B3861; font-size: 13px;} #rpdr {background: url( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjckPo4VGPg5ZPkuQZ-wDDei1-XInSfB6f92c2UkP9xtDT1BqLmOILDjlotR3zBg0doc6qK6hC2gTOWBCzDLXC8HkmJtcR0vmMxBpZhJiOPqHc_ZwzBG1SZ-V61et-gy46OHNSRLsOi_1pT/s1600/blogger.png ) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;}
#rpdr, #rpdr a {color:#808080;}
.bbrecpost2 {
padding-top:6px;
padding-bottom:6px;
border-bottom: 1px #cccccc dotted; }
</style>

Step 4.
  • Change 5 (option 1) and 10 (option 2) with the number of posts you want to display. 
  • Change false to true if you want the posts dates to appear 
  • Change 100 (option 1) if you want more characters to be displayed.
  • To change the color and font size of the links, modify the values in blue (links) and violet (font-size)
  • To change the style of posts summary, modify the values in green (color) and orange (font size)
  • Replace the your-blog text with the name of your blog or if you have a custom domain change all the bolded line with your address like in this example:
http://www.your-site.com/feeds/posts/default....

Step 5. Save your widget. And thats it! Enjoy!

If you need any help, leave a comment below.
And if you liked this post, please consider sharing it. Thanks.

Read More..