Showing posts with label Blogger Hack. Show all posts
Showing posts with label Blogger Hack. Show all posts

Monday, June 18, 2007

Disable Copy and paste

Thinking of a way to make it more difficult for people to copy the contents of your blog? Here's a neat little JavaScript that will disable Copy and Paste.

<!-- Disable Copy and Paste-->
<script language='JavaScript1.2'>
function disableselect(e){
return false
}
function reEnable(){
return true
}
document.onselectstart=new Function (&quot;return false&quot;)
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
</script>

Insert the code between the <head> and </head> tag.

However, there is no guarantee way to prevent your contents from being stolen.The JavaScript above can be easily bypassed by an experience internet user. E.g. If the browser's JavaScript is disabled, the code will not work.

An alternative way to protect your work is to use Copyscape. You can read more about it here.

Read More...

Saturday, June 2, 2007

How can I embed a slideshow into my blog or webpage?

I believe most of us have many pictures which we would like to share with others. However if we were to show each picture individually, it will take a long time for our site to load. Creating a slideshow will reduce the waiting period and you can even add in some cool features.

I have explored two imaging hosting sites - Picasa and Photobucket. One is back by Google and the other by MySpace. Photobucket offers more interesting features than Picasa but it takes a little more time to load. Click here for an example of a site using Photobucket slideshow.

I'm using Picasa to embed my slide show. You can see an example here.

Embedding Picasa slideshow into your blog or website

Using Picasa Web Albums you can create a Flash slideshow to embed in your blog or webpage. To do this, click the Embed Slideshow link on your album page. This creates a Flash slideshow from the album you've selected. When you update this album, your slideshow is automatically updated to show the latest photos.

To embed the slideshow, copy and paste the HTML code we show you into your blog or webpage. The slideshow features built-in playback controls, size options, and the ability to display captions.

Note: If you do not see the "Embed Slideshow" in the left column, goto your user settings on the top right and make sure that your Language Preference is "English (United States)". I spent quite some time figuring it out before I found the solution in a forum.

Recommended: Paid Surveys - The No.1 Survey Site

Read More...

Thursday, May 31, 2007

Adding a "Add A Page Element" Widget To The Blog Post Main Column

Sign into Dashboard, and in the relvant blog, click LAYOUT, then click EDIT HTML. In the Template Editor, look for this block of codes:

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='HTML10' locked='false' title='' type='HTML'/>
<b:widget id='Blog1' locked='false' title='Blog Posts' type='Blog'/>
</b:section>
</div>

Look particularly for showaddelement='no' and change it to showaddelement='yes', then save the template. Click "Page Elements" to get to the LAYOUT and observe that an additional "Add a Page Element" have been added to the top of "BLOG POSTS".

Source: Blogger Tips And Tricks

Read More...

Sunday, May 27, 2007

Adding AdSense Ads in your New Blogger blog post

Base on the 'heat map' in my previous post, I have added Google Ads into my first two blog post. I've added only one ad unit as I don't want my blog to appear too cluttered and untidy. Another advantage of adding Ads into individual blog post is that the Ads seems more relevant, thus increasing your chances of a CTR.

If you are worried about violating AdSense Terms Of Service (TOS). Stavanger from blogcrowd wrote to AdSense Help Center, and received some vague replies that seem to indicate that slight modification of the code for the New Blogger is OK. Here is the email he received:

"Hi,

You are permitted to make minor edits in Blogger Beta. However, please keep in mind that in general publishers are not allowed to alter the AdSense ad code for any reason. Once you've generated the ad code in your AdSense account pages, you may not alter any portion of the code or manually change the layout of the ads.

Thanks for your understanding.
Sincerely,

The Google AdSense Team"
Read more about it here.

This is how it is done. You generate the AdSense script from AdSense site, then replace HTML characters like < with &lt; etc.

Here are some tips for where in the XML Template you should paste the parsed HTML code. Blogcrowds used a barebone Minima template so it should be similar in all templates. Find the normal text and then add the bolded code are added by me:


1)Next To The Post


<div style="float:left;">

<!--parsed Adsense code-->

</div>


<div class='post-body'>

<p><data:post.body/></p>

<div style='clear: both;'/> <!-- clear for photos floats -->

</div>


2)After Post Before Credits


<div class='post-body'>

<p><data:post.body/></p>

<div style='clear: both;'/> <!-- clear for photos floats -->

</div>


<div><!--parsed Adsense code--></div>


<div class='post-footer'>

<p class='post-footer-line post-footer-line-1'>

<span class='post-author'>

<b:if cond='data:top.showAuthor'>

<data:top.authorLabel/> <data:post.author/>


3)After Credits


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


<div><!--parsed Adsense code--></div>

</div>

</div>

</b:includable>

</b:widget>

</b:section>



You can read more about it at Google AdSense In Blogger Beta XML Update.

You can actually parse the script in Notepad using Replace All or a HTML text editor like Dreamweaver. For those without any HTML editor, Stavanger has even made it convenient for you by giving a parser at Parse Google AdSense For XML Blogger.

Read More...

Friday, May 25, 2007

Expandable Post Summary for New Blogger

Expandable post summary is the term applied to blog posts where only short snatches (usually the first few paragraphs or sentences) are displayed with a link at the bottom that may say, usually, "Read More..." which if a reader is interested and when clicked, takes the reader to the full post.

Expandable post summary is useful if you have the habit of writing long posts. But the biggest advantage is that your blog looks neater and more reader friendly. For bloggers who monetize with their blog, this also mean a higher chance for a CTR.

There are two ways of doing it - one is pretty straight forward and the only a little more complex.

I would have use the straight forward method but unfortunately, the hack will place the "Read More..." even in short posts. Though some suggest putting the word END at the end of the short post, I still find it annoying. Therefore I opt for the more complex method.

Read about the two different methods here:
Expandable Post Summary for the New Blogger (formerly beta)
Blogger hack: Expandable posts with Peekaboo view

However the other method is not without its disadvantage. The hack has to be linked to a third party site. I'm worried that if the third party site is down, my expandable post hack will no longer work. Also, since the code is fix at that third party site, I wouldn't be able do certain modifications like editing the "Read More..." and "Summary Only..." or change the font color. I email to Ramani on my reservations on hosting the script on a third party site and below is his response:

On May 21, Ramani said...
Derek,

Lots of people have been using this hack for several months and they never face this problem. The domain is with yahoo and I pay for it. If you still have concerns, you can download it and move it to your server.
Having got some kind of assurance, I decided to implement the hack.

Currently, I'm still trying to figure out how to make the hack work without having to upload the script into a server and to do some modifications to the font color. I have email Ramani for help on this. If any blogger has a solution, please let me know. Thanks.

Recommended: Social Bookmarking Automation Software - Get Unlimited Supply Of High PR Backlinks Backlinks

Read More...