Showing posts with label Tips And Trick. Show all posts
Showing posts with label Tips And Trick. Show all posts

Tutotrial Make Background In Entry


Background of a post normally will follow the default settings specified in blogger. But there is one trick that can be used to make different background required for entry only.

Tutorial to make a background for the post is so easy.

Click Here to see the sample

What's the great thing is, you can select whatever image you want for background, and you can choose to be put in the post for which one for your blog.

When you login to your blog, put this code in your new post. (make sure when this code is paste, your new post in the 'edit html'
<div style="background:url(url picture/image) no-repeat;">
Your article content here</div>

That's it.
When you post you will see the effects.

p / s:
-make sure you select the suitable background that visitors are not dizzy reading your blog.

Disable Right Click for Blogspot


Why Should Disable Right Click.?
Typically, a blog owner will use this function to prevent other people take what is in their blog. Their sentences were not happy either copied or to avoid bandwidth used up. Usual reason that I always read that there are people who copy their articles


Here is a simple way to use this function.

1. Copy this code.
<script language=JavaScript>
<!--
//edit by unwanted

var message="Your Message Here";
///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}
document.oncontextmenu=new Function("alert(message);return false")
// -->
</script>

2. Paste in "HTML / javascript" in your blog.

3. Save and view its effect on your blog

Tutorial Image Magnify

Magnify image is one of the distinctive impression that use of the images posted in the entry for mencantikkan sesebuah It was more unique and make Siwak ² compared to see another picture.

Sample images are applied to magnify this image may be found below


Here is a tutorial to magnify this image.

1) Copy the code below and place it in HTML / javascript in your blog.
(The dashboard> layout> add page element> HTML / javascript)
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script><script src="http://www.yourjavascript.com/610310434009/unwanted86.blogspot.com.js" type="text/javascript">

2) Then, Save the code

Next, is the code you need to put together with the url you want to post pictures in the blog .. (just need to put the code base once. Code is required to make under the effect of the picture.)
<img src="url files here" class="magnify" data-magnifyby="2" style="width:200px; height:150px cursor: url(magnify.cur), -moz-zoom-in; " />
  • url files here: Enter the picture url.
  • 2: Scale expansion. Depending on the width and height. Values ​​greater than 1 will enlarge the picture, a value of less than one will reduce the picture examples 0.5
  • 200: Enter the width of the picture that you think is appropriate
  • 150: Add high-image that you feel appropriate

Ads Place Static on Blogspot


Do you already have an advertising account?.
If so, where do you put your ads that .. (skyscraper)?

Static advertising is placing ads on a fixed position in a blog even if posts have been di'scroll 'down
You scroll somehow they remain in that position. 

How to put a static advertisement is as follows.

1) Copy the code below and place it in HTML / javascript in your blog
(Dashboard> Layout> Page elements> Add a Gadget> HTML / javascript)

If you still do not understand refer to here.

<div style="bottom: 5px; display: scroll; position: fixed; right: 5px;">
Code Ads Here</div>


Description:
1.) 5px value can be changed. This value specifies the distance from the bottom and the distance from the right.
2.) Enter the code ads.(make sure the code is to Skyscraper)

How To Make Moving Image (Scrolling Image)

Creating a scrolling image can give differing views presented versus static images. Most of the scrolling image is applied by sesetengah blogs that have listings list in the form of images such as banners or get a tag than other bloggers.

The following example is the scrolling image.









The movement of each image can be changed samada from left to right, bottom to top and vice versa. Besides speed of movement of each image can also be guarded.


Examples of code for scrolling image is as follows.

<marquee direction="left" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" width="150" height="200">

<a href="link" target="_blank"><img src="url" /></a>
<a href="link" target="_blank"><img src="url" /></a>
</marquee>

Tips:

Direction of the image: may be exchanged for up, down and right.
Speed ​​of movement of the image: number may be exchanged for another. The higher the value of the rate.
link to be opened: link is about to be opened when the image is clicked.
url image: url image about to be exhibited.

Tips:
1. If you want to add more pictures, just copy paste the 
<a href="link" target="_blank"><img src="url" /></a>

Links In Blog Colorful (Rainbow Link)

Rainbow link is one trick that is applied to a link within a blog. as long as the mouse cursor is passed on something link, the link will turn into colorful with a specific color.

Click here to see examples of blogs that use a trick colorful this link.


Tutorial to make your blog colorful link is as follows.

1.) Copy the code below.

<script src="https://sites.google.com/site/unwanted86/javascript/rainbowlink.js" type="text/javascript">
</script>

2) Open your blog dashboard, then go to layout> page elements> add a gadget

3) Find add HTML / javascript. Then when it is open, paste the code kat situ.

4) Ready and save.

Know Comment On Entry Through Email

See who comments on an entry it is important for a blogger to know whether the response from visitors, or to provide feedback if there were things that were asked by visitors to the owner.

Thus, there is a simple way for bloggers to find out whether the entry you just commented on by someone, and you will know by email.

1) Login to your account, and from the dashboard, click on settings
2) Then click on the comments


3) When the display is open, scroll down until you meet up 'comment notification email. Enter your email address. you can enter more than one email, then save .. ready .. :)


So easy to know when and what entries have the latest comments.

New Links Open When Click On Photo

Click This Picture To See Demo
When uploading images using the same methods available by blogger.com, by default the file will be opened on the same page.

There were times when it is great when referring to the same blog, but less good when a blogger to refer to other places. because when open on the same page, visitors had to press the back button to return to the original blog.

This tutorial will explain how to make the image with a link will open in a new tab when clicked.

Do not be surprised if the tutorial is very easy. :)