Adding code boxes to your blog.

Have you ever wanted to display code or script in your blog? Here's how to using PasteBin. Guests are able to download your code also which is useful if it's  script or something like that.

Go to Pastebin.com.

Select "create new paste".

Paste or type in your code.

Give it a title, make sure it's public, and choose your syntax. Optional: Set an expiration date.

Click "submit".

Click "embed".

Copy the Javascript embed code. Example:

<script src="http://pastebin.com/embed_js.php?i=kP7aCCS3"></script>

Go to your post where you want to embed the code, click HTML, and paste the embed code.

Go back to compose mode and there should be a space where the code is located. You will not be able to see the code while you are composing the post, so click preview if you would like to see how the code is displayed.

Publish your post and the code will be displayed. Here's an example:

That's it. 

Read More

Add copyright information to your blog.

As Bloggers, it's important to protect all our work. While having a copyright notice won't automatically prevent content theft, it may thwart off potential thieves and make them think twice before stealing. Here is a simple copyright code tutorial: Go to wherever you would like the copyright to display in your template (I recommend your blog footer), and insert the following code:

Read More

Removing Blogger image border/shadow

Thanks to HB for the middle image.

Have you noticed that Blogger images display a dark shadow/border around them when posted? Here's how to remove that.

In the Blogger dashboard, Go to Design>>Template Designer>>Advanced>>Add CSS and then paste in the following code:

Read More

Adding "Pin It" buttons to images + FREE Pin buttons

Have you ever hovered over an image on a website, and found that a Pintrest logo/image popped up? Well, this tutorial will show you how to implement that same thing on your blog. Pinterest is an up and coming social sharing site that is already gaining huge popularity over the web, so it's smart to start using it now to help gain new readers and views on your posts. At the end, I have included free buttons that you may use if you do not want to make or find your own.

Tutorial:
After changing the highlighted URL   to your own URL, insert the below script just above the </body> tags in your template. You do this by going to template>>edit HTML. Then save the template. You can change the position of where the button shows up by editing the "center" tag with the following positions:

• topleft
• topright
• bottomleft
• bottomright

Script-

<script>
//<![CDATA[
var custom_pinit_button = "http://i.imgur.com/e4dnY6O.png";
var pinit_button_position = "center";
var pinit_button_before = "";
var pinit_button_after = "";
//]]>
</script>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/>
<script id='pinit-img-button' src='http://helplogger.googlecode.com/svn/trunk/pinterest-button1.js' type='text/javascript'>
// Visit helplogger.blogspot.com for more widgets and tricks.
</script>

Here's what the code looks like in your template:

Thanks to http://www.helplogger.blogspot.com for coding the script.

 

 Here are some free Pin buttons you can use to get started:

To download the buttons: Right click them>> click "save as",>>save them to your computer>> and then upload them to a photo sharing service such as Imgur. Note: These are larger than they actually are for display purposes, they are a normal size when downloaded. 

Read More

Uploading a theme to Blogger.

This tutorial will show you how to upload a new theme to your Blogger blog. Uploading themes is a great way to customise your blog and get a personalised feel. It's pretty easy, but make sure you always back up your previous template in case any errors occur or the installation goes awry.

First, find and download a template that is compatible for your blog. It needs to end in either .xml or .html. Then, download a backup of your current template. Click "choose file" and find where your template is located. The template name will be displayed next to the "choose file" button. Finally, click "upload". You'll see a preview of the template on your dashboard: That's it! The template will be uploaded and you can head over to your blog to see the new theme. If it's not showing up- click ctrl+F5 a few times or clear your cache. If you have any questions, comment below. 

Read More