Showing posts with label Tutorial. Show all posts
Showing posts with label Tutorial. Show all posts

How to display widget only on certain pages in the blog

This time My Backlink 86 discusses how to display the widget on a particular page on the blog as the main page / post pages and other pages.

Blogger Widget
illustration


Its function is to save space of your blog page as well as to speed up the loading blog besides your blog page is neat and professional look for the management of your blog.

This method is quite easy just to add some code, by adding the code then you can display the widget you want to appear on the page just as you want it.

Well without a lot of strings attached and practice you can see the code below:


1. Displays widgets only on page Archive alone.

<b:if cond='data:blog.pageType == &quot;archive&quot;'>
......................................................
</b:if>


2. View the widget on all pages except the archive page.

<b:if cond='data:blog.pageType != &quot;archive&quot;'>
......................................................
</b:if>



3. Displays widgets only on post pages.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
......................................................
</b:if>


4. View the widget on all pages, except the post page.

<b:if cond='data:blog.pageType != &quot;item&quot;'>
......................................................
</b:if>


5. Displays widgets only on certain posts.

<b:if cond='data:blog.pageType == &quot;address-posts&quot;'>
......................................................
</b:if>


6. View the widget in addition to the specific post.

<b:if cond='data:blog.pageType != &quot;address-posts&quot;'>
......................................................
</b:if>


7. Displays widgets only on page staticpages.

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
......................................................
</b:if>


8. Displaying a widget on all pages, except staticpages page.

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
......................................................
</b:if>


9. Code widget displays only the particular url.

<b:if cond='data:blog.url == "URL page here"'>
......................................................
</b:if>


Note: Signs point - the point above is the widget code that must be in place.

Examples of applicability can do on an existing widget on your blog, for example, you only want to display the widget "Popular Posts" only appear on any item, then the following steps:

Example: popular posts widget code below:

<b:widget id='HTML4' locked='false' title='Popular posts' type='HTML'> <b:includable id='main'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- only display title if it's 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'/>
</b:if>
</b:includable>
</b:widget>
LEARN MORE

How To Change the List Bullet Image in Blogger

List Bullet Image in Blogger

One of the steps that you can do to beautify your blog or to beautify your blog posts is by replacing Bullet Bullet Point List or your default template.


How To Change the List Bullet Image in Blogger

  1. Login to blogger.com
  2. In the drop down menu, select a template
  3. Click the Customize button
  4. You will be taken to a page Blogger Template Designer
  5. Click Advanced and select Add CSS

   6. Copy Paste the following code in column Add CSS.

.post ul li { list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinJi32xLs8DaMqi9aOtBcnhzEbmv0USIFcm40JZ2q8eW7E7rDhtoHG5og-0VW3vn2RhZOuoC4SJZxizz93uTSK-gq-jqI3MAGw1i551YjzOj1bJ4zUbc3Odj6JMBSzyvk1IZMFCBQ7Z4s/s1600/star_bullet.png'); }

List Bullet Image in Blogger

   7. Finally click the Apply to Blog

Reload your blog to see the results. CSS code above will display the List Bullet like the picture above.

LEARN MORE

Easy Ways to Make Banner Animation

Creating animated banner may be said to be useful for those who want to promote a product or website. Animated banners attract more attention than usual. Definitely my friend never saw a banner that arrived - arrived move / change the writing, and ask - and confusion wondering why the image could move: D. That's called an animated banner. Maybe for you guys who are proficient in the field of graphic design never mind no stranger to create animated banner with the software.


However, unlike me. I am not very proficient in the field of graphic design. I usually create animated banner using online services are either free or paid that we can use. Typically, animated banner format and extension .gif or flash. Below are some websites that provide services create animated banner:

Gif banner:


Flash banner:

To make this animated banner, I recommend using the services of picasion website. Please refer below to find out how to How to make an animated banner.

1. Make 2-3 more images (according to your needs) with a size of 125 x 125 px. example:


2. Now that you visit the site http://picasion.com.
3. Next, click Browse and select the image that has been my friend made earlier.


4. Select the image size in the Size dropdown menu.
5. Select the animation speed also on the dropdown menu Speed.
6. If so, click Create animation.
7. If you use the example picture No. 1 result will be like this.


9. You can save the animated banner or can also simply copy the image url.
10. Done.

How? is not how to create an animated banner?.

Hopefully useful
LEARN MORE

Script Code Ctrl + U Effect Redirect

My Backlink 86 - A lot of people who want to steal a script code from our blog by using button Ctrl + U to see a good script code CSS, HTML, or JavaScript that exist in our blog. To avoid theft this code using ctrl + u i have a blog tips obtained from Kang Ismet. Here if we press Ctrl + U then we would be transferred to a page, which is where this function to the results page redict or redirect (divert).


With the use Script Ctrl + U then it will be a little safer and can give a little warning to those who would steal the script of our blog. Script ctrl + u is given effect to divert to another page so that no one can see our blog script code. Immediately, who want to know the script ctrl + u to redirect effects please refer to the following:


For DEMO please you press Ctrl + U on this blog (My Backlink 86).

1. Log into your Blogger.com account
2. Click the Template => Edit HTML
3. Copy the code below, then paste the above / before the code is </body>


Note :
Please replace the text links with the blue color (http://mybacklink86.blogspot.com/p/terms-of-use.html) of your Destination URL

5. Save Template.

6. Try press Ctrl + U on your blog is in Redirect

Hopefully Helpful
LEARN MORE

How to Hide Active Link In Blog Comments Automatically

How to Hide Active Link In Blog Comments Automatically

My Backlink - These tips are very helpful for your blog that has a lot of visitors and is relatively stable, because the install script code to hide active link to the blog comments will automatically be easier for you to remove the active link there on your blog comments. Imagine if the comment there are hundreds or thousands of comments on your articles, and there are some people commenting using active links in order to find backlinks.

Active link is very telling to get a link from a website or a blog, but the effect is very high for a blog with comments, if the active link is dead alias is not there on the Internet again, it will be a broken link Broken Link which is a dead link but there on your blog and this will degrade the quality of your blog's SEO. Very dangerous is not it? Therefore I suggest that you install the script code to hide the existing active link on your blog comments automatically.

To hide the active links in the blog comments are automatically we can use two ways, namely by using CSS and can also use jQuery. But I would suggest a better use for that use jQuery css code can still be detected in the html code.

Usually the active link in the blog comments will be undertaken by people who are not responsible, and we can say with SPAM. Because they did not comment after the article topic, instead they trade or advertise in our comment box and it is spam in our blog comments and very disturbing, therefore it is time we use a script to remove active links automatically blog comments to avoid spammers.

Immediately menyembunikan how active links automatically on blog comments?

Please refer to the tutorial you menyembunikan active links automatically on blog comments below:

How to Hide Links Using CSS Automatically Active:

1. Copy one of the following CSS code:

#comments p a {display:none;}

or

#comments p a{display:none!important}

2. Go to Blogger.com
3. Click the Template => Edit HTML
4. Find the script code ]]></b:skin> (press ctrl + f to speed up the search)
5. Paste if you have found one of the CSS code above, right before or at the top of code ]]></b:skin>
6. Click Save Template



How to Hide Active Links Using jQuery Automatically:

1. Go to Blogger.com
2. Click the Template => Edit HTML
3. Find the code </body>
4. Copy the jQuery code below, then paste the above code </body>

<script type='text/javascript'>
//<![CDATA[ function blockLinks(parentID, children) { var parent = document.getElementById(parentID),
content = parent.getElementsByTagName(children);
for(var i = 0; i < content.length; i++) { if(content[i].innerHTML.indexOf('</a>') !== -1) { content[i].innerHTML = "Sorry, Not Shown <span style='background-color: red; color: white; padding: 3px;'><b>Link Active</b></span> Here";
content[i].className = "spammer-detected";}}}
blockLinks('comment_block', 'p');
//]]>
</script>

5. Click Save Template

A few articles on How to Hide Active Link In Blog Comments Automatically.

Hopefully Helpful.
LEARN MORE

Creating Links Redirect to another URL on the Blog


My Backlink - Creating Links Redirect to another URL on the Blog - One trick is very useful for those of you who want to divert the visitors at the old blog to the new blog. This might be because you have made a new blog with new address or better than the previous blog. As always, if we create a new blog with a new URL, traffic would also have to start from zero, then the trick of it is useful for us who want to utilize our old blog traffic by implementing the redirect trick that directs visitors to the old blog new blog, so that we do not need to start from zero again our traffic ... fun is not it? : D

For those of you who want to implement this redirect tricks on the blog, please see the following steps:

1 Log in to your blogger
2 Go to the "settings" of your old blog (which already has quite a lot of traffic)
3 Then click >> Edit HTML
4 Find the code <head> tag and place the following code at the bottom

<meta content='3; URL= http://your-order-links- redirect.blogspot.com' http-equiv='refresh'/>

Description:
Figures 3 intends to redirect to your new blog then it takes 3 seconds (the smaller the faster, for example: 1 then it means 1 second). Then link http: // your-order-links- redirect.blogspot.com you can replace with your new blog address (URL blogs that serve as the transfer target).

5. Click save template.

Please see the results in your blog: D
LEARN MORE

The widget displays at Blogspot Templates Mobile version

Widget Blogger

My Backlink - For those of you who use the template has two versions of a particular blog that possess features custom mobile templates may be wondering, "why yes in the mobile version of my blog widget does not appear?" well, in this post will be a bit of explaining Display Widget in Blogspot Templates Mobile version.


The reason why you put the widget does not appear on the mobile version is due in the default widgets that appear on the mobile version only the following widgets:
  1. header
  2. blog
  3. Profile
  4. PageList
  5. AdSense
  6. attribution


If you put aside widget widget above, such popular post or the archive, then the widget will not appear on the mobile version. Well, the question, the widget can be set in order to perform in the mobile version, the answer could be.

To set the widget that you can attach to appear on the mobile version of how you just need to add a new attribute to the tag <b:widget/>.

For example, the widget displays popular posts in the mobile version, the first way is to go to dashboard > template > edit HTML. after the search tag on the popular post widget in the template. Approximately Popular Post widget code it like this:


<b:widget id='PopularPosts3' locked='false' title='Entri Populer' type='PopularPosts'>


Now we need to do is add a new attribute to the tag of the widget, including mobile. Attribute mobile itself has three values​​, ie Yes, No, and Only. As this application:

<b:widget id='PopularPosts3' mobile='yes' locked='false' title='Entri Populer' type='PopularPosts'>

The above code is to display the mobile version of the popular post widgets and also appear in the display the desktop version.

<b:widget id='PopularPosts3' mobile='only' locked='false' title='Entri Populer' type='PopularPosts'>

The above code is to display the mobile version of the popular post widget but does not appear in the desktop version.

<b:widget id='PopularPosts3' mobile='no' locked='false' title='Entri Populer' type='PopularPosts'>

While the above code is to hide the widgets on the mobile version.

To note is that each widget has a different id, so you should be careful in finding the widget code tag.

Yup, probably just that much alone. Hopefully this short tutorial helpful.
LEARN MORE

How to Make Widgets Subscribe in a blog article

My Backlink , How to Make Widgets Subscribe in a blog article - In this post I will explain how to add an RSS subscription box widget with social media icons. I hope to make a friend can post this widget disliked it. By using this widget, visitors can subscribe to your blog. So, it can help visitors of your blog to get the latest article updates via email. I am using CSS and HTML for this widget, so bloggers who want to use this widget, no need to bother to edit your template HTML. Simply by adding gedget HTML / Javascript.


If you want to install this widget on your blog, please follow the following steps.

  1. Log into your blog account.
  2. Choose Layout = >> Add gedget / Add gedget.
  3. Select HTML / Javascript.
  4. Copy the code below, then paste in the box HTML / Javascript.

<style>
#sidebar-subscribe-box{width:300px;border:1px solid #aaa;border-radius:3px;padding:3px 0}
.sidebar-subscribe-box-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX-CDod-QwZyzHXBx6p-5V1gaDzZU4ym5vHj-CZV_IKK33TXHJPBLioiQc-wDJZeduid8sVOmBqrItCSfeMjTsiRqxbLE9AaW-QhTuzh-3PHjqePEScLqerd1Sr7WxAbfHDJix1XlBZNI/s1600/background.png) repeat scroll 0 0 #f7f7f7;color:#111;font-size:14px;line-height:20px;padding:1px 20px 10px;text-align:center;text-transform:uppercase}
.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0}form.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0 0;width:auto}
.sidebar-subscribe-box-email-field{-moz-border-radius:4px;-webkit-border-radius:4px;background:#fff
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPTDWaZ-iHWoKVM_ZS00Kbx7MCiuq_43G8i5FmMJ7EfHg6WL5C7pAYTVS_nDUj84EzRien9pjG8C2xdFhnlP9goY1ZU5MZE7hCg1W-5JWx9lu2RIg-Lhyphenhyphenlx90OLQ6hAnlz19e2H6SqZbc/s1600/icons.png) no-repeat 0 -27px;border:1px
solid #ccc;border-radius:4px;color:#444;margin:0 0 15px;padding:10px 40px;width:68%}
.sidebar-subscribe-box-email-button{background:#09f;border:1px solid #007fff;box-shadow:0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 0 transparent;color:#fff;cursor:pointer;font-family:verdana;font-weight:700;padding:10px;text-shadow:1px 1px 0
rgba(0,0,0,.4);text-transform:uppercase;width:100%}
.sidebar-subscribe-box-email-button:hover,.sidebar-subscribe-box-email-button:focus{background:#1ca4ff}
.sidebar-subscribe-box-email-button:active{-moz-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;-webkit-box-shadow:0 1px 4px
rgba(0,0,0,0.5) inset;box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;outline:0}iframe,object,embed,.yt-border iframe,.yt-border
object,.yt-border embed,table{width:100%}embed{border-radius:3px;-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);background:#FFF;border:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,0.2);margin:0;padding:4px 4px 4px}
#footer-section{border-top:1px solid #aaa;box-shadow:inset 0 4px 6px -3px #aaa;font-family:cambria;font-
size:14px;height:100px;margin:10px -30px 5px;padding:0 30px;text-align:center;width:100%}
a.social-icons{margin-right: 5px;height:45px;width:45px;}
a.social-icons:hover { opacity: .7; filter:alpha(opacity=70);}
</style>
<div id="sidebar-subscribe-box">
<div class="sidebar-subscribe-box-wrapper">
<br/>
<a class="social-icons" href="https://facebook.com/xxxx"><img src="http://i1319.photobucket.com/albums/t668/Rozzby24/Mariberbagi244-Facebook_zps68f4035b.png" /></a>
<a class="social-icons" href="https://twitter.com/xxxx"><img src="http://i1319.photobucket.com/albums/t668/Rozzby24/Mariberbagi244-Twitter_zps433926c5.png" /></a>
<a class="social-icons" href="https://plus.google.com/xxxxx"><img src="http://i1319.photobucket.com/albums/t668/Rozzby24/Mariberbagi244-Googleplus_zps8404ed17.png" /></a>
<a class="social-icons" href="http://feeds.feedburner.com/xxxx"><img src="http://i1319.photobucket.com/albums/t668/Rozzby24/Mariberbagi244-RSS_zpsc0214ee8.png" /></a>
<p>Subscribe To Our Email Newsletter & Receive Updates Free</p>
<div class="sidebar-subscribe-box-form"><form action="http://feedburner.google.com/fb/a/mailverify?uri=xxxx" class="sidebar-subscribe-box-form" method="post" onsubmit=&
quot;window.open('http://feedburner.google.com/fb/a/mailverify?uri=xxxx', 'popupwindow',
'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="xxxx" />
<input name="loc" type="hidden" value="en_US" /><input class="sidebar-subscribe-box-email-field" name="email" autocomplete="off" placeholder="Enter your email address here"/>
<input class="sidebar-subscribe-box-email-button" title="" type="submit" value="Subscribe Now !" /></form>
</div></div></div>

Please note:
Replace the code that is color blue with the Facebook URL / fanspage you.
Change the code color red with your Twitter URL.
Change the color code Orange with your Google Plus URL.
Replace the code that is color purple with your Feedburner URL.
Replace the code that is color green with your Feedburner ID.

  5. Save HTML / Javascript.
LEARN MORE

How to Make Automated Carousel Slider By Category In Blogs

Demo
>>> Live Demo CLICK HERE <<<

How to Make Automated Carousel Slider In Blog - This tutorial I will discuss how to make the slider Carousel automatically based on the label. The working principle of this same slider as the slider automatically based on category. You just replace with your label and the slider will work in accordance with the label that you enter. Carousel slider that I made this time is very simple and just use the script without adding jCarousellite easing effects and mousewheel.

How the installation is also very easy, if you've been practicing my previous article titled makes the slider automatically based on specific categories, this tutorial was very easy, because the steps of making almost the same. Immediately following steps to make it:

1. Login to blogger with your account
2. After that select the blog you want to add this slider.
3. Log into the template >> Edit HTML
4. Precaution to avoid mistakes in the later editing, first backup your template.
5. Having all the above steps you do, put the following code above the code ]]></b:skin>

#carousel{width:950px;height:185px;margin-bottom:0px;position:relative;display:block}
#carousel .container{position:absolute;left:49px;width:895px;height:185px;overflow:hidden;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcIGizJP3TwnACUA6roJBssbSBTLQMfF1EHTrddi3nCI-1SrzCeNhpvLUY2k6IP4BxD1AoFY4BQng56wntHK4mmUVIka9-VgVxxioB33CjGOuxzIIVAKsBq-KIyUemnitEV-dydtU8Z6s/s1600/scroller-bg.png) repeat center}
#carousel #previous_button{position:absolute;width:49px;height:185px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCQPV5arnH4gsR5AoeeVwkzLpXPnaB0Pt5gZfnNJRleF7X5-Vxdkz6zcfOheKLedAnglkLFbDwmwBbzTzRifBDu3PkF3IUWPb_UuTPg2MRuQhVKU9tv7oEQRvDxQOyDrMZdrnsGj_lDoI/s1600/prev.png) center;z-index:100;cursor:pointer;border-right:1px solid #ccc}
#carousel #previous_button:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkHsKfO4Lgl7eS-BUWQkPWB9aKHFVk8AXSFX6EfAhH1hFn6-zeYAFZO4bvOvH4RIq3JzQAk_SVb-Z1hIHJVeYLX37InRGcY9lxiR9NBzdvWd34PiL5-H6Rt2eidimm_wxh1C5uKy9rri4/s1600/prev.png) center}
#carousel #next_button{position:absolute;right:0;width:49px;height:185px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDgp1QQIGP8qOFuBgqmsWiUiFHyeXw3-QTjX0TGqbzQKWCCQDK8VlyiQ-QN8pw4i-cx2lGlrn8ZpJrneQ-S24gL26_uX9aHCv8SCxBCDExfm9NqgPSh0Qrgqv4dP4AtrQDuOAI-b4TySE/s1600/next.png) center;z-index:100;cursor:pointer;border-left:1px solid #ccc}
#carousel #next_button:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxNJQiqGBXut_tRDhQOUIfh8qExzd3QZw4VeELkahBkHVCsKXSGeAMUCN5pbj9wdNgf0f5EF_47hYc2AonTXu6IczJnV8yYztdmfu_vWk8Q9P20t0hYOztwWKPicUPAM3DU0YfjdjMpeE/s1600/next.png) center}
#carousel ul{width:100000px;position:relative;margin-top:10px}
#carousel ul li{background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSfknGg0yvzSMOW0XyyrTJhh2Gz5VnlPwjHTITKwrca1DNN-_5b591NTvin3hyphenhyphen65Lqi69uwyTiGaoZhfa2MdO5CpFs7ElXF_6uZw_mRoDvCi3V_gc9FX_HUJCqTeDiu_gWhtvA_iQq-AQ/s1600/main.png) repeat-x top;display:inline;float:left;text-align:center;font-weight:700;font-size:.9em;line-height:1.2em;border:1px solid #ccc;width:145px;height:150px;margin:0 4px 20px 7px;padding:6px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
#carousel ul li:hover{filter:alpha(opacity=75);opacity:.75;}
#carousel ul li a.slider_title{color:#222;display:block;margin-top:5px}
#carousel ul li a.slider_title:hover{color:#cd1713}
#carousel a img{display:block;background:#fff;margin-top:0}


6. Next step is to position the Edit HTML, insert the following code above the </head> :

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
<script src='http://yourjavascript.com/265232511102/carousellite.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfssZoa7XBe1QJwMSCtTxtoDW4xTaWiBYVHXwjfdJZgD6sEDNIWedX87nTeF9AA2Ggcn-hF75vDj0cPeDne2oO4SHRWFLrY-LHDe26dxaqs0KWbQ6-kr1QSaelSoV5kvVbZwNUT2k6Y5U/s1600/no+image.jpg";
showRandomImg = true;
aBold = true;
summaryPost = 140;
summaryTitle = 25;
numposts1 = 15;
label1 = "news";
function removeHtmlTag(strx,chop){>
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
s = s.join("");
s = s.substring(0,chop-1);
return s;
}
function showrecentposts(json) { j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0; img = new Array();
document.write('<ul>'); for (var i = 0; i < numposts1; i++) { var entry = json.feed.entry[i]; var posttitle = entry.title.$t; var pcm; var posturl; if (i == json.feed.entry.length) break; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { posturl = entry.link[k].href; break; } } for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') { pcm = entry.link[k].title.split(" ")[0]; break; } } if ("content" in entry) { var postcontent = entry.content.$t;} else if ("summary" in entry) { var postcontent = entry.summary.$t;} else var postcontent = ""; postdate = entry.published.$t; if(j>imgr.length-1) j=0; img[i] = imgr[j]; s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src="",a); c = s.indexOf(""",b+5); d = s.substr(b+5,c-b-5);
if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d; //cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : ''; var month = [1,2,3,4,5,6,7,8,9,10,11,12]; var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug" ,"Sep","Oct","Nov","Dec"]; var day = postdate.split("-")[2].substring(0,2); var m = postdate.split("-")[1]; var y = postdate.split("-")[0]; for(var u2=0;u2<month.length;u2++){ if(parseInt(m)==month[u2]) { m = month2[u2] ; break; } } var daystr = day+ ' ' + m + ' ' + y ;
var trtd = '<li class="car"><div class="thumb"><a href="'+posturl+'"><img width="145" height="100" class="alignnone" src="'+img[i]+'"/></a>& lt;/div><p><a class="slider_title" href="'+posturl+'">'+posttitle+'</a></p></li>'; document.write(trtd); j++; } document.write('</ul>'); }
//]]> </script>

Description:
Note the URL in red script above, it is the latest series jquery.min.js script code that I use to make this slider. If the template you've found jquery.min.js although different series, red color code above no longer need to enter. Just one jquery.min.js existing template, it is up to serial number, preferably the latest version.

While the blue color code: 15 is the number of slider displayed. And the news is that the label will be displayed on the slider (Remember the big small letter should be the same as the label you have created).

7. The next step is to call the slider to appear on our blog. Find <div id='main-wrapper'>, then place the following code on it

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div id='carousel'>
<div id='previous_button'/>
<div class='container'>
<script>
document.write(&quot;&lt;script src=&quot;/feeds/posts/default/-/&quot;+label1+&quot;?max-results=&quot;+numposts1+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&quot;&gt;&lt;/script&gt;&quot;);
</script>  
<div class='clear'/>
</div>
<div id='next_button'/>
</div>
<script type='text/javascript'>
(function($) {     $(document).ready(function(){
$(&quot;#carousel .container&quot;).jCarouselLite({
auto:4000,
scroll: 1,
speed: 800, 
visible: 5,
start: 0,
circular: true,
btnPrev: &quot;#previous_button&quot;,
btnNext: &quot;#next_button&quot;
});
})})(jQuery)   
</script>
</b:if> 


The above code you can also place it below or above the navigation menu or can be placed on the footer.

8. Final step, save templates and see the results
LEARN MORE

How To Make Ads Below Blog Post Title

How To Make Ads Below Blog Post Title - It is a way to increase the number of clicks ppc ads. This trick many dirapkan by bloggers worldwide in maximizing adsense. then the question is why My Backlink 86 itself does not apply? of course I was merepakannya only if the first is not as bad now seen in some blog content on this site mybacklink86.blogspot.com. But for those of you who want the adsense ads or ppc installed in exactly the post on the left or right, My Backlink 86 will discuss the tricks.

How To Make Ads Below Blog Post Title
DEMO


>>>> Live DEMO Click Here   <<<<<


The steps are as follows:

1. Login to Blogger
2. Then click Design »»»»» Select the Edit HTML
3. Please find the code <data:post.body/>
4. Having met paste the following code before the code was <data:post.body/>

<div style='float:left;width:300px;height:250px;padding:0 0px 0px 0;'>
<--Ad Code Here-->
</div>

5. So the result will be like this:

<div style='float:left;width:300px;height:250px;padding:0 0px 0px 0;'>
<--Ad Code Here-->
</div>
<data:post.body/>


How To View Ad:
1. Copy once you get the ad code, then Parse the first code of your ad on this site http://htmlentities.net/
2. Having parsed ad code, clear code red <== Save Ad Code Here ==> then replace with your ad code that has been in Parse.


6. Save the template and view the results.


Important Notes:
- Green is the color code for the size of your banner
- Code float: left; ads meaning starting from the left side of blog posts, whereas when the change so the right advertisement means starting from the right side of the article.
LEARN MORE

How to Make a Floating Social Bookmark on Blogger with Easing Effect



Floating Social Bookmark with Easing Effect is very simple to use blog, because it does not take place anyaan blog.

If you want to install Floating Social Bookmark with Easing Effect your blog please read the following review:

1. Login to Blogger
2. Login to Template >> Edit HTML
3. Place the following CSS code above ]]></b:skin> :

.social-buttons {
    position: fixed;
    top: 130px;
    width: 45px;
    z-index: 9999;
}
.button-left {
    left: 0;
}
.button-right {
    right: 0;
}
.social-buttons #twitter-btn .social-icon,
.social-buttons #facebook-btn .social-icon,
.social-buttons #google-btn .social-icon,
.social-buttons #rss-btn .social-icon,
.social-buttons #pinterest-btn .social-icon,
.social-buttons #youtube-btn .social-icon {
    background-color: #33353B;
    background-image: url(http://1.bp.blogspot.com/-KOzIiYFlBAk/UUmLwwZSs-I/AAAAAAAAAnA/h6G772N3cpI/s1600/mas-icons.png);
}
.button-left #facebook-btn span {
    background-position: right 10px;
}
.button-left #twitter-btn span {
    background-position: right -35px;
}
.button-left #google-btn span {
    background-position: right -127px;
}
.button-left #rss-btn span {
    background-position: right -80px;
}
.button-left #pinterest-btn span {
    background-position: 11px -177px;
}
.button-left #youtube-btn span {
    background-position: 11px -223px;
}
.button-right #facebook-btn span {
    background-position: 12px 10px;
}
.button-right #twitter-btn span {
    background-position: 11px -35px;
}
.button-right #google-btn span {
    background-position: 10px -127px;
}
.button-right #rss-btn span {
    background-position: 11px -80px;
}
.button-right #pinterest-btn span {
    background-position: 11px -177px;
}
.button-right #youtube-btn span {
    background-position: 11px -223px;
}
.social-buttons #facebook-btn:hover .social-icon {
    background-color: #3B5998;
}
.social-buttons #twitter-btn:hover .social-icon {
    background-color: #62BDB2;
}
.social-buttons #google-btn:hover .social-icon {
    background-color: #DB4A39;
}
.social-buttons #rss-btn:hover .social-icon {
    background-color: #FF8B0F;
}
.social-buttons #pinterest-btn:hover .social-icon {
    background-color: #D43638;
}
.social-buttons #youtube-btn:hover .social-icon {
    background-color: #C4302B;
}
.social-buttons a:hover .social-text {
    display: block;
}
.button-left .social-icon {
    -moz-transition: background-color 0.4s ease-in 0s;
    -webkit-transition: background-color 0.4s ease-in 0s;
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 43px;
    margin-bottom: 2px;
    width: 43px;
}
.button-left .social-text {
    display: none;
    float: right;
    font-size: 1em;
    font-weight: bold;
    margin: 11px 40px 11px 0px;
    white-space: nowrap;
}
.button-right .social-icon {
    -moz-transition: background-color 0.4s ease-in 0s;
    -webkit-transition: background-color 0.4s ease-in 0s;
    background-repeat: no-repeat;
    display: block;
    float: right;
    height: 43px;
    margin-bottom: 2px;
    width: 43px;
}
.button-right .social-text {
    display: none;
    float: left;
    font-size: 80%;
    font-weight: bold;
    margin: 11px 0 11px 40px;
    white-space: nowrap;
}
.social-buttons .social-text {
    color: #FFFFFF;
}

4. Next adding jquery and javascript, still in Edit HTML put the following code before the </head>:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js' type='text/javascript'/> <script>
$(window).load(function(){
$(&#39;.social-buttons .social-icon&#39;).mouseenter(function(){
$(this).stop();
$(this).animate({width:&#39;160&#39;}, 500, &#39;easeOutBounce&#39;,function(){});
});
$(&#39;.social-buttons .social-icon&#39;).mouseleave(function(){
$(this).stop();
$(this).animate({width:&#39;43&#39;}, 500, &#39;easeOutBounce&#39;,function(){});
});
});
</script>

Jquery library for blue above, if the template you are using is installed, only abandoned.

5. Then call the widget, put the HTML code below before </body> :

<div class='social-buttons button-right hidden-phone hidden-tablet'>
<a class='itemsocial' href='https://www.facebook.com/your FB' id='facebook-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via Facebook</span></span></a>
<a class='itemsocial' href='https://twitter.com/your twitter' id='twitter-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via Twitter</span></span></a>
<a class='itemsocial' href='https://plus.google.com/your G+' id='google-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via Google</span></span></a>
<a class='itemsocial' href='http://pinterest.com/your ID' id='pinterest-btn' target='_blank'><span class='social-icon'>
<span class='social-text'>Follow via Pinterest</span></span></a>
<a class='itemsocial' href='https://www.youtube.com/user/your ID' id='youtube-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via Youtube</span></span></a>
<a class='itemsocial' href='http://feeds.feedburner.com/your feed' id='rss-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via RSS</span></span></a>
</div>

Replace the words in blue above, with each ID should not be confused with the neighboring ID :).

6. Lastly, Save Templates
LEARN MORE

How to Change Color Links In Blogger

How to Change Color Links In Blogger

How to Change Color Links In Blogger - Link to a blog is indispensable for the content of blogs linking to each other. Blog visitors would be more interested if you've visited links on the blog interesting. Maybe my friends do not like the color of the links in the blog my friends and want to change it. By default this link typically use a standard template selected colors and bring down the line when the cursor touched. If the premises are not satisfied the default settings, we can change it. With a one-time setup, the changes made have been applicable to all existing links, including new links which followed. Well, here are the steps how to change the color of links on blogspot:

1. Login to Blogger => Design => Edit HTM
2. Search Code is a:link { sample structure the code in the blog template:

a:link {
color: #0AF251;
color:#04B33A;
text-decoration:none;
}

3. Replace the color code (color) to suit your taste;
4. Save Template, and then see what happens? completed.

It was an explanation of changing the color of my links, easy right? Oh yes often wrote nanya let me not to bother looking for material for this blog post, but that should be asked about this blog, if it means I have beyond googling first or reply with the answer "I do not know", knowing still learning too .

Hopefully helpful
LEARN MORE

How to Make Colorful Labels In Blogger

How to Make Colorful Labels In Blogger - If yesterday I've shared about how to Make Popular Post Widget Being Colorful, this time the topic is still the same colors but different in terms of the widget to be modified. Widgets that we make this colorful label is a widget or it could be called a widget category.


Read also: How to Make Colorful Popular Posts In Blogger
 

How to Make Colorful Labels In Blogger
Demo

Step One :

1 . Logi to your blogger account .
2 . Choose Layout menu = > Add Gadget .
3 . Choose a Label widget by clicking on the plus button
4 . Subsequently , in the settings section select Show Cloud and the rest please change according to taste .
5 . Finally, click Save



Step Two: Installing the CSS code in Blog

1. Choose a menu template => Edit HTML
2. Search Code ]]></b:skin> (use Ctrl + F to make it easier)
3. Copy and paste the following code just above the code ]]></b:skin>

DOWNLOAD CODE HERE

6. Finally, click Save Template

Ok , so tutorial on " How to Make Colorful Labels In Blogger " . Please also refer to other articles about blogging at MY BackLink 86 . Hopefully useful ^ _ ^
LEARN MORE

How to Make Colorful Popular Posts In Blogger

How to Make Colorful Popular Posts In Blogger - Popular post widget shows some of the most popular articles or frequently visited on a blog. Another function of the widget popular posts is to lure the visitor's eyes so that they click and view the articles that are popular. But what if the location or color of the popular post widget was not interesting to look at? Therefore my advice popular post widgets make it to stand out from other widgets

How to Make Colorful Popular Posts In Blogger
Demo

How can I make a difference to the post popular widgets from other widgets?. One of the tips is to Make Popular Post Widget Being Colors. By doing so, popular post widget will be very striking presence that may not be not visible to the eye pengunjug. Ok, now I will tell how, and for demos or examples can be directly seen on this blog.

Here are the steps you should do:

1. Logi to your blogger account.
2. Attach the popular post widget (Layout => Add Gadge t => Popular Posts => Save.
3. You go to Template => Edit HTML.
4. Insert the following code just above the code ]]></b:skin>

DOWNLOAD CODE HERE



5.Save Template

Done and now see the widget display your popular posts. Must have been as colorful as the rainbow in the sky blue, hahaha. A few tutorial on "Creating Popular Post Widget Be Colorful" may be useful
LEARN MORE

How to Make a Specific Post Page Shown One Full Page

How to Make a Specific Post Page Shown One Full Page


My Backlink - Maybe you've seen a blog with a posting page looks full without existing widgets in Sidebar blog. well now I will give turorialnya Creating Pages Posts Appear One Full Page, for example, that have been made on this blog, you try to see the DEMO page. nah so think about which will be discussed on this occasion


Okay, if you are interested in Creating Pages Posts Appear One Full page please do the following steps:

  1. Log in to Blogger Account
  2. Choose a design
  3. Select Edit HTML
  4. Next, please find the code </head>
  5. First download the template, so that when an error occurs friend can bring it back to normal
  6. Copy the code below and place it right above the </head>

<b:if cond='data:blog.url == &quot;https://mybacklinks86.blogspot.com/p/sitemap.html&quot;'>
<style>
.sidebar{display:none!important;align:none;}
.post{width:900px;background:#ffffff;}
</style>
</b:if>


7. Replace the words https://mybacklinks86.blogspot.com/p/sitemap.html the post URL address that will be made Appear One Full Page.

8. Change the numbers 900 and adjust the width of the friends want

9. Replace #ffffff background color as desired with friends

10. Save the template
LEARN MORE

How to Change the Background Color Header, Body, Footer Blog

How to Change the Background Color Header, Body, Footer Blog

How to Change the Background Color Header, Body, Footer blog - buddy, following a few tips for you that is certainly still a beginner and do not understand well the problem templates blogger. how to change the background color / background of the blog. consider the following reviews:

How to Change the Background Color Header, Body, Footer Blog :

1. Login to blogger
2. From the Dashboard ►► Select Template.
3. Then click "Edit HTML", Search Code as below.


1. How to change the background color of the header on the blog. Find code #header-wrapper {

#header-wrapper {
background: #000000;
and so on


2. Changing the background color of the body of the blog .Find the code body {

body {
background: #000000;
and so on


3. Changing the background color of the page post / main body of the blog. Find code #main-wrapper {

# main-wrapper {
background: #000000;
and so on


4. Changing the background color on the sidebar of the blog. Find code #sidebar-wrapper {

#sidebar-wrapper {
background: #000000;
and so on


5. Changing the background color of the footer in blog. Find code #footer {

# footer {
background: #000000;
and so on


Description:
replace the #00000 that you like colour.

4. Save Template
LEARN MORE

How to Make Recent Post Thumbnail Grid Display Responsive

How to Make Recent Post Thumbnail Grid Display

MyBacklink86 - There are various forms of display recent post widgets. There is only the post title, accompanied by a summary, and some are accompanied by thumbnails. All widgets recent post that diverse benefits. Bloggers can choose the look and according to his blog.

Recent post is a widget that displays the latest posts from the blog-post. One form is a recent post thumbnail grid, which is a widget that displays a thumbnail gallery of the latest post. So just a picture or photograph of latest posts displayed.

Widget recent post thumbnail grid model is suitable for the blog in the form of photoblog. Although the blog with any theme can also be used. Visual effects photograph, giving a new experience to the visitors to the blog to see the post from photos or drawings illustrations.

How to Make Recent Post Thumbnail Grid Display

1. Go to Blogger & gt; Template & gt; Click the Edit HTML & gt; Copy and save the code below right before the </head>

<script type='text/javascript'>
//<![CDATA[
// Recent Post Gallery
function arlinagrid(a){for(var t=a.feed.entry||[],e=['<div class="recent-gallery">'],i=0;i<t.length;++i){for(var l=t[i],r=l.title.$t,n=l.media$thumbnail?l.media$thumbnail.url:"http://2.bp.blogspot.com/-4fCf53FqYKM/Vccsy7apoZI/AAAAAAAAK4o/XJkv3RkC0pw/s1600/default%2Bimage.png",s=n.replace("s72-c","s"+arlina_thumbs+"-c"),h=l.link||[],c=0;c<h.length&&"alternate"!=h[c].rel;++c);var d=h[c].href,m='<img src="'+s+'" width="'+arlina_thumbs+'" height="'+arlina_thumbs+'"/>',p=arlina_title?'<span class="ptitle">'+r+"</span>":"",g='<a href="'+d+'" target="_top" title="'+r+'">'+m+p+"</a>";e.push('<div class="gallerytem">',g,"</div>")}e.push("</div>"),document.write(e.join(""))}
//]]>
</script>


READ ALSO:
How to Make a Simple Responsive Recent Posts in Blogspot

How to Install Widget Recent Post Responsive Slider in Sidebar Blog


2. Next, copy the following code right before the ]]></b:skin>

/* CSS Recent Post Gallery */
.recent-gallery {padding:0;clear:both;}
.recent-gallery:after {content:"";display:table;clear:both;}
.recent-gallery .gallerytem{display:inline-block;position:relative;margin:6px 0;overflow:hidden;}
.recent-gallery .gallerytem a{position:relative;float:left;margin:0 6px;text-decoration:none}
.recent-gallery .gallerytem .ptitle{background:rgba(0,0,0,.7);display:block;clear:left;font-size:10px;line-height:1.3em;position:absolute;text-align:left;bottom:3px;left:3px;right:3px;top:3px;color:#fff;padding:5px;word-wrap:break-word;overflow:hidden;visibility:hidden;opacity:0;backface-visibility:hidden;transition:all .2s}
.recent-gallery .gallerytem:hover .ptitle{visibility:visible;opacity:1}
.recent-gallery a img{background:#fdfdfd;float:left;padding:2px;border:1px solid #e3e3e3;transition:all .3s}
.recent-gallery a:hover img {border-color:#bbb;}


3. Save template.

4. The next step is open Layout & gt; Add new widget and then copy and store the code below in it:

<script>
var arlina_thumbs = 72; 
var arlina_title = true; 
</script>
<script src="/feeds/posts/summary?max-results=9&amp;alt=json-in-script&amp;callback=arlinagrid"></script>


5. Save the widgets and see the result.

Description:

  • var arlina_thumbs = 72: thumbnail size, change according to taste.
  • var arlina_title = true: Displays the title of the post when the cursor select one post on the thumbnail.
  • max-results = 9: The number of posts to be displayed.


Additional:

If you want to show posts by label, please replace the feed url above as below:


<script src="/feeds/posts/summary/-/BLOGGER?max-results=9&amp;alt=json-in-script&amp;callback=arlinagrid"></script>


BLOGGER is the name of the label that will be displayed.

Quite so about How to Install Widget Recent Post Gallery, may be useful.
LEARN MORE

How to Make Floating Ads in Blog Footer

How to Make Floating Ads in Blog Footer

MyBacklink86 - Have you ever seen a banner ad hovering under the webpage? Now we will learn to create ads float or drift in the footer of the blog. When an open blog, banner ads will immediately appear in footer of the blog and continue to follow the current discroll down. There is a close button or exit to eliminate those who do not want ads.

Blog is a blog that potential visitors can advertise crowded, because the potential to be clicked and generate dollars. Ads in the footer of this drift can maximize revenue from the blog. How to create an ad floating in the footer of the blog is also easy, no need to edit the blog template. Interested to try it?


How to Make Floating Ads in Blog Footer
1. Log into blog account
2. Select Layout and then Add a Gadget
3. Choose HTML / JavaScript
4. Enter the following HTML code:

<!-- START FOOTER ADS -->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'>
</script><br />
<script type='text/javascript'>
$(document).ready(function() {
$('img#closed').click(function(){
$('#btm_banner').hide(90);
});
});
</script>
<style type='text/css'>
div#btm_banner {
bottom: 0;
position: fixed;
width: 100%;
opacity: 0.9;
left: 0;
}
div#btm_banner img{
border:0;
cursor:pointer;
}
</style>
<div style='height: 0px;'></div>
<div align='center' id='btm_banner' style='height: 67px; z-index: 9999;'>
<div style='text-align: right; width: 983px; height: 15px;'>
<img id='closed' src='http://3.bp.blogspot.com/-FJbBxXlFzSM/UChDqaGbcMI/AAAAAAAACPA/Lc4uhFU639c
/s320/exit.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
<!-- ADVERTISING CODE -->
ADVERTISING CODE HERE
<!-- ADVERTISING CODE --> </center></p> </p> </div> <!-- END FOOTER ADS -->

5. Save

You can edit it yourself to adjust to the size of the banner and advertising code, the color red is the code that you can replace. Once installed, the banner ads will appear in the footer of the blog, do not worry, this ad is no close or exit option so not overly disturb readers.
LEARN MORE

How to Make a Facebook Like Box Floating On Blogspot

How to Make a Facebook Like Box Floating On Blogspot

MyBacklink86 - Want to get a number like (love) your blog's facebook page for more? There are many ways, one of which put widgets like box provided by facebook plugin with a model drift (float). Do not worry this widget will disturb your blog loyal readers, because although there hovering close button to remove the widget box like that.

Facebook like box widget if installed in blogs, facebook pages to promote. If you like our blog, readers will not hesitate to click like (love). Occasionally to certain pirode we can install the widget facebook like box to float this on the blog so like (love) amount, as well as with a visit to our blog facebook page.

How to Make a Floating Widget Facebook Like Box Blog
1. Log into blog account
2. Select Layout and then Add a Gadget
3. Choose HTML / JavaScript
4. Enter the following HTML code:

<style type='text/css'>
/* Message Box */
#box-message {
position:fixed !important;
position:absolute;
top:-1000px;
left:35%;
margin:0px 0px 0px -182px;
width:625px;
height:auto;
padding:5px;
background:#fff;
font:normal Dosis, Georgia, Serif;
color:#111;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
#box-message a.close {
position:absolute;
top:-10px;
right:-10px;
background:#fff;
font:bold 16px Arial, Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#111;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:22px;
-moz-border-radius:22px;
border-radius:22px;
cursor:pointer;
}
#twitterx {
background: #EEF9FD;
padding: 10px;
text-align:center;
border: 1px solid #C7DBE2;
border-top: 0;
}
</style>
<scripttype="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js">
<script type='text/javascript'>
$(window).bind("load", function() {
// Animate Top Value When Page Loaded Completed
$('#box-message').animate({top:"50px"}, 1000);
// Remove Mailbox When Close Button On Click
$('a.close').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='box-message'>
<!-- HTML Start -->
<center>
YOUR CODE HERE
</center>
<!-- HTML End -->
<a class='close' href='#'>&times;</a>
</div>


5. Replace YOUR CODE HERE with the your code Facebook page.

6. Save when done.

Just like managing a blog, managing facebook pages should also be creative. Remember, content is king, do not just put on the facebook page to post your blog feed. Provide interesting information in accordance with the theme of your blog content.
LEARN MORE

How to disable Ctrl U, Ctrl A, Ctrl C, and Disable Right Click on Blog


Live Demo Here

This is a highly accurate way to keep the blog posts of people who like Copy-Paste and then post the article back on their blogs.

How to use in your blog:
1. Login to Dashboard blog
2. Go to Template ►► Edit HTML
3. Find <body> code (press Ctrl + F to facilitate the search)
4. Replace <body> code with the code below:


<body oncontextmenu='return false;' onkeydown='return false;' onmousedown='return false;'> 

5. Save Template

► oncontextmenu = 'return false;' (To turn off the right click function)
► onkeydown = 'return false;' (To turn off the CTRL + A and CTRL + U)
► onmousedown = "return false;" (To turn off the function block in the article)
► 'Return false;' (To enable each function in Java script, if you want to disable one replace it with a 'return true;')
LEARN MORE