Tampilkan postingan dengan label tutorial blog. Tampilkan semua postingan
Tampilkan postingan dengan label tutorial blog. Tampilkan semua postingan

Jumat, 05 April 2013

How To Prevent Copy Paste In Blog


English


This time I just share a little of your blog post is about how to prevent copy and paste in the blog, if my opinion does not really matter this is, is a distinct advantage when our article in Copas (copy and paste), what if my friend is willing Copas include the source of the article, it could add a back link, an advantage


But for my friend who felt that the article my friend is very important and is not willing to copy and paste, this might be quite useful to do. but how is not fully protect your blog content, stidaknya enough to make people who intend to copy and paste a little confused when she was a newbie, because there's actually another way to be able to copy and paste blog article is protected even if the script anti Copas.

Without length, this time to protect blog on blogger (blogspot) away from the copy paste is disable right click, or better known as the deadly right-click. Here's a tutorial how to turn off right click on blogspot.

     Login to Blogger.com
     From the Dashboard page, please buddy go to Layout> Edit HTML
     Then look for the code <body> or <body (with aid press Ctrl + F or F3)
     Add the following code into the code <body> or <body before, or could also replace all


<body oncontextmenu='return false' onmousedown='return false' onselectstart='return false' onkeypress='return false'>

Buddy also could use some extra code only, or all of them may well, it's up to your needs.

Here's an explanation of the above code:

oncontextmenu = 'return false' (to turn off the right click mouse)
onmousedown = "return false '(click on a block to turn it down)
onselectstart = 'return false' (to turn off the block selection)
onkeypress = 'return false' (to turn off the keyboard)

If so, the Save Template blog

Kamis, 21 Maret 2013

Effect falling of leaves in Blog


Effect falling of leaves in Blog | New

  There's always a wide range of interesting effects that we can show on the blog, one of which is to make the effects of falling leaves.

This effect is certainly different from the effects due to the pattern of leaf fall before swinging. How to create this effect is very easy, just follow the steps below:

1. Login to blogger
2. Sign in to Design - Page Elements
3. Add gadjet and select HTML Javascript
4. Enter the code below:

     <script src='http://blogtrikdantips-blogspot.googlecode.com/files/daun.js'/> </ script>

5. Save gadjet and see the results

Welcome to try! Good Luck!

How To Change Date Posted dg Calender Icon

How To Change Date Posted dg Icon Calender | New


The first we have to do is change the setting of the date first, do as usual blogger login first to continue to select Settings -> Formatting, change "date header format" or "format to date (mm.dd.yyyy)

who are beginners must have confused the point right? that you know next to the words "date header format" right there is a box that shows the date, then you click and choose which format eg 13.01.2008 bulan.tangal.tahun continue to save

The second step select menu Layout -> Edit HTML. Then tick the box Expand Widget Templates,

1. Find this code <TITLE> <data:blog.pageTitle/> </ TITLE> (place at the top) if dah met underneath put the following script exactly

<SCRIPT type='text/javascript'>
//<![CDATA[
function date_replace(date) {
var da = date.split('.');
var day = da[1], mon = da[0], year = da[2];
var month =
['0','Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
document.write("<div class='month'>"+month[mon]+"</div> <div class='day'>"+day+"</div>");
}
//]]>
</SCRIPT>



2. if already find this code:
.date-header {
margin: 1.5em 0 0;
font-weight: normal;
color: $dateHeaderColor;
font-size: 100%;
}

if not there try looking for this one
h2.date-header {
margin:1.5em 0 .5em;
}


3. If you found underneath put the following script
.dateblock {
background: url("http://img600.imageshack.us/img600/3576/bluecalend.gif")
no-repeat;
width: 55px;
margin: 0;
font-weight: bold;
height: 50px;
/*position: absolute;
top: 0;
left: 0;*/
float: left;
text-align: center;
}

.month {
font-size: 11px;
width: 37px;
margin: 0 5px;
text-transform: uppercase;
color: #fff;
}

.day {
color:#3366CC;
font-size: 19px;
width: 37px;
margin: 0 5px;

}


Http://img600.imageshack.us/img600/3576/bluecalend.gifadalah code image icon calendar. You can replace them with pictures of how to replace the code below the image with the following image code, for example, you pingin calendar is red, then change the code so http://img837.imageshack.us/img837/9199/redcalend.gif

http://i246.photobucket.com/albums/gg91/elu_isme/blackcalend.gifhttp://img805.imageshack.us/img805/9918/blue2calend.gifhttp://img600.imageshack.us/img600/3576/bluecalend.gif
http://img837.imageshack.us/img837/4311/greencalend.gifhttp://img137.imageshack.us/img137/3329/orangecalend.gifhttp://img196.imageshack.us/img196/8339/pinkcalend.gif
http://img837.imageshack.us/img837/9199/redcalend.gifhttp://img220.imageshack.us/img220/3262/ungucalend.gifhttp://img818.imageshack.us/img818/1760/yellowcalend.gif


Then code color: # 3366CC; was color coded
date, you can replace it with another color. You can see the code - the color code

INHERE.

4.The next step is you find this code
<data:post.dateHeader/>, let's easy way nyarinya copy the code,

continue to press Ctrl-F and paste in the box provided, directly nha

see it. if you found replace the code with this script.



<DIV class='dateblock'>
<SCRIPT>date_replace('<data:post.dateHeader/>');</SCRIPT></DIV>


5. Save your template and see the result. Yes do not succeed?

If such writings month and date are up try adding this code padding: 4px 0px 0px 0px;under the code.month { and also under the code .day {

NB: If date is changed to the words "undefine" it certainly does not pay attention to you from the beginning of this tutorial. Take a look at this tutorial from the beginning and read the fine print command. : D

Good Luck..!!

Sabtu, 16 Maret 2013

Blog Tutorial Making Back To Top with Smooth Scroll Effect


"Back to Top" is one of the facilities that can be used on the blog to allow visitors to navigate pages on your blog.
Back To Top of functions that deliver you to the back end of the page. Use JQuery with this function can give better results scroll, in this case a more smooth scrolling or smooth. If you've not impatient want to make it immediately wrote dipraktekin ...

1. Log in to blogger.

2. Choose Design - Edit HTML

3. Put the following jquery script above the </ head>

     <script src='http://code.jquery.com/jquery-1.6.1.min.js' type='text/javascript'/>

     <script src='http://blogtrikdantips-blogspot.googlecode.com/files/sed_back_to_top.js' type='text/javascript'/>

     <script src='http://vianjb.googlecode.com/files/to%20top.js' type='text/javascript'/>

     <script type='text/javascript'>

     $ (document). ready (function () {

     / *

     var defaults = {

     containerID: 'moccaUItoTop', / / id element fading

     containerHoverClass: 'moccaUIhover', / / element fading hover class

     scrollSpeed​​: 1200,

     easingType: 'linear'

     };

     * /

     $ (). UItoTop ({easingType: 'easeOutQuart'});

     });

     </ script>

5. Put the following code above the code]]> </ b: skin>

     # toTop {

     display: none;

     text-decoration: none;

     position: fixed;

     bottom: 10px;

     right: 10px;

     overflow: hidden;

     width: 51px;

     height: 51px;

     border: none;

     text-indent:-999px;

     top left no-repeat;

     }

     # toTopHover {

     left no-repeat-51px;

     width: 51px;

     height: 51px;

     display: block;

     overflow: hidden;

     float: left;

     opacity: 0;

     -moz-opacity: 0;

     filter: alpha (opacity = 0);

     }

     # toTop: active, # toTop: focus {

     outline: none;

7. Save your template and see the result.

Blog Tutorial on How to Create a Flood Effect Blog



Blog Tutorial on How to Create a Flood Effect Blog | New
My friend had never yet felt the flood ngalamin pal stay in place. Flood must have been very disturbing activity buddy wanted to do. But this time, will discuss how to create the effect of flooding on the blog. Want to know how, just follow the steps below:

1.Login to blogger

2. Select the Layout / Design

3. Add gadjet

4. Choose HTML / Javascript

5. Enter the following code:

     <script language="javascript">

     nd_mode = "flood";

     nd_vAlign = "bottom";

     nd_hAlign = "right";

     nd_vMargin = "10";

     nd_hMargin = "10";

     nd_target = "_blank";

     </ script>

     <script language="javascript" src="https://blogtrikdantips-blogspot.googlecode.com/files/efek_banjir.js"> </ script>

6. Save gadgets

Now my friend was able to see the results. This effect will make your blog submerged by floods. Fish will appear on the screen and air bubbles your blog. Interesting is not it? Welcome to try!!

Blog Tutorial How To Change "Older Posts" By the Numbers



Blog Tutorial How To Change "Older Posts" By the Numbers | New

In general, the navigation to move pages in blogspot typically use a link with the text "Older Posts (long post)" and "Newer Posts (new post)". Differences with wordpress who can navigate the form of numbers that can make it easier to skip a few pages to the old and new posts.

Well the trick this time will explain how to change the link "Older Posts (long post)" and "Newer Posts (new post)" a figure as shown below

1. The initial step of course should lead to the design of your template and then to "Edit HTML"

2. after that find this code]]> </ b: skin> if you have found this script put before the code

. showpageArea a {

text-decoration: underline;

}

. showpageNum a {

text-decoration: none;

border: 1px solid # cccccc;

margin: 0 3px;

padding: 3px;

}

. showpageNum a: hover {

border: 1px solid # cccccc;

background-color: # cccccc;

}

. showpagePoint {

color: # 333;

text-decoration: none;

border: 1px solid # cccccc;

background: # cccccc;

margin: 0 3px;

padding: 3px;

}

. showpageOf {

text-decoration: none;

padding: 3px;

margin: 0 3px 0 0;

}

. showpage a {

text-decoration: none;

border: 1px solid # cccccc;

padding: 3px;

}

. showpage a: hover {

text-decoration: none;

}

. showpageNum a: link,. showpage a: link {

text-decoration: none;

color: # 333333;

}


3. after that find this code </ body> then put this script before the code.

<! - Page Navigation Starts ->

<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:blog.pageType != "static_page"'>

<script type='text/javascript'>

var PageCount = 5;

displayPageNum var = 5;

upPageWord var = 'Previous';

downPageWord var = 'Next';

</ script>

<script src='http://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/>

</ b: if> </ b: if>

<! - Page Navigation Ends ->



If you've just seen the results.

Selasa, 12 Maret 2013

How to See Price Blog

How to See Price Blog | New

After a long time blogging, finally came time ventured to make a post on the blog about the tutorial. This time I want to share is how to determine the price of a blog / website as well as checking the blog SEO score.
So in addition to know the price of blogs, we can also find out what needs to be addressed on our blog to make it more SEO friendly.



how:
  • On a column filled with your blog url address.
  •  Example: http://airlandzz.blogspot.com/
  • Immediately result appears like this ^ _ ^


If you scroll down further, there will be mention of things that need to be addressed on your blog and also things that need more attention to improve your blog's SEO score.

Good Luck ^_^

Rabu, 13 Februari 2013

How to Make a Cumulus Cloud Tag, Label Spins on Blogger


Once there Kismet also finally find any tutorial how to create a tag cloud rotating in a blog, or a spin label. You can see the results of how to create a spin label on this blog is mine.

NOTE: Not all can support for a given template tag cloud. And before you tried to make a spin label, mending yours once you download the template.

Here's how: |



1. Login to blogspot

2. Click the Design / Design >> Edit HTML >> Check the Expand Widget Templates,

3. Search code: <b:section class='sidebar' id='sidebar' preferred='yes'>

(If you want faster nyarinya use F3 only)

4. Then copy and paste the code below right under that code,
 <b:widget id='Label99' locked='false' title='Tag Cloud Comulus Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject(&quot;http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
so.write(&quot;flashcontent&quot;);
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>


 5. Before you save, it is good you priview first, if dah succeed, you just save.

NOTE

1. Red color: Change to change the size of the tag cloud

2. Green color: Change to change the background color of the tag cloud

3. Black Color: Change to change the font size

4. Tag Cloud will run when the computer is already installed adobe flash player.

5. If you can not copy and paste in the right click!! Please block of HTML code and CTRL

Rabu, 06 Februari 2013

How to delete a blog post that there are two

How to delete a blog post that there are two -
Yesterday I was in are confused by the two blog posts on blogger layout view, when it should be the only one. Impact than it is not able to edit the template .. although sometimes it can be. Time also was confused why not edit the template can save .. and always display an error message with code   |


Once I finally investigate the layout of the blog posts there are two visible and can not be removed. After know there is a defect with the layout view sayapun find a solution by googling on the internet and thank God now it has been resolved.
h-e-r-u.blogspot.com
Here's How to delete a blog post that there are two.

     Now although it is not changed to the old blogger was able to display. Because now there is no option to switch to the old look.
     Go to edit html design >>>
     Do not check expand the current template for the code below.
     Look for the following code <b:widget id='Blog2' locked='false' title='Posting Blog' type='Blog'/>
     When you have found delete the line and save it.

Templates save time when they appear "Warning your new template does not contain the widget below .." just click delete widgets.

That means clear that there are two blog posts.
Thank you for visiting this blog.

Sabtu, 02 Februari 2013

How to Make a Tag Cloud Spins

How to Make a Tag Cloud Spins |
How:

    
Login to your blog
    
Then select the design
    
Click the Edit HTML
    
after that check the Expand Widget
    
and look for this code: <b:section class='sidebar' id='sidebar' preferred='yes'> (Use Ctrl - F) "are not all like this blog template so please adjust it ea"
    
Then copy and paste the following code below the code above d an d search:
<b:widget id='Label99' locked='false' title='Tag Cloud airlandzz.blogspot.com' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2> <data:title/> </ h2>
</ B: if>
<div class='widget-content'>
<script src='http://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/>
<div id='flashcontent'> <a href='http://www.roytanck.com/'> Blogumulus by Roy Tanck </ a> and <a href='http://www.bloggerbuster.com'> Amanda Fazani </ a> </ div>
<script type='text/javascript'>
var so = new SWFObject ("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "300", "280", "7", " ; # FFFFFF ");
/ / Uncomment next line to enable transparency
/ / So.addParam ("wmode", "transparent");
so.addVariable ("tcolor", "0x333333");
so.addVariable ("mode", "tags");
so.addVariable ("distr", "true");
so.addVariable ("tspeed", "100");
so.addVariable ("tagcloud", "<tags> <b:loop values='data:labels' var='label'> <a expr:href='data:label.url' style='12'> <data:label.name/> </ a> </ b: loop> </ tags> ");
so.addParam ("allowscriptaccess", "always");
so.write ("flashcontent");
</ Script>
<b:include name='quickedit'/>
</ Div>
</ B: includable>
</ B: widget>

    
Preview first, if the widget is in conformity with what is expected Find template