2016

PHP is considered as the most powerful computer language that makes things happen with the glimpse of seconds. However, PHP is not supported by Blogger or BlogSpot running platform which makes it extremely difficult to customize and implement some new latest developments, but there are still some ways through which you can add PHP codes in your Blogger enabled Website. Though, the results are not 100%, but it is far better than not having a PHP code on your blogger site. In this article, we will show you how to add PHP codes in Blogger.

How Embed a PHP Code or Website into Blogger Blogspot.


After creating and hosting the PHP file, login into your Blogger account. Once logged in, head over to the dashboard and select the blog on which you would like to add PHP Codes. Now it depends on your needs whether you want to add the PHP code in posts, pages, sidebar or footer. Just paste the following code anywhere you would like to display the PHP file.

<object width="400" height="300" type="text/html" data=" your-file.php"></object>


Note : Remember to replace 'URL.php' with your php file url. You can change 'width' and 'height' as your choice.


You have successfully added PHP codes to blogger. Go and check your blog to see if things are working as planned. Let us know, if you have a better way of doing this job.

Hello Friends, I hope you are doing well in your Blogging career. From last few days I have got complain that some template’s number page navigation is not working. This means when you want to navigate from one page to another page then it is not working. This problem is not arise from template, in real under Google Blogger platform Ajax is not supporting right now. I am not sure why this is happening? Because formerly Blogger support Ajax and it works smoothly.

How to fix number /Ajax Page navigation problem from all template 2016.

Whatever! I have use Ajax number page navigation in almost my entire Blogger templates. And suddenly it has stopped working. And not only in my template if you use any other designer’s Blogger template will you see the same problem, because those are designed with Ajax number page navigation.


In this article I have brought a solution where you can disable Ajax to make your number page navigation to work. This tutorial is for solving other Blogger template


  1. Go to https://www.blogger.com and Sign in to your account
  2. From Blogger Dashboard click on ->Template ->Edit HTML  
  3. And locate the “Ajax Script” like below.

  4. 
    function
     pageNavi(a){(function(e){var 
    i={postperpage:6,numshowpage:4,previous:"&#171; Prev",next:"Next
     &#187;",loadAjax:true,thumbnailSize:"s400",summaryLength:300};
    



    The above script may not be similar in all Blogger template but focus from loadAjax:true only.

  5. Now locate loadAjax:true from above script and replace it by loadAjax:false. I just change true to false in Ajax loader.
  6. Now simply hit the Save template from the top.
  7. .

I just disabled Ajax loading with page navigation script. Now check your Blogger template and see you can easily navigate from one page to another.


I think this problem arises for Blogger platform upgrade. And very soon Google will solve the issue. But till then you can solve your problem by using this trick.

I have also seen all MKR templates also using Ajax number page navigation. And those templates also stopped working. So if you want to solve the problem simply follow my instruction. I have applied this trick on MKR template and this is working 100% smoothly. For any further query feel free to leave a comment below.

Android Smartphones are the most used smartphones in the world. Due to this high number of users, there is a great consumption of Apps on android. The most noteworthy source of apps on Android is the Google play store. It is one of the main reasons of Android’s success because of its extensively huge App catalog. With Google Ply store, every app is just a few taps away. But Sometimes, your experience of installing your favorite app might be ruined by a few errors. One of the most common error on the Google play store is “Error Downloading there is insufficient space on device”. Many users have experienced this error even when they have free space on their device. this may be annoying and inconvenient. If you face the “Error Downloading their is insufficient space on device” problem on your android device, we have a simple and easy solution for you, which will remove the “Error Downloading their is insufficient space on device” warning from your Google play store. Just follow the steps given below.

How To Fix “Error Downloading There Is Insufficient Space On Device” Android

How To Fix “Error Downloading There Is Insufficient Space On Device” On Android ?

Method 1:-

When you don’t have enough storage space available in your device.

If you are running low on storage on your android smartphone, here are a few tips for you that can help you get rid of “Error Downloading- insufficient space on device”. Then, you can resume installing apps on your Android device from the Google Play store.

  • Uninstall unnecessary apps.
  • Clear Cache.
  • Delete Junk files.
  • Move media to SD card.
  • Transfer photos to cloud storage.
  • Clear Content of less used apps.

Method 2:-


Even if you have sufficient storage available on your Android device, Google play store might show “Error Downloading there is insufficient space on device”, and here is a method to fix it.
  1. Go to Settings > Applications.
  2. Swipe to “All applications“.
  3. Scroll to the Google play store app and open it.
  4. Click on “Clear Cache” & “Clear Data“
  5. Reboot your phone.
How To Fix “Error Downloading There Is Insufficient Space On Device” Android

Method 3:-


If Method 1. Doesn’t work for you, then you need to reinstall your Google Play store app.
Steps To Reinstall Play Store To Fix Error Downloading There Is Insufficient Space On Device” are:
  1. Go to Settings > Applications.
  2. Swipe to “All applications“.
  3. Scroll to the Google play store app and open it.
  4. Click on Uninstall updates.

  5. How To Fix “Error Downloading There is Insufficient Space On Device” Android 2016
  6. Reboot your device.
  7. Open the play store once, and keep the device connected to the Internet while your phone updates Google Play tore in the background.
Once the update is complete, you can resume installing apps on your phone from the Google play store.
In conclusion, We strongly hope the above guide helps you remove “Error Downloading there is insufficient space on device” for your Google Play Store. For any queries, write to us in comments below.

Hi Guys Today i will share Online movies HD Free,I Makes this list and collect movie lovers like this.

Currently viooz is offering a well expanded variety of films and that's why I listed it at #1 on my movies list

Movie List:

  1. http://www.subsmovies.com/ (With Subtitles)

TV

I've listed thewatchseries.to as #1 because it has always been good to me at finding the series I would like to watch
Live Streams TV-Movies
Good news everyone allinonestreams is back online they have been offline for a long while, now they are back up and running. Chrome is recommended for viewing.
Program Guide/TV Guide

Live News Streams CNN/MSNBC

Horror Movies

Documentaries

Anime & Cartoons

BOLLYWOOD Films

Really Old Films (30's 40's 50's 60's Classics)

Usa & Uk Channels Streaming

For Subtitles

Hope you likes my works.please share this and stay with us.

Recently we have seen some unexpected changes on our Blog URL. That is Domain URL is changing automatically. For example: from [blogname].blogspot.com to [blogname].blogspot.com.in). This is not an error from your Domain name provider. Many newbie think that their Blog URL is redirecting for the malfunctioning, but in real this is done by Google itself. Based on your Blog visitors your domain will automatically redirect to a country specific URL (ccTLD).


How to Stop Blog redirection to a country-specific URL (ccTLD) 2016


The prime reason behind country redirection domain is to implement the laws to free expression and controversial contents. For example:  Same law is not application to all countries or geo locations. So When Google receives a content removal request from local areas that violate local law then content will be remove from the local domains.

So this means country specific domains is not a different Blog address. But your Blog domain will redirect based on the country where you are currently located.

Does it affect my Blog?

  • Country-specific URL (ccTLD) won’t affect you Blog.
  • If you are using your Blog with custom domain then obviously it won’t affect by redirection
  • BlogSpot domain users will see country specific domain but this is totally based on their location.
  • It won’t affect your Blog visibility on search engine
  • There are a simple SEO related issue because in every crawl search engine have to find your content from different domain. But Blogger is now working on it that will make search engine to find content from [blogname].blogspot.com version only.

List of Country-specific URL (ccTLD)

Generally we see Country-specific URL (ccTLD) in case of below countries-
  • Argentina (blogspot.com.ar)
  • Australia (blogspot.com.au)
  • Brazil (blogspot.br)
  • Canada (blogspot.ca)
  • Germany (blogspot.de)
  • India (blogspot.in)
  • Indonesia (blogspot.co.id)
  • Italy (blogspot.it)
  • France (blogspot.fr)
  • Japan (blogspot.jp)
  • Mexico (blogspot.mx)
  • New Zealand (blogspot.co.nz)
  • Portugal (blogspot.pt)
  • Spani (blogspot.cl)
  • Sweden (blogspot.se)
  • UK (blogspot.co.uk)

For example you Blog URL is [blogname].blogspot.com but when users visit your Blog from Canada then the URL will be changed to [blogname].blogspot.ca but don’t worry it is not harmful for your Blog Domain.

How to stop or prevent country redirection from your Domain?

Though Google has introduced this function and they have also given the solution. However we can prevent this function by 2 ways those has given below-
  • Prevent Domain redirection by ncr (No Country Redirect)
  • Stop Domain Redirection by using JavaScript

1. Prevent Domain redirection by ncr (No Country Redirect)

This method has given by Google and this is very easy method. Just you have to add ncr at the end of your all URL.
http:// [blogname].blogspot.com/ncr
http:// [blogname].blogspot.com/ncr/p/disclaimer.html
http:// [blogname].blogspot.com/ncr/2016/03/stop-country-redirect-on-blogspot-with-javascript.html
However this is a manual process and everybody don’t like this. Because every time your Blog readers have to add ncr at the end of your Blog ULR. And I think nobody would love to add ncr frequently.

2. Stop Domain Redirection by using JavaScript

Fortunately we can use JavaScript to stop country specific redirection of Domain. This is just one time integration process. After adding the JavaScript your Blog will always redirect to your original domain.

Step 1 Log in to your Blogger account and Go to your Blogger Dashboard
Step 2 Click on -> Template -> Edit HTML

Step 3 Now Find this code  by pressing Ctrl+F (Windows) or CMD+F (Mac)  

Step 4 Copy the script from below and paste the code below/after 



<script type="text/javascript">
var blog = document.location.hostname;
var slug = document.location.pathname;
var ctld = blog.substr(blog.lastIndexOf("."));
if (ctld != ".com") {
var ncr = "http://" + blog.substr(0, blog.indexOf("."));
ncr += ".blogspot.com/ncr" + slug;
window.location.replace(ncr); }
</script>

Step 5 Now simply click Save template button.
Now it will help to stop country-specific redirection on your Blog. Visitors won’t see any other Country-specific URL (ccTLD) while they visit your site. This JavaScript will take your visitors to top-level domain without any extra domain suffix. 
Any type of information please Contact us.

If you have any problem, then feel free to communicate by comment box. If you like this widget, then don't forget to share this post with your social media.

There is a debatable topic on selecting comment box for blogger blog, there are numbers of comment platform available on for blogger user like Disqus, Facebook, Livefyre, and so on. There is a positive and negative points of individual comment platform, If we want to gain the all advantages of each comment system than we have to add multiple comment system in our blogger blog.

How to Use Blogger, Disqus and Facebook Comment tab Together on Blogger. 

 Today i am here bring the plugins that will helps you to integrate major comment like blogger, facebook and Disqus. I had visited one WordPress based blog which having all three integrated comment system, based on that idea i had develop this plugins i hope you will enjoy this.

Demo Here

Integrate Facebook, Disqus and Blogger Comment Together

Before proceeding you must have to have disqus and Facebook App Id

Follow Instruction

  1. Login back to your blogger account Select your blog < Template < Edit HTML
  2. Save a backup of your blog template code first, now click inside the template code box.
  3. Now Find the <head> By Pressing Ctrl+F (Windows) or CMD+F (Mac)
  4. Step  Copy and Paste the below code above </head>


  5. <meta content='priosoft' property='fb:admins'/>
    <meta content='3840756250xxxxx' property='fb:app_id'/>
    <script src='http://code.jquery.com/jquery-latest.pack.js'/>
    <script src='http://prio-soft.sextgem.com/js/tabcommentstyle.js'/>
    <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>


    Replace priosoft with with your own personal facebook username.
    replce 3840756250xxxxx with your own facebook App Id.

  6. Now search for below code

  7. <div class='comments' id='comments'>


    If you find multiple code than paste below code under each
    <div class='comments' id='comments'> code

  8. Use Below Integrated Facbook, disqus and blogger tab generator, Copy and Paste Generated Code Just After <div class='comments' id='comments'>  code.

  9. Click Here

  10. Locate <body> By Pressing Ctrl+F (Windows) or CMD+F (Mac) and copy
    the below JavaScript and paste it above/before </body>

  11. 
    <script type='text/javascript'>
    /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
    var disqus_shortname = &#39;Disqus-Site-Name&#39;; // required: replace example with your forum shortname
    /* * * DON&#39;T EDIT BELOW THIS LINE * * */
    undefinedfunction undefined) {
    var s = document.createElementundefined&#39;script&#39;); s.async = true;
    s.type = &#39;text/javascript&#39;;
    s.src = &#39;//&#39; + disqus_shortname + &#39;.disqus.com/count.js&#39;;
    undefineddocument.getElementsByTagNameundefined&#39;HEAD&#39;)[0] || document.getElementsByTagNameundefined&#39;BODY&#39;)[0]).appendChildundefineds);
    }undefined));
    </script>
    


    Replace Green Highlighted Disqus-Site-Name with your own disqus site username.
  12. You're done. Now Save template and see result by refreshing page.
If you find any trouble regarding appearance of 3 comment box, kindly change the comment setting as per instruction. Go to Setting > Post and Comment > In field of comment location select option "Embedded or Full Page" and check it respectively

If you have any problem, then feel free to communicate by comment box. If you like this widget, then don't forget to share this post with your social media.

Installing the Share Button with Counter Responsive Blog .This time i will share a widget is already familiar for Blogger. Yes, this is a share button widget that is often encountered in the blog buddy who put it up. The function of the share button widget is still the same as other widgets share button that allows visitors to share articles were deemed useful to the social media. Reviews Reviews This widget also supports the display responsive and augmented with plugins counter from Donreach .which will bring the number of shares that is clicked by visitors. To view this from the share button can mate look like the picture above. Reviews Reviews This widget uses font-awesome, make sure the template is already there is a link font-awesome.Now Follow This Steps.

Responsive Share Buttons with Counter For Blogger.

Demo Here

Install Responsive Share Buttons with Counter For Blogger

  1. Login back to your blogger account Select your blog < Template < Edit HTML
  2. Save a backup of your blog template code first, now click inside the template code box.
  3. Now Find the <head> By Pressing Ctrl+F (Windows) or CMD+F (Mac)
  4. Step  Copy and Paste the below code above </head>


  5. 
    <link href='//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css' rel='stylesheet'/> 
    


    If this script above previously has been installed on your blogger template then skip this step

  6. Now Find the ]]></b:skin> By Pressing Ctrl+F (Windows) or CMD+F (Mac)
  7. Copy and Paste the below code above ]]></b:skin>


  8. 
    /* Responsive Share Buttons with Counter For Blogger by http://prio-soft.blogspot.com */
    .tbn_horizontal_sharebar {
        position: relative;
        background: none;
        z-index: 2;
        width: 100%;
        padding: 10px 0;
        display: inline-block;
        font-family: sans-serif;
        margin: 5px 0px;
        border-top: 1px dotted rgba(0, 0, 0, 0.05);
        border-bottom: 1px dotted rgba(0, 0, 0, 0.05);
    }
    .tbn_horizontal_sharebar .Share_buttons {
     display: block;
    }
    .tbn_horizontal_sharebar .Share_buttons .wrap {
        text-align: center;
        margin: 0 auto;
        display: inline-block;
        min-width: 41px;
    }
    .tbn_horizontal_sharebar .Share_buttons .wrap1 {
        display: inline-block;
        width: 31px;
        float: left;
    }
    .tbn_horizontal_sharebar .Share_buttons ul {
        margin: 0;
        padding: 0;
    }
    .tbn_horizontal_sharebar .Share_buttons ul li a, .tbn_horizontal_sharebar .Share_buttons ul li a:hover {
        color: #FFF !important;
        cursor: pointer;
        line-height: 25px;
        height: 100%;
        display: block;
        text-decoration: none;
    }
    .tbn_horizontal_sharebar .Share_buttons ul li {
        list-style: none;
        list-style-type: none;
        padding: 0;
        margin: 1px;
        float: left;
        width: 16%;
        max-width: 115px;
        display: inline-block;
        font-size: 13px;
        overflow: hidden;
        text-align: left;
        height: 25px;
        line-height: 25px;
        color: #fff;
        border: 1px solid rgba(0,0,0,0.04);
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }
    .tbn_horizontal_sharebar .Share_buttons ul li .fa {
        color: #fff;
        font-size: 17px;
        font-weight: normal;
        font-family: FontAwesome;
        display: inline-block;
        text-align: center;
        padding: 0;
        height: 25px;
        line-height: inherit;
        width: 30px;
        background-color: rgba(0,0,0,0.1);
        border-right: 1px solid rgba(0,0,0,0.05);
    }
    /*--Facebook---*/
    .tbn_horizontal_sharebar .Share_buttons .btn_fb {
        background: #3a579a;
    }
    .tbn_horizontal_sharebar .Share_buttons .btn_fb:hover {
        background: #314a83;
    }
    /*--Tweeter---*/
    .tbn_horizontal_sharebar .Share_buttons .btn_twtr {
        background: #00abf0;
    }
    .tbn_horizontal_sharebar .Share_buttons .btn_twtr:hover {
        background: #0092cc;
    }
    /*--Google Plus---*/
    .tbn_horizontal_sharebar .Share_buttons .btn_gplus {
        background: #df4a32;
    }
    .tbn_horizontal_sharebar .Share_buttons .btn_gplus:hover {
        background: #be3f2b;
    }
    /*--Pinterest---*/
    .tbn_horizontal_sharebar .Share_buttons .btn_pntrst {
        background: #cd1c1f;
    }
    .tbn_horizontal_sharebar .Share_buttons .btn_pntrst:hover {
        background: #ae181a;
    }
    /*--linkedin---*/
    .tbn_horizontal_sharebar .Share_buttons .btn_linkdin {
        background: #2554BF;
    }
    .tbn_horizontal_sharebar .Share_buttons .btn_linkdin:hover {
        background: #224EB4;
    }
    /*---Total Share----*/
    .tbn_horizontal_sharebar .Share_buttons .share.h6 {
        font-size: 10px;
        font-weight: bold;
        text-shadow: none!important;
        text-decoration: none;
        text-align: center;
        color: #000000;
        border-top: 3px solid #FFF600 !important;
        border-bottom: 0;
        padding: 0px !important;
        padding-top: 5px!important;
        margin: 0 !important;
        line-height: 8px;
        border-radius: 75% 0;
    }
    .tbn_horizontal_sharebar .Share_buttons .share {
        border: none;
        margin: 0px 5px 0px 1px;
        overflow: visible !important;
        width: 95px !important;
    }
    .tbn_horizontal_sharebar .Share_buttons .share .count.h4 {
        font-size: 18px;
        font-weight: bold;
        text-shadow: none;
        text-decoration: none;
        font-family: sans-serif;
        text-align: center;
        color: #FF0000;
        line-height: 15px;
        margin-top: 0px;
        margin: -4px 0px 2px 0;
        min-height: 15px;
        padding: 0px;
        border: none;
    }
    .tbn_horizontal_sharebar .Share_buttons .btn_fb .share-btn,
    .tbn_horizontal_sharebar .Share_buttons .btn_twtr .share-btn,
    .tbn_horizontal_sharebar .Share_buttons .btn_gplus .share-btn,
    .tbn_horizontal_sharebar .Share_buttons .btn_pntrst .share-btn,
    .tbn_horizontal_sharebar .Share_buttons .btn_linkdin .share-btn {
        position: relative;
        color: #C3C3C3;
        display: inline-block;
        text-align: center;
        font-weight: bold;
        font-size: 11px;
        float: right;
        min-width: 12px;
        font-family: sans-serif;
        padding: 0px 5px;
        background-color: rgba(0,0,0,0.28);
        border-radius: 0px 0px 0px 15px;
    }
     @media only screen and (max-width: 979px) {
     .tbn_horizontal_sharebar .Share_buttons .btn_linkdin {
      width: 34px;
    }
    .tbn_horizontal_sharebar .Share_buttons .btn_fb .share-btn,
    .tbn_horizontal_sharebar .Share_buttons .btn_twtr .share-btn,
    .tbn_horizontal_sharebar .Share_buttons .btn_linkdin .share-btn,
    .tbn_horizontal_sharebar .Share_buttons .btn_gplus .share-btn,
    .tbn_horizontal_sharebar .Share_buttons .btn_pntrst .share-btn
     {
     display: none !important;
    }
    }
     @media only screen and (max-width:768px) {
    .tbn_horizontal_sharebar .Share_buttons ul li a, .tbn_horizontal_sharebar .Share_buttons ul li a:hover {
        color: #FFF !important;
        cursor: pointer;
        line-height: 25px;
        font-size: 11px;
        height: 100%;
        display: block;
        text-decoration: none;
    }
    .tbn_horizontal_sharebar .Share_buttons .wrap {
        min-width: 34px;
    }
    .tbn_horizontal_sharebar .Share_buttons .btn_linkdin,
    .tbn_horizontal_sharebar .Share_buttons .btn_pntrst {
        width: 30px;
    }
    .tbn_horizontal_sharebar .Share_buttons ul li {
       margin: 1px 3px;
    }
     @media only screen and (max-width:479px) {
     .tbn_horizontal_sharebar .Share_buttons .share {
        border: none;
        margin: 0px 5px 0px 1px;
        overflow: visible!important;
        width: 80px!important;
    }
    .tbn_horizontal_sharebar .Share_buttons ul li {
        width: 25px !important;
        margin: 2px;
        border-radius: 50px;
        border: 2px solid rgba(0, 0, 0, 0.14);
    }
    .tbn_horizontal_sharebar .Share_buttons .wrap {
        display: none !important;
    }
    .tbn_horizontal_sharebar .Share_buttons ul li .fa {
        width: 25px !important;
    }
    }
    

  9. Add the code below just below or above the <data:post.body/> or <div class='post-footer'>

  10. 
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
    <script type='text/javascript'>//<![CDATA[
    $(document).ready(function () {
      var shareUrl = $("link[rel=canonical]").attr("href");
        $.getJSON('http://sharecount.twistblogger.com/?url=' + encodeURIComponent(shareUrl) + "&callback=?", function (data) {
            shares = data.shares;
            $(".count").each(function (index, el) {
                service = $(el).parents(".share-btn").attr("data-service");
                count = shares[service];
                if (count > 1000) {
                    count = (count / 1000).toFixed(1);
                    if (count > 1000) count = (count / 1000).toFixed(1) + "M";
                    else count = count + "k";
                }
                $(el).html(count);
            });
        });
    });
    //]]></script>
    <div class='tbn_horizontal_sharebar'>
    <div class='Share_buttons'>
      <ul>
      <li class='share'>
        <div class='share-btn' data-service='total'>
            <div class='count h4'></div>
            <div class='share h6'>SHARES</div>
      </div>
      </li>
      <li class='btn_fb'><a expr:href='&quot;   http://www.facebook.com/share.php?v=4&amp;   src=bm&amp;   u=&quot; + data:post.url + &quot;   &amp;   t=&quot; + data:post.title' onclick='window.open(this.href,&quot;   sharer&quot;   ,&quot;   toolbar=0,status=0,width=626,height=436&quot;   );   return false;' rel='nofollow'>
    <div class="wrap1"><i class="fa fa-facebook"></i> </div>
      <div class="wrap">Share</div>
      <div class='share-btn' data-service='facebook'>
            <div class='count'/></div>
      </a>
      </li>
      <li class='btn_twtr'><a expr:href='&quot;https://twitter.com/intent/tweet?url=&quot; + data:blog.url + &quot;&amp;text=&quot; + data:post.title + &quot; via @TwistBlogger - &quot;' onclick='window.open(this.href,&quot;   sharer&quot;   ,&quot;   toolbar=0,status=0,width=626,height=436&quot;   );   return false;' rel='nofollow'>
      <div class="wrap1"><i class='fa fa-twitter'></i></div>
      <div class="wrap">Tweet</div>
      <div class='share-btn' data-service='twitter'>
            <div class='count'/></div>
      </a>
      </li>
      <li class='btn_gplus'><a expr:href='&quot;http://plus.google.com/share?url=&quot; + data:blog.url' onclick='javascript:window.open(this.href,&quot;   &quot;   ,&quot;   menubar=no,toolbar=no,resizbutton_le=yes,scrollbars=yes,height=600,width=600&quot;   );   return false;   ' rel='nofollow'>
      <div class="wrap1"><i class='fa fa-google-plus'></i></div>
      <div class="wrap">Share</div>
      <div class='share-btn' data-service='google'>
            <div class='count'/></div>
      </a>
      </li>
      <li class='btn_pntrst'><a data-pin-config='beside' expr:href='&quot;   http://pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;   &amp;media=&quot; + data:blog.postImageUrl + &quot;&amp;description=&quot; + data:post.title' onclick='window.open(this.href,&quot;   sharer&quot;   ,&quot;   toolbar=0,status=0,width=626,height=500&quot;   );   return false;' rel='nofollow'>
      <div class="wrap1"><i class='fa fa-pinterest'></i></div>
      <div class="wrap">Pin</div>
      <div class='share-btn' data-service='pinterest'>
            <div class='count'/></div>
      </a>
      </li>
      <li class='btn_linkdin'><a expr:href='&quot;   http://www.linkedin.com/shareArticle?mini=true&amp;   url=&quot; + data:post.url + &quot;   &amp;   title=&quot; + data:post.title + &quot;   &amp;   summary=&amp;   source=&quot;   ' onclick='window.open(this.href,&quot;   sharer&quot;   ,&quot;   toolbar=0,status=0,width=626,height=500&quot;   );   return false;' rel='nofollow'>
      <div class="wrap1"><i class='fa fa-linkedin'></i></div>
      <div class="wrap">Share</div>
      <div class='share-btn' data-service='linkedin'>
            <div class='count'/></div>
      </a>
      </li>
      </ul>
      </div>
      </div>
    </b:if>
    </b:if>
  11. Step You're done. Now Save template and see result by refreshing page.

If you have any problem, then feel free to communicate by comment box. If you like this widget, then don't forget to share this post with your social media.
Any type of information please Contact us.

Hello Guys Today i will share an awesome widget for blogger.Its look really beautiful
You can make your blog look more attractive by installing a slider image on your blog, to add to the appeal so that visitors interested to see pictures and links in seven by the slider.
Wow Slider with thumbnails Widget For Blogger.
There are many kinds of sliders that you can post on your blog, such as automatic slider recent article discussed earlier and also image slider where comrade must enter the picture buddy want into the slider.Now Follow The Steps.

[accordion][item icon="eye" title="DEMO"]
[/item][/accordion]

jQuery Image Slider with Thumbnails:

  1. Login back to your blogger account Select your blog < Template < Edit HTML
  2. Save a backup of your blog template code first, now click inside the template code box.
  3. Now Find the ]]></b:skin> By Pressing Ctrl+F (Windows) or CMD+F (Mac)
  4. Copy and Paste the below code above ]]></b:skin>


  5. /* image slider by prio-soft */
    .slider-box { background:none repeat scroll 0 0 #FAFAFA; border-radius:5px 5px 5px 5px; box-shadow:0 0 3px #333333; margin:0 auto; width:675px; overflow:hidden; }
    #slider-wrapper { margin:0 auto; padding:10px; }
    #jslider-container { border:2px solid #FFFFFF; max-width:550px; position:relative; text-align:left; z-index:90; }
    

  6. Now Find the <head> By Pressing Ctrl+F (Windows) or CMD+F (Mac)
  7. Step  Copy and Paste the below code above </head>


  8. 
    <link href="http://project.dimpost.com/image-slider/wowslider/css/wow-slider.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
    <script type="text/javascript" src="http://dimpost.googlecode.com/files/wow-slider.js"></script>
    



  9. Click on Save template to apply the CSS code to your blog.
  10. After adding the code to your blog’s template, all you need to do next is add the below line of code where ever you want to add the download button while composing a post.


<div class="slider-box"><div id="slider-wrapper"><div id="jslider-container"><div class="jslider_images"><ul><li><a href="http://prio-soft.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8SxEo2kw1V23NiL106mY4N4YHnn44kEeRo_41Gl9ob8riPkAXrfKLzV_5nb_9ENeh3KZWzfSkpJOyAKkIHKllf1adjw9bvIgpFT9U91kEGr3ZygACjaXKKbo_vAdNeDkvfmJLoRRiS7cX/s550/sample1.jpg" title="Sunset"/></a>A boat with beautiful sunset.</li><li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV11ItZAUyeELtpk4c2_Ji7acTmHOsGfa_aUtzyeShcguoh8Np7NkVp97RT4MGC7OuOjwoXFWGs4ejdXxGKLO-JUe6fa8UmAHc9_btJuUxa4M9-zMLpZPAKkzoIQ5GNIMW6PHerxvojcq2/s550/sample2.jpg" title="Rainbow"/></a></li><li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijY5OpVklQqdWgoixrRSqmMuEEDBPoHz3zyJx4dqn1LSC4hCCpBeX8X5c5b6fZrlimTJVBUcjlyNjdCGo3xtTYaStjXXEUDHPYvVm2txb9KsOYAl7he57vWyAiA5kjZHYz1rHGazsch-cn/s550/sample3.jpg" title="True Nature"/></a>Tree in field with blue sky.</li><li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIcQNX7MA3ziHwrlV8c6MsaTKvegLn_GvafxoyKbiDzC9GrHVpz3k51ccEMUI1wkakyZhlFfyT3Yr6q8JLhD3gNoVxJR7ndevDoJdMDYXGyKKlvbBiShou8iRiK04LoKUpCRY-BApG6cTV/s550/sample4.jpg" title="Sunrise""/></a>Amaizing sunrise moment</li><li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZryszgIU9azE8_lnyQux-Dnl6W03nl04zHt2NEi97lUIBPtAIYiPjgX1LjGGQiaintqiJD0eN7RgkYZfqnmvm_Anro3Vs5f9KiJsvbDtSleXG2QXbG8_Pv9k2TtfotrPvLXY0QoqcIZEM/s550/sample5.jpg" title="CAR in HDR Nature"/></a></li><li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrKnZx5S6v0QVOKB8hSvgnG49q2ss9Rj24T3dqXV62uHPB6sacgVczTiN0wW0l6w01VVoNjjJB9RjQN5B7zqXXP9QQ7t8kODa1SBn3e5ebuJ0_-5wtzD3raJ5bRCMI7LSpcPoasdb6NEU0/s550/sample6.jpg" title="Sunshine"/></a></li></ul></div><div class="jslider_thumbs"><div><a href="#" title="Sunset"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivcF5cUxIq-7BQvgU0hyphenhyphenRcaFA1No5-M9HxNSaEw-VZQ4uKKWfbLMwMPzoEh8Zdh3R0CRKeaKqMndWyeH6km5WkCVilspd2WGvWezMjbTywIMewd_ML80H5GMz_rXMfFotjVDat8AwvcAvY/s85/sample1.jpg"/></a><a href="#" title="Rainbow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX-yZd6zmZi9Mgkv1tnuLqRcTx1YCVVmh9rExaNeDpJrJzYD10Ce5PkhbFO3qz6T8UoN_FxUf_-r-NQtVGcYDZpQvQgPaIr-JoGxWSRRbUSPVVQpMuxtKr7grJ7NMpqBIOlXcWUZh0Caqm/s85/sample2.jpg"/></a><a href="#" title="True Nature"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7Kqxk1u1pzXmhktriW3Sflu37lhUAElE60Eu7mQ0Kc04cPV1shn1uLq_-GBH4zED68GU3ZdYmWjR3WCm8mUHb_X0na47eKUGJkoN7n3Pj3qyptO5MtxafIjARXtS-AxYod9p1Rli0XQmo/s85/sample3.jpg"/></a><a href="#" title="Sunrise"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2qytaJZUn7uSwsoMGHiS8NQsFPpGaP-FOV3MlbAp_g9jYw8Qa9N5F9hh45d-zmSazLzFHxeKT2HE6GO-54gFDG1-s7eNXxZhtuUIwNH4rL5jfT3gOfU3d9TPQlU5SN24ryCwaKmnr-08b/s85/sample4.jpg"/></a><a href="#" title="CAR in HDR Nature"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkzYsqLNYUKh8D-Lba_Ui5ItmG3wxDfMQyx48zizeTWBwHcNOCuZ33Gd34aLxgifHymHCDz9S0phgtMCtAJ0kQVhj7dyMrPGqxXUQ7lLVtIJs6B3BE4YRaAk6C_UA6aXVZXIcNf8CqowFF/s85/sample5.jpg"/></a><a href="#" title="Sunshine"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaDKXwhfLINZhAYuqcfXetVK-K_3ZUKU1va2K_hlxRoFtM9_xmJMhnt4c7mN17mDgKruiif0tlL9cBCJHnuE6EMzs5Ar0pe9CTxvQ9Uf_Z_5iRJ3MRjrn467micYKH6H_Y-Vs_-SS4t5oO/s85/sample6.jpg"/></a></div></div></div></div></div>

Customization:


Now replace all with a link destination image and caption.

If you have any problem, then feel free to communicate by comment box. If you like this widget, then don't forget to share this post with your social media.
Any type of information please Contact us.

Image slider is very popular widget blogger.Its Look your image more beautiful.
Today i will share awesome css slider.just follow my step, here steps are current blows.

Awesome Css Image Slider widget for blogger.


[accordion][item icon="eye" title="DEMO"]
[/item][/accordion]

Install Css Image Slider widget blogger:

  1. Login back to your blogger account Select your blog < Template < Edit HTML
  2. Save a backup of your blog template code first, now click inside the template code box.
  3. Now Find the ]]></b:skin> By Pressing Ctrl+F (Windows) or CMD+F (Mac)
  4. Copy and Paste the below code above ]]></b:skin>


  5. 
    /* image slider by prio-soft */
    #sliderFrame { position:relative; width:100%; margin:0 auto 10px; }
    #slider { width:100%; height:306px; background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm1LMt8pyJxPMbqMM2AOg0XnG2nAvT1DSPUrsgDpSCYTBLucQ49j8Q4aGrE7b_E0C5LR4wkfrZ95njn35qBavPVotvyWmyZEhoLRx8CbyL4OqMEclmOMS2T4baP2XfMicVKmEjCsvXVumf/s1600/loading.gif) no-repeat 50% 50%; position:relative; margin:0 auto; box-shadow:0 1px 5px #999999; }
    #slider img { position:absolute; border:none; display:none; }
    #slider a.imgLink { z-index:2; display:none; position:absolute; top:0; left:0; border:0; padding:0; margin:0; width:100%; height:100%; }
    div.mc-caption-bg,div.mc-caption-bg2 { position:absolute; width:100%; height:auto; padding:0; left:0; bottom:15px; z-index:3; overflow:hidden; font-size:0; 
    div.mc-caption-bg { background-color:black; }
    div.mc-caption { font:bold 14px/20px Arial; color:#EEE; z-index:4; padding:10px 0; text-align:center; }
    div.mc-caption a { color:#FB0; }
    div.mc-caption a:hover { color:#DA0; }
    div.navBulletsWrapper { background:none; padding-left:20px; position:relative; z-index:5; cursor:pointer; }
    div.navBulletsWrapper div { width:11px; height:11px; background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYEwG2hFbH9SUSDe0qqjBE86PoGxNR0FSGzsDquo_uCd7gVUkDQlqTUP_e15LtFCULR8QWOUinDepKB4SvccyJn41zgiTxzOANWIwAHLeE1wGoX4wau33NSK9eJqAnHtNvay5wMSHv7xet/s1600/bullet.png) no-repeat 0 0; float:left; overflow:hidden; vertical-align:middle; cursor:pointer; margin-right:11px; position:relative; }
    div.navBulletsWrapper div.active { background-position:0 -11px; }
    .intro { bottom:0; color:rgba(0,0,0,0.2); font-size:16px; position:absolute; right:0; text-decoration:none; z-index:99999; }
    #slider { transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); }
    

  6. Now Find the <head> By Pressing Ctrl+F (Windows) or CMD+F (Mac)
  7. Step  Copy and Paste the below code above </head>


  8. 
    <script src='https://project.dimpost.com/image-slider/js-image-slider-2.js' type='text/javascript'></script>
    



  9. Click on Save template to apply the CSS code to your blog.
  10. After adding the code to your blog’s template, all you need to do next is add the below line of code where ever you want to add the download button while composing a post.

<div id="sliderFrame">
<div id="slider">
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXptWoOq3MCulhnpVONrNmkreFcxCLKArBMY0sy2cqnB9a6rzjU0kI8qtJPnTI4FwZRTw5gcArtw6IIpNI3VfXYlgIPJbihcC_Iyaamg2EYECbkz7-tcc-rlX1u_0pfTfZEevUBSyHjhq8/s1600/image-slider-1.jpg" alt="#htmlcaption1" /></a>
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipX82Uq01FQbMmgGeXyCqJ-jK78yioH965kwGzoHG4ckUGCDQwKEcwkLU6Xee0DYjxwnWaN4OW5B-y4mZMXcYR1ZKbKhul5EPuLdXo_UHrJbLs8yT1l6nnXLbcB2Yho-gBLkp2wmex3eFf/s1600/image-slider-2.jpg" alt="Go UP!" /></a>
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJgSrx98Mhv4ZbKJbHlOcP7pcpgrMq6Rou_qA1TrAfHvg86p9z7MsBGiqAEOe4lbZgUwATAlqPHfAYnWkRpt-m6NEhh9IsCozS2JgxuEX_VCeaqnVMVgcUcCiBD-ut_0iqOPKSMYeSEHSC/s1600/image-slider-3.jpg" alt="Pure Javascript. No jQuery. No flash." /></a>
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGSOMy3uWZj781TZc7-P3JDeaSX0pibzL2p_7J4xSkVChF1zhqGHR171-YDvjEOAaZRUW5YdOswxC4tXfgST-iHX3MqMsHr0ck4XAmlfxdHIJN4I761bJGad-xHhRW8KEisU0V7KguyUmv/s1600/image-slider-4.jpg" alt="#htmlcaption2" /></a>
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6cr1yi9-INDRyZH9Fxf0PKl7czA1fV99zDnXZLIMVzaPqOCzPoDvo2fYSYiteVbUMGj7hXq9ylBLENsBfCuhISmHsYTg4Nna4fsiCP1WjbhcW42QiaJhpwVeB4A9IwfOJwi2ZAaugQF_9/s1600/image-slider-5.jpg" alt="Stay Connected"/></a>
</div>
<div id="htmlcaption1" style="display: none;"> Image Slider by <a href="https://prio-soft.blogspot.com/" target="_blank">prio-soft</a>
</div>
<div id="htmlcaption2" style="display: none;"> <a href="http://prio-soft.blogspot.com/" target="_blank">CSS</a> <a href="http://prio-soft.blogspot.com" target="_blank">JavaScript</a> Rocks.
</div>

Customization:


Now replace all code blue above with a link destination image, color coded green is an image link, and code / writing in red is the caption.

If you have any problem, then feel free to communicate by comment box. If you like this widget, then don't forget to share this post with your social media.
Any type of information please Contact us.

Swicther!
Layout
Boxed Full
Boxed Background Image
Main Color
#007ABE

Shawon Khan

{picture#https://1.bp.blogspot.com/-BDYMzedJdjs/UAI7F8ZNFKI/AAAAAAAAACY/yhMlXb-dkDU/s50/avatku.jpg} Nor is it at all prudent for the hunter to be over curious touching the precise nature of the whale spout. {facebook#http://facebook.com} {twitter#http://twitter.com} {google#http://google.com} {pinterest#http://pinterest.com} {youtube#http://youtube.com}

Contact Form

Name

Email *

Message *

Powered by Blogger.