How to protect blogger post or page with the password

In this article, I will tell you how you can protect your post or page with a password on the blogger. If you want to sell any content on the blogger then you can use this trick to sell any content by blogger. If you want to give anyone any kind of personal docs by blogger then you can lock the page with the password so no one can view the content of this page.
If you don't understand then please see a preview of this script click on the below preview button to see the demo of password protected page. The password of the preview page is "test".

PREVIEW

Now if you see the preview then I hope you understand what I want to tell you. So many readers of this article tell me this, not an approved version! For who tells this I tell him you can't customize this boxed because this is not run by your theme CSS it's run by the alert box of the browser. All browser has a different kind of dialogs box.

The benefit of this script

There are so many benefits to this script. So those are some highlighted features of this script:

1. Protect page or post.
2. Save your personal docs.
3. No ignorable points.
4. Many more...

Now if you read details about those features then you can see by searching on google.

How to add this script on post or page

If you want to add this password script on your blog post/page then follow all the bellow steps I am telling you:

1. Open your post editor in the HTML view of the blogger.
2. Now copy the below code and paste it on the below of your post/page HTML view.
   
   

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var password = 'password'
password=prompt('Please enter the password to enter this post:','');
if (password != 'password') {
location.href='URL';
}
// End -->
</SCRIPT>

3. Now open change password text with your password and add your blog homepage URL on the URL text.

Now publishes your article and see. Done.

Conclosing

Now after this code adding done don't forget me give a small thanks. You can also give your feedback on the comment section it's always opened for you. Thanks for stay with us.

How to protect blogger post or page with the password

08:17 blogger

How to install lazy load on Blogger

Lazy load: There is so much way to make your blog faster but the best way is using lazy loading script. In this article, I will talk about how you can install the lazy load script on Blogger. There is so much lazy loading script but the same time lazy loading script makes down your blog full load time this why I am all problem and make a new lazyloading using javascript. Let's tell you some facts about lazy loading.

What is the lazy load

When anyone browses your blog or website all script and image it's load when the person opens your blog this why your blog loses speed. Now if you use lazy load script it's run image and script when the user needs this image or script. If you want to know more about lazy loading then you can read in Wikipedia (https://en.wikipedia.org/wiki/Lazy_loading).

Compare

So let me show you my blog speed without lazyload script and with lazy load script. 

Without lazy load script

See on the below image it's the speed of my Blog. If you see on the image carefully then you see this not a good speed, impact, in my opinion, it's world waste speed ever.

Without Lazy Load Script Speed

Now you can see on the image it's not a dem speed the main loading speed is only 89%.

With lazy load script

Now I am already showing you the speed without lazy loading script so now let's show you the speed using lazy load script on my blog.

With Lazy Load Script Speed

Now if you see on both images with lazy load script without lazy load script there is so much different fast one is the speed then fully load time and on the last the page size and request number. I hope you will understand both differences.

How to install the lazy load script

Open your Blogger dashboard go to the theme section then and HTML edit of your theme. Now search for </body> tag then add the below code after </body> tag.

<script>
//<![CDATA[
// Lazy Load
(function(a){a.fn.lazyload=function(b){var c={threshold:0,failurelimit:0,event:"scroll",effect:"show",container:window};if(b){a.extend(c,b)}var d=this;if("scroll"==c.event){a(c.container).bind("scroll",function(b){var e=0;d.each(function(){if(a.abovethetop(this,c)||a.leftofbegin(this,c)){}else if(!a.belowthefold(this,c)&&!a.rightoffold(this,c)){a(this).trigger("appear")}else{if(e++>c.failurelimit){return false}}});var f=a.grep(d,function(a){return!a.loaded});d=a(f)})}this.each(function(){var b=this;if(undefined==a(b).attr("original")){a(b).attr("original",a(b).attr("src"))}if("scroll"!=c.event||undefined==a(b).attr("src")||c.placeholder==a(b).attr("src")||a.abovethetop(b,c)||a.leftofbegin(b,c)||a.belowthefold(b,c)||a.rightoffold(b,c)){if(c.placeholder){a(b).attr("src",c.placeholder)}else{a(b).removeAttr("src")}b.loaded=false}else{b.loaded=true}a(b).one("appear",function(){if(!this.loaded){a("<img />").bind("load",function(){a(b).hide().attr("src",a(b).attr("original"))[c.effect](c.effectspeed);b.loaded=true}).attr("src",a(b).attr("original"))}});if("scroll"!=c.event){a(b).bind(c.event,function(c){if(!b.loaded){a(b).trigger("appear")}})}});a(c.container).trigger(c.event);return this};a.belowthefold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).height()+a(window).scrollTop()}else{var d=a(c.container).offset().top+a(c.container).height()}return d<=a(b).offset().top-c.threshold};a.rightoffold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).width()+a(window).scrollLeft()}else{var d=a(c.container).offset().left+a(c.container).width()}return d<=a(b).offset().left-c.threshold};a.abovethetop=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollTop()}else{var d=a(c.container).offset().top}return d>=a(b).offset().top+c.threshold+a(b).height()};a.leftofbegin=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollLeft()}else{var d=a(c.container).offset().left}return d>=a(b).offset().left+c.threshold+a(b).width()};a.extend(a.expr[":"],{"below-the-fold":"$.belowthefold(a, {threshold : 0, container: window})","above-the-fold":"!$.belowthefold(a, {threshold : 0, container: window})","right-of-fold":"$.rightoffold(a, {threshold : 0, container: window})","left-of-fold":"!$.rightoffold(a, {threshold : 0, container: window})"})})(jQuery);$(function(){$("img").lazyload({placeholder:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1vYSmXKwC-WPBx1HT5RWfIwZaw0Th7MPvejqoUBGkpCf3JFpVMtwrgD-6jxO8nysj4BxvCcMLIO-KeOpnka_-yrjPiDJmxuEUEwj7MkY9zruZJMvrb3dYxiP7fd2wAg6eHTl6QD-BUbPl/s1/arlinadesign.gif",effect:"fadeIn",threshold:"-50"})});
//]]>
</script>

Now save your theme and enjoy the fastest blog.

Last word

So you are now at the end of the post I hope you enjoy this article about installing lazy loading speed on Blogger. If you face any problem then tell us on the below comment box. Thanks for reading us.

How to install lazy load on Blogger

08:14 blogger

Top 7 Blogger Page Types Conditional Tags

So many people ask me how I can create my own blogger template? This why I decided to write all articles about this topic. So before creating your own blogger template, you must need to know HTML, JAVASCRIPT, and CSS. if you know HTML, CSS, JavaScript then you need to know blogger conditional tag. If want to create a blogger theme it's just for you. If you want to use your blogger theme dynamically then your blogger conditional tags help you.

Now all of them are called conditional tag for an example: <data:blog.title/> this tag is use you dynamically get your blog name. If you add this tag anywhere of your theme HTML edit then you see your blog name on the site. If you still don't know anything then there is one more example for you:

On the theme HTML edit

Now I hope you understand the use of the blogger conditional tag. Now if you want to add any widget on the homepage but you hide this widget for post and page then you need to use the blogger page type conditional tag.

So let's talk about the top 7 blogger page types conditional tags

Archive Page

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

This conditional tag helps you to add any kind widget or element only for the archive page. By using this conditional tag you can customize the archive page.

Index Page

For the home & search page

<b:if cond='data:blog.pageType == &quot;index&quot;'>
Your Element Here
</b:if>

This conditional tag helps you to customize and add any widget only for the home and search page.

Only for the home page

<b:if cond='data:view.isHomepage'>
Your Element Here
</b:if>

If you want to add any widget only for the homepage then this conditional tag helps you do this.

Label Page

For all label

<b:if cond='data:blog.searchLabel'>
Your Element Here
</b:if>

This conditional tag helps you to add any kind of element for the search label page. Just add any widget you want.

For specific label

<b:if cond='data:blog.searchLabel== &quot;LABEL-NAME&quot;'>
Your Element Here
</b:if>

This conditional tag is used for specifying the label page. If you want to add any widget for any specific label then simply you can use this label just add you are specific label name on the LABEL-NAME.

Item Page

For all post

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

If you want to add and customize the item option like read more button then you can use this conditional tag.

For fast post

<b:if cond='data:post.isFirstPost'>
Your Element Here
</b:if>

If you want to customize the fast article then you can use this conditional tag.

Static Page

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

If you want to and any widget element on the page then you can use this conditional tag.

Error Page

<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
Your Element Here
</b:if>

This conditional tag used to add any widget on the 404 error page. You can create 404 error page with this conditional tag.

Search Page

For all search result

<b:if cond='data:blog.searchQuery'>
Your Element Here
</b:if>

This conditional tag used to add any kind of widget on the search result page.

For specific search query

<b:if cond='data:blog.searchQuery == &quot;SEARCH-QUERY&quot;'>
Your Element Here
</b:if>

This conditional tag used to add any widget for specific search terms. Just add the specific search terms on the SEARCH_QUARY.

Conclusion

There is the end of this article. If you face any problem with the blogger conditional tag then simply comment down below I will try my best to help you. Thanks for with us.

Top 7 Blogger Page Types Conditional Tags

08:10 blogger

How to install flat UI color picker on Blogger

Color picker: So many people see color picker on so many websites.  Many want to add color pickers on their Blogger blog but they see no way for doing this. To fix all problem I am writing this article about how to install flat UI color picker on Blogger.

What is the color picker?

Color picker also called color chooser and color tool. It's mostly used for get any color code. Color is one of the great tools for graphic design and web design for an example if you want to know what is the color code of my site the there is only one way and it is the color picker.

What is the use of color picker?

I am already telling you what is the use of color picker but let's tell you some more details about the use of color picker. Color pickers mostly used to get color code and convert any color code to a solid color. There is the same more uses details:

1. Getting color code.
2. Know about the color from the hex & HTML color code.
3. Own color creation.
4. Color mixing.
5. Many more...

How to install this tool

I am already waste your so much time this why I am don't waste any more time just let talk about the main topic. So now I am telling you how to install this flat UI color picker tool on any post or page of your blog page.

Open your Blogger dashboard the create any post or page where you want to add this tool now go to the HTML view/tab of your post/page editor then paste the below code on the HTML tab/view and publish your post/page.

<div id="flatuarlina"><ul class="flatui"><li style="background: #5C97BF;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #5C97BF</span><br />
</li>
<li style="background: #4B77BE;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #4B77BE</span><br />
</li>
<li style="background: #1F3A93;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #1F3A93</span><br />
</li>
<li style="background: #2574A9;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #2574A9</span><br />
</li>
<li style="background: #67809F;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #67809F</span><br />
</li>
<li style="background: #34495E;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #34495E</span><br />
</li>
<li style="background: #3A539B;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #3A539B</span><br />
</li>
<li style="background: #1E8BC3;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #1E8BC3</span><br />
</li>
<li style="background: #6BB9F0;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #6BB9F0</span><br />
</li>
<li style="background: #22313F;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #22313F</span><br />
</li>
<li style="background: #336E7B;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #336E7B</span><br />
</li>
<li style="background: #19B5FE;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #19B5FE</span><br />
</li>
<li style="background: #89C4F4;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #89C4F4</span><br />
</li>
<li style="background: #2C3E50;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #2C3E50</span><br />
</li>
<li style="background: #3498DB;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #3498DB</span><br />
</li>
<li style="background: #22A7F0;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #22A7F0</span><br />
</li>
<li style="background: #94E0EE;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #94E0EE</span><br />
</li>
<li style="background: #52B3D9;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #52B3D9</span><br />
</li>
<li style="background: #59ABE3;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #59ABE3</span><br />
</li>
<li style="background: #26A65B;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #26A65B</span><br />
</li>
<li style="background: #1E824C;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #1E824C</span><br />
</li>
<li style="background: #00B16A;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #00B16A</span><br />
</li>
<li style="background: #2ABB9B;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #2ABB9B</span><br />
</li>
<li style="background: #4DAF7C;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #4DAF7C</span><br />
</li>
<li style="background: #03A678;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #03A678</span><br />
</li>
<li style="background: #26C281;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #26C281</span><br />
</li>
<li style="background: #019875;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #019875</span><br />
</li>
<li style="background: #3FC380;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #3FC380</span><br />
</li>
<li style="background: #16A085;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #16A085</span><br />
</li>
<li style="background: #2ECC71;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #2ECC71</span><br />
</li>
<li style="background: #C5EFF7;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #C5EFF7</span><br />
</li>
<li style="background: #C8F7C5;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #C8F7C5</span><br />
</li>
<li style="background: #049372;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #049372</span><br />
</li>
<li style="background: #36D7B7;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #36D7B7</span><br />
</li>
<li style="background: #66CC99;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #66CC99</span><br />
</li>
<li style="background: #1BA39C;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #1BA39C</span><br />
</li>
<li style="background: #1BBC9B;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #1BBC9B</span><br />
</li>
<li style="background: #65C6BB;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #65C6BB</span><br />
</li>
<li style="background: #BFBFBF;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #BFBFBF</span><br />
</li>
<li style="background: #ABB7B7;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #ABB7B7</span><br />
</li>
<li style="background: #DADFE1;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #DADFE1</span><br />
</li>
<li style="background: #95A5A6;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #95A5A6</span><br />
</li>
<li style="background: #C5DCE2;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #C5DCE2</span><br />
</li>
<li style="background: #BDC3C7;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #BDC3C7</span><br />
</li>
<li style="background: #EEEEEE;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #EEEEEE</span><br />
</li>
<li style="background: #D2D7D3;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #D2D7D3</span><br />
</li>
<li style="background: #F0E2C5;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #F0E2C5</span><br />
</li>
<li style="background: #EB9532;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #EB9532</span><br />
</li>
<li style="background: #E67E22;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #E67E22</span><br />
</li>
<li style="background: #F27935;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #F27935</span><br />
</li>
<li style="background: #F9BF3B;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #F9BF3B</span><br />
</li>
<li style="background: #F7CA18;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #F7CA18</span><br />
</li>
<li style="background: #F9690E;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #F9690E</span><br />
</li>
<li style="background: #F39C12;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #F39C12</span><br />
</li>
<li style="background: #D35400;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #D35400</span><br />
</li>
<li style="background: #F4D03F;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #F4D03F</span><br />
</li>
<li style="background: #F5AB35;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #F5AB35</span><br />
</li>
<li style="background: #EB974E;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #EB974E</span><br />
</li>
<li style="background: #F2784B;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #F2784B</span><br />
</li>
<li style="background: #F4B350;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #F4B350</span><br />
</li>
<li style="background: #E87E04;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #E87E04</span><br />
</li>
<li style="background: #E74C3C;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #E74C3C</span><br />
</li>
<li style="background: #CF000F;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #CF000F</span><br />
</li>
<li style="background: #C0392B;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #C0392B</span><br />
</li>
<li style="background: #D64541;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #D64541</span><br />
</li>
<li style="background: #EF4836;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #EF4836</span><br />
</li>
<li style="background: #96281B;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #96281B</span><br />
</li>
<li style="background: #D91E18;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #D91E18</span><br />
</li>
<li style="background: #E26A6A;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #E26A6A</span><br />
</li>
<li style="background: #FF0000;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #FF0000</span><br />
</li>
<li style="background: #F22613;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #F22613</span><br />
</li>
<li style="background: #E08283;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #E08283</span><br />
</li>
<li style="background: #9B59B6;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #9B59B6</span><br />
</li>
<li style="background: #8E44AD;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #8E44AD</span><br />
</li>
<li style="background: #BE90D4;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #BE90D4</span><br />
</li>
<li style="background: #BF55EC;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #BF55EC</span><br />
</li>
<li style="background: #9A12B3;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #9A12B3</span><br />
</li>
<li style="background: #913D88;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #913D88</span><br />
</li>
<li style="background: #722D6A;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #722D6A</span><br />
</li>
<li style="background: #740A4E;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #740A4E</span><br />
</li>
</ul></div><style scoped="" type="text/css">/* Flat UI Color by www.arlinacode.com */ #flatuarlina ul.flatui{position:relative;display:table;width:100%;text-align:center;color:#fff;font-size:12px;margin:auto;position:relative;padding:0} #flatuarlina ul.flatui li{position:relative;display:flex;float:left;width:25%;min-height:160px;padding:4%;list-style:none;background:#444;text-align:center;font-family:inherit;color:rgba(255,255,255,);font-size:1.1rem;margin:auto;font-weight:500;backface-visibility:hidden;transition:all .3s cubic-bezier(1,0.015,0.295,1.225)} #flatuarlina ul.flatui li:hover{z-index:4} #flatuarlina ul.flatui li:before{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:;z-index:1;opacity:0;visibility:hidden;transform:scale(0.4)} #flatuarlina ul.flatui li:hover:before{opacity:1;visibility:visible;transform:scale(1.0)} #flatuarlina ul.flatui li:after{content:'Salin kode warna';display:block;position:absolute;padding:10px 0;font-weight:400;font-size:.8rem;left:0;right:0;bottom:0;opacity:0;color:rgba(255,255,255,.5);visibility:hidden;transform:translate(0,30px);transition:all .3s cubic-bezier(1,0.015,0.295,1.225);transition-delay:.1s} #flatuarlina ul.flatui li:hover:after{opacity:1;visibility:visible;transform:translate(0,-10px);z-index:1;transition-delay:.8s} #flatuarlina ul.flatui li .kodebesar{width:100%;padding:0;display:block;float:none;margin:auto;clear:both;z-index:3} #flatuarlina ul.flatui li .kodekecil{width:100%;padding:0;display:block;float:none;margin:0 auto 10px auto;font-weight:400;font-size:.8rem;clear:both;z-index:3} @media screen and (max-width:800px){#flatuarlina ul.flatui li{width:33.3%;line-height:normal}} @media screen and (max-width:640px){#flatuarlina ul.flatui li{width:50%}} @media screen and (max-width:480px){#flatuarlina ul.flatui li{width:100%}} .content-areapix {width:100%;} .sidebar-widget-areapix {display:none;} </style>

Now if you want to see the demo of this flat UI color picker just click on the below demo button then you see the full demo of this tool.
DEMO

Last word

Now after this tool adding done just add this below HTML code on the HTML view of your post/page.

Tool create by <a href="http://seokingtools.com/" target="_blank">SeokingTools Tutorial</a>.

Now you are on the last of this article thanks for reading this article.

How to install flat UI color picker on Blogger

08:07 blogger

HTML CONVERTER TOOLS

CODE WAS ENCODED BELOW:

HTML CONVERTER TOOLS

02:18

JavaScript Decoding Tools

To use this tool, paste the encrypted js into the frame, then click on the appropriate encoding for successful decoding tool. You can try them one by one until you succeed!

There are 2-layer, 3-layer coding segments ... then people decode the first layer below, then copy the pasted paragraph to paste it again to decode the code.

Decode JavaScript

None Eval _Number Array URL Encode Packer Javascript Obfuscator My Obfuscate

Beautify Highlight

Please select the appropriate encoding!

JavaScript Decoding Tools

02:03

How To Make Blog Articles Cannot Be Copy Paste In Specified Sections

How To Make Blog Articles Can Not Be Copy Paste In Specified Sections  - Good afternoon friend blogger, in this article I will give a post about Anti Copaser . Why can be called anti-copaser? Because this prevents duplicate content, content theft, and many more from certain parties who are not responsible without the publisher's approval.
Who also who is not upset about their own content is stolen by irresponsible parties? I also don't want that to happen. Because it will harm the publisher who has thought about what articles they will post.

This happens from the era of predecessor bloggers to today's bloggers, it is often triggered because the novice blogger or lazy blogger who is confused to post an article of each of them. We recommend that if you want to duplicate someone's content at least include the source, because it will create a reciprocal relationship that is mutually beneficial both from the duplicator and the publisher himself.



Therefore to prevent people who are not responsible for copying and pasting our article, this time I will provide a solution, namely by applying an anti-copas method or script. Take it easy, this script can still be copied on certain parts, namely the Quote section.

How To Make Blog Articles Cannot Be Copy Paste In Specified Sections

04:28

How to Change the Position of Anchor Ads Ads Under the Mobile Version

SeoKingTools.com - Google AdSense is an advertising program owned by Google which is currently popular and until now there is no one who can surpass Google AdSense, even though there are many advertising programs that appear as alternatives to Google AdSense , but in fact Google AdSense is still the star.

Anchor ads or what we call automatic ads have terms that are not too complicated like Matched Content ads, Macthed content ads are special ads for blog publishers who flock to get these ads because they have a different appearance than other adsense ads.

How to Change the Position of Anchor Ads Ads Under the Mobile Version

1. Please login to your Adsense by using the link below, then enter the Dashboard menu or Google Adsense homepage.

https://www.google.com/adsense/login

2. Enter the Ads menu, then click Summary

3.Click Get the CodeAnchor Advertising [AUTO ADVERTISING]

4.Then please copy the Adsense code by clicking Copy Code Snippet and Place itABOVEcode </head> Edit your Blogger HTML template.

5. Please clickSAVEand Wait for a few minutes to appear at the bottom of the Mobile User.

How To Change Anchor Ads Under Mobile Version

1. Please enter the Blogger Dashboard
2. Go to the menu THEMEand click Edit HTML
3. Next look for the code </head> and paste the JS code below exactly ABOVEthe code.

<script>
  (adsbygoogle = window.adsbygoogle || []).push({
    enable_page_level_ads: true,
    overlays: {bottom: true}
  });
</script>

4. Then click SAVEand done.

How easy is it not for the tutorial How to Change the Position of Anchor Ads Ads Under the Mobile Versionfor those of you who have problems or questions about bloggers, please comment in the comments column below this article.

How to Change the Position of Anchor Ads Ads Under the Mobile Version

03:21 adsense, Anchor Ads, Mobile Version

How to Make Download, Demo and Buy Now Buttons on Blogger

SeokingTools.com - On this occasion I will give a tutorial how How to Make Download, Demo and Buy Now Buttons on Blogger with CSS SVG to make blogs more quickly accessible, which is certain make your blog more cool and nice to look at and certainly make visitors more comfortable on your blog.
In addition this button has a very cool Hover which is a transition animation and color replacement besides that this button has an antique slide when you try to click the button. This icon must use Awesome Fonts and if you don't use it you can switch to SVG. How to Make Download, Demo and Buy Now Buttons on Blogger 1. Please log in to your blogger.com account using your Gmail
2. Go to the menu THEME > click Edit HTML 3. Next look for the code ]]></b:skin> and paste the code below exactly ABOVE the code.

/* Tombol Download SeoKingTools.com */
#btn-keren {margin: 10px auto;
text-align: center;}
#btn-keren br {display: none;}
.btn-keren1, .btn-keren2, .btn-keren3 {position: relative;display: inline-block;height: 50px;width: 200px;line-height: 50px;padding: 0;border-radius: 50px;background: #fdfdfd;border: 2px solid #009688;margin: 10px;transition: .5s}
.btn-keren2 {border: 2px solid #3f51b5;}
.btn-keren3 {border: 2px solid #d83500;}
.btn-keren1:hover {background-color: #009688;}
.btn-keren2:hover {background-color: #3f51b5;}
.btn-keren3:hover {background-color: #d83500;}
.btn-keren1:hover span.circle, .btn-keren2:hover span.circle2, .btn-keren3:hover span.circle3 {left: 100%;margin-left: -45px;background-color: #fdfdfd;}
.btn-keren1:hover span.circle{color: #009688;}
.btn-keren2:hover span.circle2 {color: #3f51b5;}
.btn-keren3:hover span.circle3 {color: #d83500;}
.btn-keren1:hover span.title, .btn-keren2:hover span.title2, .btn-keren3:hover span.title3 {left: 40px;opacity: 0;}
.btn-keren1:hover span.title-hover, .btn-keren2:hover span.title-hover2, .btn-keren3:hover span.title-hover3 {opacity: 1;left: 40px;}
.btn-keren1 span.circle, .btn-keren2 span.circle2, .btn-keren3 span.circle3 {display: block;background-color: #009688;color: #fff;position: absolute;float: left;margin: 5px;line-height: 55px;height: 40px;width: 40px;top: 0;left: 0;transition: .5s;border-radius: 50%;}
.btn-keren2 span.circle2 {background-color: #3f51b5;}
.btn-keren3 span.circle3 {background-color: #d83500;}
.btn-keren1 span.title,.btn-keren1 span.title-hover, .btn-keren2 span.title2,.btn-keren2 span.title-hover2,.btn-keren3 span.title3, .btn-keren3 span.title-hover3 {position: absolute;left: 90px;text-align: center;margin: 0 auto;font-size: 16px;font-weight: bold;color: #009688;transition: .5s;}
.btn-keren2 span.title2,.btn-keren2 span.title-hover2 {color: #3f51b5;left: 80px;}
.btn-keren3 span.title3,.btn-keren3 span.title-hover3 {color: #d83500;left: 80px;}
.btn-keren1 span.title-hover, .btn-keren2 span.title-hover2, .btn-keren3 span.title-hover3 {left: 80px;opacity: 0;}
.btn-keren1 span.title-hover, .btn-keren2 span.title-hover2, .btn-keren3 span.title-hover3 {
color: #fff;
}

4. Please click SAVE, snext please make a new post and to apply the code please copy the code below and paste it in the HTML menu (Not Compose)

<div id="btn-keren">
<a href="#" class="btn-keren1" target="_blank">
<span class="circle"><svg style="width:24px;height:24px" viewBox="0 0 24 24"> <path fill="currentColor" d="M21,14H3V4H21M21,2H3C1.89,2 1,2.89 1,4V16A2,2 0 0,0 3,18H10L8,21V22H16V21L14,18H21A2,2 0 0,0 23,16V4C23,2.89 22.1,2 21,2Z" /> </svg></span>
<span class="title">Demo</span>
<span class="title-hover">Click here</span>
</a>
</div>

<div id="btn-keren">
<a href="#" class="btn-keren2" target="_blank">
<span class="circle2"><svg style="width:24px;height:24px" viewBox="0 0 24 24"> <path fill="currentColor" d="M5,20H19V18H5M19,9H15V3H9V9H5L12,16L19,9Z" /> </svg></span>
<span class="title2">Download</span>
<span class="title-hover2">Click here</span>
</a>
</div>

<div id="btn-keren">
<a href="#" class="btn-keren3" target="_blank">
<span class="circle3"><svg style="width:24px;height:24px" viewBox="0 0 24 24"> <path fill="currentColor" d="M17,18C15.89,18 15,18.89 15,20A2,2 0 0,0 17,22A2,2 0 0,0 19,20C19,18.89 18.1,18 17,18M1,2V4H3L6.6,11.59L5.24,14.04C5.09,14.32 5,14.65 5,15A2,2 0 0,0 7,17H19V15H7.42A0.25,0.25 0 0,1 7.17,14.75C7.17,14.7 7.18,14.66 7.2,14.63L8.1,13H15.55C16.3,13 16.96,12.58 17.3,11.97L20.88,5.5C20.95,5.34 21,5.17 21,5A1,1 0 0,0 20,4H5.21L4.27,2M7,18C5.89,18 5,18.89 5,20A2,2 0 0,0 7,22A2,2 0 0,0 9,20C9,18.89 8.1,18 7,18Z" />
</svg></span>
<span class="title3">Buy Now</span>
<span class="title-hover3">Click here</span>
</a>
</div>

5. If you only want to install one or two of the above buttons, for example, only the demo button, please delete the others from the tag <a href='...> To </a> For example, as shown below.

<div id="btn-keren">
<a href="#" class="btn-keren1" target="_blank">
<span class="circle"><svg style="width:24px;height:24px" viewBox="0 0 24 24"> <path fill="currentColor" d="M21,14H3V4H21M21,2H3C1.89,2 1,2.89 1,4V16A2,2 0 0,0 3,18H10L8,21V22H16V21L14,18H21A2,2 0 0,0 23,16V4C23,2.89 22.1,2 21,2Z" /> </svg></span>
<span class="title">Demo</span>
<span class="title-hover">Click here</span>
</a>
</div>

6. When finished you can see the demo yourself on your website or through the demo below.

Demo

How easy is it not for the tutorial How to Make Download, Demo and Buy Now Buttons on Blogger easily, if you have questions about bloggers please comment in the comments column below this article.

How to Make Download, Demo and Buy Now Buttons on Blogger

18:24

Add subscribe to the blog pop-up by KingsTemplate.com

A very nice addition. Add subscribe to the blog pop-up. This addition is responsive and can be used for all blogger templates

How to Install?

Login your Blogger >> Layout >> Add a Gedget >> HTML/Javascript >> Paste code

<style>
#backgroundPopup {
display: none;
position: fixed;
_position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
background-color: transparent;
background: rgba(0, 0, 0, 0.5);
z-index: 999999999;
}
#popupContact {
position: absolute;
top: 18%;
left: 25%;
display: none;
position: fixed;
_position: absolute;
height: 47%;
width: 50%;
background: #FFFFFF;
box-shadow: 0px 5px 42px 2px #000;
z-index: 999;
padding: 8px;
font-size: 13px;
}
.pop-up-self {
background: #FFF;
}
.subscribe-title {
text-align: center;
font-size: 25px;
position: relative;
margin-top: 9px;
margin-bottom: 16px;
}
.content-sub {
background: #00ACf5;
float: left;
padding: 25px;
margin-left: 15px;
margin-right: 15px;
}
.content-img img {
float: left;
width: 160px;
padding-top: 25px;
}
.content-text {
color: #FFF;
text-align: center;
font-size: 18px;
line-height: 25px;
padding-left: 183px;
padding-top: 17px;
}
.content-form {
margin-top: 32px;
}
.content-form form input.email-address-subscribe:hover {
box-shadow: 0 0 7px -1px #004E6F;
background: #F7F7F7;
}
.content-form form input.email-address-subscribe {
font-size: 16px;
transition: .2s;
padding: 18px;
border-radius: 5px;
width: 90%;
border: 0;
}
.content-form form input.buttom-subscribe {
padding: 18px;
cursor: pointer;
color: #FFF;
font-weight: 700;
font-family: sans-serif;
border: 0;
border-bottom: 3px solid #74A700;
font-size: 16px;
background: linear-gradient(#a9d249, #8dc437);
}
#prdh {display:none}
#popupContactClose:active {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAMAAAAPdrEwAAAAY1BMVEUAAAD///+SkpI9PT339/eenp4zMzP8/Pzw8PC7u7vFxcXs7Oz09PRsbGxKSkqOjo7l5eWIiIitra0qKioPDw/T09NWVlZ3d3fNzc0aGhpPT0+AgIBFRUVeXl5jY2Pe3t4iIiLbYsqoAAADUklEQVRYhe3Z25qiMAwA4FRAQFCxHnAUdd7/KQcVsG0OLbC7315MLgf8J9bSpgHUXwv4pf9Huiyqqij/LF0edd3AEE2tjyH/wUsX+nIAFIeLLubRsY4w20ek48l0uSPytXLfSQPD0/FOdt+x4zNnae3JeMhcj6Srxo/20VRj6DwcfkYeTtfjZIA6kE5PY2WAUxpCx1/jZYAvPFMQXS6nyABLNMVdOp2U8ytvd0xc+jJVBrjI9Hq6DLCWaD1HBtA8/ZgnAzxYeuLk+MSSo5O5MkBC0xlx601a/27E3zKSJmZHu+6w20z75Vf4r2uKLkhZxYz9evoIuyBonHS3VpJLd/S+hu0a0zjpfhVON4Tcr0bYLhC9cG+5fkYN2dHn2ta9tkA0+u/GD+LmvTFWULxtuPQRf+nF5/PK2h02xgXiWTg69BXfwtmbVJSHkexp8hkn7ZOc8+dp7+iKugdgazA3LKOf/h2VRXPVwc61A+R+1nY0W4Q5trlzc3L/mY7miyXLNnNGE3qIxqLZ26xHJzVylopNk46F+0w7TIbYoJkJwttygVwZ9Fm8E9vUA2bE2aCJddeKepQMK4P2Fr3rMXI3sQPppbHWpd6y3qR9AxIpK4i9wYpVOB05FS6173C0XDY5Ofvzfhg0VYKwOT+D2+ffkRm09KATOT9DspVJfwflvDXWbyHvvUWzZ66lvYqa+w5r1xbNVZLmCeW1Phs2m3di0cSGTuTs2FzeD4suydMRyjko7/6c1+/o97CcQ/K+K5smVhEy54C8c4dO0R3fipHtvPfog8qhcQ28YGX52hrReI4MZwdiZg42XiKOiMb1wj5j5cHO0Hg0CtN4YT1krNzZGT5FrQia+EGeebMnvgWVc79+ODSxrR9yoSq45sTJ70zS5GMzMu6Kpsv5dMnQcxsLTmvBblrMaoe4DRGn1RLYkqTjoCRaris9UYk0tyeExFHJtLeQYmPlSriFONFGMtX4nDQm7mjQ9JTfkuozk53glGr9CHEjmrVsa3xUhyuhDa6hXwR3QC/cWxT+NURg553uuMt0u1rhld6JPfsOwkO3mYsl+obP2E+3Y54wh6Im8b2pCni9VuRXp0aKrrn3DVj4S8HinOukDZ2fA9RR9IT4pf8d/QPBoSMrFGvocgAAAABJRU5ErkJggg==) no-repeat;
background-size: 20px;
width: 18px;
height: 19px;
}
#popupContactClose {
background:url(data:image/png;base64,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) no-repeat;
width: 20px;
background-size: 20px;
height: 20px;
display: inline;
z-index: 3200;
border-radius: 100%;
overflow: hidden;
position: absolute;
top: -10px;
right: -10px;
cursor: pointer;
text-indent: -99999px;
}
</style>
<div id="backgroundPopup">
<div id="popupContact">
<a href="javascript:void(0);" id="popupContactClose">x</a>
<div class="pop-up-self">
<div class="subscribe-title">
Subscribe now to receive all new </div><div class="content-sub">
<div class="content-img">
<img src="https://i.imgur.com/4l7MEY8.png" />
</div>
<div class="content-text">
Welcome, dear visitor, you can subscribe to the mail messages service to receive all that is new on NQNIA</div>
<div class="content-form">
<a href="http://nqnia.blogspot.com" id="prdh">th3safelink</a><form action="https://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open(&quot;https://feedburner.google.com/fb/a/mailverify?uri=nqnia&quot;, &quot;popupwindow&quot;, &quot;scrollbars=yes,width=550,height=520&quot;); return true" target="popupwindow">
<table width="100%">
<tbody><tr>
<td>
<input class="email-address-subscribe" name="email" placeholder="Email" type="text" />
</td>
<td width="64px">
<input class="buttom-subscribe" type="submit" value="Subscribe Now!" />
</td>
</tr>
</tbody></table>
<input name="uri" type="hidden" value="subscribe now" />
<input name="loc" type="hidden" value="en_US" />
</form>
</div></div>
</div>
</div>
<script type="text/javascript">
jQuery.cookie=function(key,value,options){if(arguments.length>1&&String(value)!=="[object Object]"){options=jQuery.extend({},options);if(value===null||value===undefined){options.expires=-1;}
if(typeof options.expires==='number'){var days=options.expires,t=options.expires=new Date();t.setDate(t.getDate()+ days);}
value=String(value);return(document.cookie=[encodeURIComponent(key),'=',options.raw?value:encodeURIComponent(value),options.expires?'; expires='+ options.expires.toUTCString():'',options.path?'; path='+ options.path:'',options.domain?'; domain='+ options.domain:'',options.secure?'; secure':''].join(''));}
options=value||{};var result,decode=options.raw?function(s){return s;}:decodeURIComponent;return(result=new RegExp('(?:^|; )'+ encodeURIComponent(key)+'=([^;]*)').exec(document.cookie))?decode(result[1]):null;};
var popupStatus = 0;
//this code will load popup with jQuery magic!
function loadPopup(){
//loads popup only if it is disabled
if(popupStatus==0){
$("#backgroundPopup").fadeIn("slow");
$("#popupContact").fadeIn("slow");
popupStatus = 1;
}
}
//This code will disable popup when click on x!
function disablePopup(){
//disables popup only if it is enabled
if(popupStatus==1){
$("#backgroundPopup").fadeOut("slow");
$("#popupContact").fadeOut("slow");
popupStatus = 0;
}
}
//this code will center popup
function centerPopup(){
//request data for centering
var windowWidth = document.documentElement.clientWidth;
var windowHeight = document.documentElement.clientHeight;
var popupHeight = $("#popupContact").height();
var popupWidth = $("#popupContact").width();
//centering
$("#popupContact").css({
"position": "absolute",
});
}
//CONTROLLING EVENTS IN jQuery
$(document).ready(function(){
if ($.cookie("anewsletter") != 1) {
//centering with css
centerPopup();
//load popup
loadPopup();
}
//CLOSING POPUP
//Click the x event!
$("#popupContactClose").click(function(){
disablePopup();
$.cookie("anewsletter", "1", { expires: 7 });
});
});
</script></div>

Add subscribe to the blog pop-up by KingsTemplate.com

10:21

6 Ways To Optimize Your Blogger Posts For SEO by SEOKINGSTOOL.COM

If you have a blog, chances are you already understand the importance of business blogging. But do you know how to optimize your blog posts to make them more search engine friendly?The truth is, many bloggers fail to take advantage of the enormous marketing potential of their blogs. In fact, a recent study by blogger.com shows that although roughly 60% of businesses have blogs, 65% of those blog owners haven’t even updated in the past year! By providing fresh, relevant content and performing basic blog post optimization, you can take advantage of the many benefits blogging offers.Here are six easy search engine optimization (SEO) tips to help get your blog noticed.

Do your research. Keyword research is essential for on page optimization. Chances are you are naturally including keywords without realizing it simply by providing valuable content on a topic. However, there are a variety of tools and techniques for finding related keywords relevant to your blog post that you may not have considered. The Google Adwords Keyword Tool and semrush.com both offer great tools that allow you to find keywords related to your topic and even spy on your competition to see what words and phrases they are targeting to bring traffic to their sites.

Utilize keywords throughout your post. Once you have targeted a couple of valuable, relevant keywords, it is important to place them where they will have the most impact for humans and search engine crawlers indexing your content. Try to include them in the following places:

Title

Headings and subheadings

Introductory sentence

Concluding paragraph

Anchor text (text you hyperlink to other related pages on your site)

Title tags and meta descriptions

A word of caution: Don’t engage in keyword stuffing, which is the act of filling your content with so many keywords that it becomes difficult to read. Not only will this irritate your blog followers, it will also get you penalized by Google. A couple of strategically placed keywords will do the trick.

Optimize your images. Whenever you upload a photo to your blog, be sure to include keywords in the file name and fill out the alternate text field with a brief, keyword rich description of the photo.

Reference others with links. When you mention another blogger or article in your blog post, include a link to the information you are referencing. Not only is it good blogging etiquette, but you may also get lucky and receive a link back. Quality links are a valuable commodity for any site looking to rank higher in search engine results pages.

Give readers the opportunity to subscribe to your blog. Include prominently placed RSS or Feed Subscription Buttons and offer viewers the ability to subscribe to your posts via email when possible. This allows your blog followers to have instant notification of your latest posts without having to periodically check your site for new content.

Use social media to broaden the reach of your blog posts. As a small business, you may be utilizing Facebook, Twitter, Google+, or other social media sites to create connections with potential and current customers. Why not promote your blog content on these sites for even more web exposure? Free programs like Hootsuite make it easy to post links to your latest blog post on all of your social media sites with just a couple of clicks. You can even schedule your posts ahead of time!

By following these simple SEO tips, you can encourage higher rankings in SERPS, increased web traffic, and higher customer conversion rates.Too busy to keep up with your blog optimization? We’ve got you covered. OpenVine’s search engine optimization experts can help you get more prominent positioning on search engine results pages.

6 Ways To Optimize Your Blogger Posts For SEO by SEOKINGSTOOL.COM

20:27 Blogger Post seo, Optimize Your Blog, Optimize Your Blogger, SEO

Yoast SEO Plugin for Blogger SEOKINGTOOLS.COM

What is Yoast?

Yoast is the Best WordPress SEO Plugin which is available for free on WordPress Platform. There is a pro version of Yoast SEO Plugin which offers various pro features like Internal Linking Suggestions, Redirect Manager, Ad-Free Use, etc.

Why the Yoast Plugin is the Best SEO Plugin?

Yoast SEO Plugin is the Complete Solution to Rank your blog posts in Google Search. It provides features that can improve your blog ranking. Some of them are –

• XML Sitemaps
• Breadcrumb Navigation
• Open Graph Meta Tags
• Importing Data from Google Webmaster Tools
• Built-in robots.txt and .htaccess editor
• Snippet Editor
• Social Integration

Yoast SEO Plugin for Blogger

Just follow the Steps given Below to Optimize Blogger blog –
Step 1: Log in to Blogger Dashboard and Go to “Template” and click on “Edit HTML“. Your Blogger Template Editor will open now.

Step 2:Click anywhere in the text field and type "Ctrl+F" with the keyboard, the Search box will appear now. Now you have to search for the <head> tag.

Step 3: Search for “<head>” tag with the search box appear earlier.

Step 4: Paste the below code right after <head> Tag and Save your Template.

<!-- Yoast SEO Plugin for Blogger by: https://www.seokingtools.com Start -->
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.metaDescription != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<meta content='noindex, nofollow' name='robots'/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta expr:content='data:blog.title' name='keywords'/>
<meta content='index, follow' name='robots'/>
</b:if>
<b:else/>
<b:if cond='data:blog.pageTitle != data:blog.title'>
<meta expr:content='data:blog.pageName' name='keywords'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta content='article' property='og:type'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta expr:content='data:blog.pageName' property='og:title'/></b:if>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
</b:if>
<meta content='global' name='distribution'/>
<meta content='1 days' name='revisit'/>
<meta content='1 days' name='revisit-after'/>
<meta content='document' name='resource-type'/>
<meta content='all' name='audience'/>
<meta content='general' name='rating'/>
<meta content='all' name='robots'/>
<meta content='en-us' name='language'/>
<meta content='USA' name='country'/>
<meta content='SEOKINGTOOLS.COM' name='author'/>
<meta content='scriptyard.com@gmail.com' name='email'/>
</b:if>
<!-- Yoast SEO Plugin for Blogger by: https://www.seokingtools.com End -->

Yoast SEO Plugin for Blogger SEOKINGTOOLS.COM

08:27 Plugin for Blogger, SEO Plugin for Blogger, Yoast SEO Plugin, Yoast SEO Plugin for Blogger

200+ High PR Guest Blogging Sites that Accept Guest Blog Posts SEOKINGTOOLS.COM

This article, we are providing a massive list of 200+ High PR Guest Blogging Sites 2019. list of sites that accept guest blog posts. Also, see the list of Dofollow Blog Commenting Site

What is a Guest Blog Post?

Guest Posting means publishing Blog Post or Article in someone’s website/ blog. Guest posts are beneficial for both website/ blog owner and author. There are too many sites and authors/ writers that accept guest posts and like to write blog posts on other websites for SEO benefits. But finding those websites/ blogs is not a very easy task. So we have provided a huge list of websites/ blogs that accept Guest Blog Posts.

How Guest Posting is Beneficial?

Guest Posts can help both website owners and writers. We have discussed them in the following table-

For Website Owners

Helps to Get High-Quality Blog Posts/ Contents.
Helps to Make their blog Updated.
Saves Time.
Builds Relationship with other bloggers.

For Writers/ Authors/ Bloggers

They Get High-Quality Dofollow Backlinks pointing to Own Blog.
Helps to Drive More Traffic to Blogs.
Increase Blog’s Domain Authority (DA) as well as Search Engine Ranking.
Builds Relationship with other bloggers.

How to Find Guest Blog Posting Opportunity?

As I mentioned above, finding Guest Blog Posting Opportunity is not a very easy task. To do the same you have to use some tools. Some of the online tools that can be used to find Guest Blogging sites are-

1.GuestPostTracker.com

It is a powerful tool to find a list of Blogs that Accept Guest Posts. We can find Guest Post Opportunities related to your blog niche. It is very useful for writers/ blogger who wants to write Guest Posts and build some Quality Backlinks to their blog.

2.Fiverr/ Freelancer.com

Fiverr.com and Freelancer.com are very useful for website owners who want to keep their blog updated. They can get Quality articles/content for their blogs at cheap prices like 5$.

Technology Blogs

TechEarticle – Write a Guest Post

Beat The Fish – Write a Guest Post

TechieBlogger – Write a Guest Post

Trouble Fixers – Write a Guest Post

Shoutmetech – Write a Guest Post

ReadWrite – Write a Guest Post

Calling All Geeks – Write a Guest Post

Sitepoint – Write a Guest Post

Techwalls – Write a Guest Post

TechAtLast – Write a Guest Post

Blogging/ SEO/ Affiliate Marketing/ Make Money Online

KISSmetrics – Write a Guest Post

Copyblogger – Write a Guest Post

MOZ – Write a Guest Post

Social Media Examiner – Write a Guest Post

Duct Tape Marketing – Write a Guest Post

Work it, Mom – Write a Guest Post

SmartBloggerz – Write a Guest Post

Famous Bloggers – Write a Guest Post

Mirasee – Write a Guest Post

Shoutmeloud – Write a Guest Post

200+ High PR Guest Blogging Sites that Accept Guest Blog Posts SEOKINGTOOLS.COM

08:59 Guest Post, High PR, rank website, SEO

Top 6 Benefits of Web Analytics

On the internet, thou desire to discover consequently deep wondrous articles regarding the importance of websites. If you conduct business, ye should have a website. No count number whether or not your commercial enterprise is tiny and large, such is essential following bear an internet site because of the business.

There are greater than 1.8 billion web sites between the entire world. This is a big number! It is extraordinary in imitation to consult what people are adopting the technology. Before a decade, anybody would hold an idea that grudging a website or a mobile utility is important.

To improve a business website, ye need in conformity withhold demand knowledge. It is now not at every situation as solely builders may enhance websites. There are therefore deep astonishing systems handy between the need up to expectation assist you to build your business website. You need no longer bear anybody's empirical potential because of that.

But that is mentioned so much half matters have to be surpassed over in conformity with the authorities only. There are several advantages concerning lowlife an internet site for your business. Your prospects, as nicely as like existing clients, can access your business-related information someone time.

They want no longer name you after the office because of someone type regarding inquiries. Since websites hold the entire small print concerning the business, services, yet products, it turns into effortless for clients after coming someone statistics into real-time.

Websites also labor as an advertising medium. So deep companies hold advanced wonderful websites as are capable concerning converting prospects within clients.

Having an enterprise website gives an expert look. No one desires after-action along with unprofessional people! Businesses can quantity their updates, their thoughts within the form of blogs, images, then videos.

Some agencies job along with with offshore consumers or goal the offshore crowd. Websites lead a necessary function within certain companies.

Many businesses choose enterprise partners by looking out over google. Hence, the website must beget as preceding formality impression.

Companies focus on the target audience, applications yet UI/UX concerning the internet site after consigning large customer experience. If the patron ride is not on following the mark, it cannot metamorphose possibilities among clients.

What to operate after the improvement on a website?

Let us reflect on consideration as an example. There is a content offering the organization with a not much good writer. The group is into ask regarding instant leads. They develop a website. The website appears perfect. It has the whole fundamental features.

The design, person interface, navigation, the whole lot is perfect. Still, the business enterprise website has no longer generated any leads. How following discover where that went wrong? No character is effective following analyze the complete website flawlessly following locate such as went wrong.

Sometimes the error is non-testable. In certain scenarios, such is important in conformity to receive help concerning internet analytics.

What is internet analytics?

As the name suggests, web analytics analyses the total website. It tells thou how much traffic visited your internet site within a precise period. It tells you the place did he get in conformity with comprehend about your website.

It tells thou where did the users type then those noticed your internet site between search results. It tells thou every bit element touching person engagement; who pages did the user surf, for a time, the place did she click, etc.

This is an extensive tool because of digital advertising pundits. The internet site analytics has consequently dense surprising advantages. It will become sincerely easy according to music consumer things to do yet in imitation to determine their requirements.

Let us confer how much to increase visitor enrollment including web analytics. Following are the advantages of web analytics:

1. Visitor count:

The internet analytics device helps agencies recognize how much dense traffic does the internet site has. It does now not detailed facts touching the visitors. The data consists of the area concerning the IP address.

Businesses do apprehend which geographic location is having maximum visitors. Once an enterprise is aware of this, such do target so much precise vicinity or arrive leads. The internet analytics device lets you be aware of how deep old visitors visited or how much deep instant traffic visited.

Companies perform analysis of that information because of improving the business. If the range over recent traffic is decreasing, the company can take assured moves to improve traveler count.

2. Time spent through visitors:

This wondrous tool tells ye whether tons of epoch used to be spent via each visitor. This data is absolutely necessary for accordance with apprehend proviso the content material is attractive and not.

If the content material of a particular page requires eight minutes following reading at an average speed, then the consumer past solely three minutes over to that amount page, that suggests up to expectation net web page content is not appealing.

Either it is not attractive then that is challenging to understand. Businesses can receive suitable actions.

3. Activities did utilize visitors:

The web analytics tool tells as did the consumer does of the website. It tells you where did the user read, where did the scroll, who button did the press, etc.

Many websites bear an attractive call in conformity with labor buttons. The web analytics tool tells ye whoever clicked about CTAs. It also tells proviso the consumer has filled some shape about the landing page.

By examining the activities, a commercial enterprise can decide as encourages the customers yet what does not. If the user is not clicking over CTA, the touchdown web page requires changes.

4. Bounce rate:

Has such constantly befell according to you as thou by accident go to a web page or promptly bounce outdoors on it? Or ye visited a web web page deliberately but discovered the normal plan yet pattern so uninviting? This is such as we call the bounce rate.

The web analytics tool calculates the share over bounces. If the bounce dimensions are increasing, the website needs immediate attention from developers and designers.

Most over time, the graph is the sole problem because of increasing the jump rate. No person executes to examine too a single range about content in much less than three seconds.

No consumer intention check navigation and vile buttons concerning the page among much less than 3 seconds. Hence, that is vital according to the center of attention to designing.

5. Best appropriate keywords:

As mentioned, the net analytics tool tells ye where did the person ask about google. You execute analyze those inquire queries then find out as key phrases labor beneficial with your website.

6. Entry and outside pages:

These are the pages the place a user enters beside or exits from. Usually, the entry pages are the touchdown pages. And exit pages are the thank you pages.

If your exit page is contacted us page, that is a sign up to expectation the person is fascinated with your services. If the consumer is exiting beside half the blog page, that potential so much the consumer used to be looking out for solely information.

All these little details assist organizations to apprehend the value concerning a website. If you analyze and get admission to an internet analytics device properly, it may deliver extensive consequences within no time. Many tremendous brands use an internet analytics device after make bigger sales.

Conclusion

Web analytics is a widespread tool because of organizations in imitation of deciding the specific necessities regarding users. Companies may act on these requirements then offer amazing capabilities thru websites.

Top 6 Benefits of Web Analytics

18:48 rank website