Showing posts with label Widgets. Show all posts
Showing posts with label Widgets. Show all posts

How to add Latest CCTV Cameras Photo Widget in Blog or Wordpress

Guys, In this post i am going to share how to install CCTV widget for blogger and wordpress website or blog. Make your pictures as the camera floated look at the top right corner of my blog is very easily done. Latest widget CCTV Camera is introduced to add to blogger. The CCTV Camera is really impressive and animated. The coding for the CCTV Camera is very much simple


How to install in blogspot blog: 


  1. Open again blog. 
  2. Login to plan 
  3. Choose page elements 
  4. click Add a Gadget 
  5. Select HTML / JavaScript  and last,
  6. Copy and paste the script right yesteryear in HTML / JavaScript. Then save it, and see the results.
How to add Latest CCTV Cameras Photo Widget in Blog or Wordpress
shortcut ( Sign in to Blogger > Blogger Dashboard > Blog > Layout Gadget > Html / JavaScript )

Code:

<script language="JavaScript" src="http://js4you.googlecode.com/files/cctv.js" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("http://1.bp.blogspot.com/-jyICA3F7eOo/TbBE4YBgbpI/AAAAAAAAAEM/XU9sJQnzGvU/s1600/cctv.gif")</script>

How to install CCTV widget in wordpress Blog
  1. First Login your wordpress site
  2. Go to Dashbord
  3. Click on Appearance option
  4. Select widget option
  5. Select Text widget and paste the above code
Click here for demo - Latest CCTV Cameras Photo Widget in Blog or Wordpress

How to add Breaking News Widget in your Blogspot Blog

Friend, in this post i am going to share a blogger breaking new widget, we will add a new tool and easy, this tool you view the latest news blog in the form of a horizontal to suit the templates blogger. I hope you like it



Step to ad breaking news widget
  • Step 1 : Adding to Template
  • 1) Loging Blogger.com and select your blog and then Go to Blogger Dashboard → Template → Edit HTML.
  • 2) Now Find the code </body> using [ctrl+F] (Use In HTML Box)
  • 3) Now Paste the Code Shown Below just Before it.
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function () {
var url_blog = 'YOUR URL HERE', //replace with your Domain
    numpostx  = 10; //Posts want to display
$.ajax({
    url: '' + url_blog + '/feeds/posts/default?alt=json-in-script&max-results=' + numpostx + '',
    type: 'get',
    dataType: "jsonp",
    success: function(data) {
        var posturl, posttitle, skeleton = '',
            entry = data.feed.entry;
        if (entry !== undefined) {
            skeleton = "<ul>";
        for (var i = 0; i < entry.length; i++) {
                for (var j=0; j < entry[i].link.length; j++)
                {
                     if (entry[i].link[j].rel == "alternate")
                        {
                            posturl = entry[i].link[j].href;
                            break;
                         }
                }                posttitle = entry[i].title.$t;
            skeleton += '<li><a href="' + posturl + '" target="_blank">' + posttitle + '</a></li>';
        }
            skeleton += '</ul>';
            $('#recentpostbreaking').html(skeleton);
            // kode untuk efek pada breaking news
            function tick(){
            $('#recentpostbreaking li:first').slideUp( function () { $(this).appendTo($('#recentpostbreaking ul')).slideDown(); });
            }
        setInterval(function(){ tick () }, 5000);
        } else {
            $('#recentpostbreaking').html('<span>No result!</span>');
        }
    },
    error: function() {
            $('#recentpostbreaking').html('<strong>Error Loading Feed!</strong>');
       }      

});
});
//]]>
</script>
  </b:if></b:if>
4) Customize your setting.Find any word click F3 or Ctrl+F.
Replace YOUR URL HERE with your site url past here.
5) Now Find the code </head> using [ctrl+F] (Use In HTML Box)
6) Now Paste the Code Shown Below just Before it.

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style type='text/css'>
#beakingnews{width:980px;margin:0 auto;line-height:25px;height:25px;background:#F7F7F7;overflow:hidden;margin-top:5px;}
#beakingnews .tulisbreaking{display:block;float:left;padding:0 7px;margin:0 5px 0 0;color:#FCFCFC;background:#5F0000}
#recentpostbreaking{float:left}
#recentpostbreaking ul,#recentpostbreaking li{list-style:none;margin:0;padding:0}
</style>
  </b:if></b:if>

7) Now save your template.
Step 2 : Add Widget to your blog
1) Go to Blogger Dashboard → Layout → Page Elements.
2) Add a HTML/JavaScript Gadget.
3) Paste below code in it.     


<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div id='beakingnews'><span class='tulisbreaking'>Breaking News</span><!-- tag pembuka tempat Breaking News-->
<div id='recentpostbreaking'>Loading...</div><!-- tag tempat daftar Breaking News ditampilkan-->
</div><!-- tag penutup tempat Breaking News-->
</b:if></b:if>
<div style='clear: both;'/>


  5) Save your Widget.Don't forget to add the widget on the Center place.

How to disable right click on Blogger image using widget

Guys,Today i share how to disable right click on Blogger blog image. To know How to redirect your Blog site to other site click the link.

Instructions

  • Log in to blogger  Account
  • Then Go to Design and select Page Element
  • Click  'Add a Gadget' and select 'HTML/Javascript'
  • Paste below code.
<script language="JavaScript1.2">

var clickmessage="Right click disabled on images!"

function disableclick(e) {
if (document.all) {
if (event.button==2||event.button==3) {
if (event.srcElement.tagName=="IMG"){
alert(clickmessage);
return false;
}
}
}
else if (document.layers) {
if (e.which == 3) {
alert(clickmessage);
return false;
}
}
else if (document.getElementById){
if (e.which==3&&e.target.tagName=="IMG"){
alert(clickmessage)
return false
}
}
}

function associateimages(){
for(i=0;i<document.images.length;i++)
document.images[i].onmousedown=disableclick;
}

if (document.all)
document.onmousedown=disableclick
else if (document.getElementById)
document.onmouseup=disableclick
else if (document.layers)
associateimages()
</script>
4. Now click save option. you are done. 
Enjoy !!

How to redirect your Blog site to other site



Guys,Today i am going to share how to redirect your blogger site to other site or other post in your site. Like as your blog site name is http://computeruptodate.blogspot.com instantly redirect to http://www.computerjajot.com.

How to redirect your Blog site to other site

Also Read :-PC Shutdown and Restart Exclusive Tricks !




How to redirect your Blog site to other site 

Instructions:

  • First Log in to blogger  and then Go to Design >> Page Element
  • Click Add Gadget and select 'HTML/Javascript'
  • Paste below code 

 <form name="redirect">
<center>
<font face="Arial"><b>Your site will redirect within<br><br>
<form>
<input type="text" size="3" name="redirect2">
</form>
seconds</b></font>
</center>

<script>

var targetURL="http://www.computerjajot.com/"
var countdownfrom=10

var currentsecond=document.redirect.redirect2.value=countdownfrom+1
function countredirect(){
if (currentsecond!=1){
currentsecond-=1
document.redirect.redirect2.value=currentsecond
}
else{
window.location=targetURL
return
}
setTimeout("countredirect()",1000)
}

countredirect()
//-->
</script>

Replace  var target URL  with redirect URL
Replace var countdownfrom value for your like. (redirect time)

5.Click Save you are done.
Enjoy !!! 

Feature Article

Popular Posts

Recommended Article

Loading...

Live cricket