Tampilkan postingan dengan label Blogger. Tampilkan semua postingan
Tampilkan postingan dengan label Blogger. Tampilkan semua postingan

Kamis, 01 Maret 2018

How to Enable Ads.txt on Blogger

View Article
After yesterday Google introduced the Search Console Beta version , now Google added Ads.txt on Blogger . 

What is Ads.txt?


Ads.txt is an initiative of the Interactive Advertising Bureau Tech Lab (IAB) to promote and improve transparency in program advertising. This is an easy way for Adsense publishers to clearly point out to authorized buyers to sell their inventory. 

Actually for Blogger Ads.txt already existed but now you can edit Ads.txt as you wish and for you who get this warning message like this
Your earnings are at risk - One or more of your ads.txt files does not contain the AdSense publisher ID. Fix this issue right now to avoid having a serious impact on your revenue.

On the Google Adsense dashboard, Google suggests you to enable Ads.txt on your blog. 

How to Enable Ads.txt on Blogger?


To enable Ads.txt on Blogger, you can set it in Blogger Dashboard > Settings > Search preferences > Monetize > custom ads.txt > Then click edit choose Yes and fill in the following code in the ads.txt column 

Cara Mengaktifkan Ads.txt di Blogger

google.com, pub-0000000000000000, DIRECT, f08c47fec0942fa0 

Replace pub-0000000000000000 with your Adsense ID buddy then click Save changes . 

Adsense IDs can be found in your Google Adsense dashboard like the example below 

Cara Mengaktifkan Ads.txt di Blogger

To check whether Ads.txt is enabled, you can check in the browser search tab with a link like this 

 http://www.domain.com/ads.txt 

Rename_domain with your blog address. 

For those of you who have blogs with sub domains of the primary domain, you do not need to enable this Ads.txt. Just enough on blogs with the primary domain only enabled

Similarly about How to Enable Ads.txt in Blogger , may be useful.

Source: Arlinadzgn

Rabu, 07 Februari 2018

Create External Link Icons Using SVG without JavaScript In Blogger

View Article

Demo


How ? interested in the style of External Link Icons Using this SVG ?
Copy below style code before </head> section in your template :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
/*<![CDATA[*/
.post-body a[href^="http://"]:after,
.post-body a[href^="https://"]:after {
  content: '';
  background: url("data:image/svg+xml;charset=utf8,%3csvg viewBox='0 0 24 24' width='16' height='16' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%3e%3cpath style='fill:%23e8554e' d='M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e") no-repeat;
  background-size: 14px 14px;
  width: 14px;
  height: 14px;
  display: inline-block;
  margin-left: 3px;
  vertical-align: -2px
}
.post-body .tr-caption-container a:after,
.post-body .separator a:after,
.post-body a[href^="http://www.webmanajemen.xyz/"]:after,
.post-body a[href^="https://www.webmanajemen.xyz/"]:after {
  content: '';
  background: 0 0;
  width: 0;
  height: 0;
  margin-left: 0
}
/*]]>*/
</style>
</b:if>
Hopefully this article External Link Icons Using SVG is helpful. Thank you for visiting.
Source: Here

Senin, 29 Januari 2018

Easy Way of Adding Pin It Buttons in Images

View Article

Function of this button to directly input images in your blog to your Pinterest account. How it works from the Button share Pin It this is the button will appear when you focus the cursor on each image in the blog.

Easy Way of Adding Pin It Buttons in Images

The trick is very easy, here you just need to add the code below before the body cover code </ body> or before the head cover code in the template </ head>
Before adding this code make sure that in your blog template you have added jquery library link

<script async='' data-pin-color='white' data-pin-hover='true' src='//assets.pinterest.com/js/pinit.js'/>
Here is a display demo of this Pin It button. DEMO

Jumat, 26 Januari 2018

Best Blog Templates for the latest Full Approve Google AdSense List 2018

View Article
Template Blog Terbaik untuk Daftar Google AdSense Full ApproveBlog template is one of the best options for getting a full AdSense account. This is from a variety of the bloggers who expressed one of the causes has not approved his google adsense.
The content of the refusal from the AdSense side is quite clear, and among them the problem of navigation menu from the website that is registered.
Well, in this opportunity there are some simple methods that we can do to handle your adsense problems, namely by changing the total "appearance" with a new style, but still elegant and in particular in accordance with the direction and desire Adsense Party.
For that reason, here are some recommendations from us regarding the characteristics template is good and eligible used for the Google Adsense registration process.

Feature Good Template for Full Approve Google AdSense 2018

Here are some features of a good blog template for the process of submission to Google Adsense publisher, including:
  1. Fast loading
  2. Simple and simple without adventurous
  3. Clean is easy to use
  4. Make it easy for visitors
  5. Responsive / mobile friendly
  6. SEO (additional factors)
  7. Valid html (SEO support)
  8. etc
There are at least 7 basic principles that you can use in the selection of templates to continue registering Adsense account.
For myself, when getting a Google Adsense account full approve indeed become a personal pride. Without having to buy an account to others, but with a pattern of seriousness in navigating blogging activities.
First register my own adsense account using SL Fastest SEO blogger template. Fastest SEO SL is indeed very qualified to be used for the process of registering adsense account.
Style design is also simple, fast loading, responsive / mobile friendly, ease of visitors, valid html, coupled with good SEO performance. So, not just in accordance with the will of Google Adsense, but also SEO friendly is certainly very useful to bring in high traffic.
I think so at a glance information about the Best Blog Template for the Google App Full AdSense List 2018 . And the best update this template article I've added to the ranks of 3+ Simple SEO Templates Best Friendly for Full Approve AdSense Currently .

Hopefully not just full approve, but your blogging revenue is increasing and blessing, amen.
Good luck and happy blogging, regards.
Source : forumblogindo

Selasa, 12 Desember 2017

Update Code Widget Dan Template Untuk Simple Safelink Converter

View Article
Untuk Cara Instal, Deskripsi, Dan Cara Penerapan Klik Disini (Cara Membuat Simple Safelink Converter)

Update code Safelink Converter untuk Widget Atau Template/Theme

Tambahan : Protected Links
<script type='text/javascript' async='async'>
var myArray = ['https://www.webmanajemen.xyz/p/redirect.html?u=', 'https://www.webmanajemen.xyz/p/advertisement.html?u=', 'http://www.webmanajemen.xyz/p/advertise.html?u='];
var safelink = myArray[Math.floor(Math.random() * myArray.length)];
var protectedLinks = /(bing.com|google|linkedin.com|facebook|manajemen|safelink|pinterest|digg.com|twitter|codepen.io|blogger.com|ask.com|DOMAINKAMU.COM)/
$( 'a' ).each(function() {
if (this.href.match( protectedLinks ) ){
$(this).attr("href", $(this).attr("href")+'?success');
//$(this).addClass('w3-text-green'); //Add Class On Internal Links
} else {
$(this).attr("href", safelink+encodeURIComponent($(this).attr("href")+'?utm=web-manajemen.blogspot.com'));
//$(this).addClass('w3-text-red'); //Add Class On External Links
}
});
</script>
ubah DOMAINKAMU.COM dengan domain kamu. Untuk menambahkan lebih dari 1 domain, kasih separator |. Misal domain.com|domain.me|domain.net
Untuk Kode Halaman Bisa menggunakan kode terupdate sebelumnya di Update Code Safelink Converter 12 Des 2017

Senin, 11 Desember 2017

Update Code Safelink Converter Untuk Halaman 12 Desember 2017

View Article
Untuk Cara Instal, Deskripsi, Dan Cara Penerapan Klik Disini (Cara Membuat Simple Safelink Converter)

Code Untuk Di Halaman Safelink

<script type="text/javascript" async>
function getQueryVariable(variable) {
var query = window.location.search.substring(1);
var vars = query.split("&");
for (var i=0;i<vars.length;i++) {
var pair = vars[i].split("=");
if(pair[0] == variable){return pair[1];}
}
return(false);
}

var count = 11;
var queryU = getQueryVariable('u');
var redirect = decodeURIComponent(queryU);
var noprotocol = redirect.replace(/(^\w+:|^)\/\//, '');

function countDown(){
var timer = document.getElementById("timer");
var done = document.getElementById("done");
var ket = document.getElementById("ket");
if(count > 0){
count--;
timer.innerHTML = "<div id='timer' class='w3-center w3-panel w3-light-grey'>Your Link Will Be Appears In <b>"+count+"</b> Seconds.</div>";
setTimeout("countDown()", 1000);
}else{
document.getElementById("progressBar").style.display = "none";
timer.innerHTML = "<div id='timer' class='w3-center w3-panel w3-light-grey'>Your Link Already Appeared, <b>Scroll Down</b> To View.</div>";
done.innerHTML = "<div id='nots' class='w3-center w3-light-grey w3-display-inline-block'><i class='fa fa-arrow-right' aria-hidden='true'></i> <a href='"+redirect+"' class='w3-btn w3-green'>Download Now (This Your Link) <i class=\"fa fa-download\" aria-hidden=\"true\"></i></a> <i class='fa fa-arrow-left' aria-hidden='true'></i></div>";
ket.innerHTML = "<div class='w3-panel w3-green w3-card-4 w3-center'>Your Destination Is <pre>"+redirect+"</pre></div>";
}
}
</script>
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-7975270895217217"
data-ad-slot="5315452541"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<span id="timer">
<script>
countDown();</script>
</span>
<div id="progressBar">
<div></div>
</div>
<ins class="adsbygoogle"
style="display:block"
data-ad-format="autorelaxed"
data-ad-client="ca-pub-7975270895217217"
data-ad-slot="6234751119"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-7975270895217217"
data-ad-slot="7267894124"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<span id="done"></span>
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-7975270895217217"
data-ad-slot="2600604346"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<span id="ket"></span>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-7975270895217217" data-ad-slot="7382733759"></ins><script>(adsbygoogle=window.adsbygoogle || []).push({});</script><link href="https://www.w3schools.com/w3css/4/w3.css" rel="stylesheet" /><style>#progressBar {
width: 90%;
margin: 10px auto;
height: 22px;
background-color: #0A5F44;
}

#progressBar div {
height: 100%;
text-align: right;
padding: 0 10px;
line-height: 22px; /* same as #progressBar height if we want text middle aligned */
width: 0;
background-color: #CBEA00;
box-sizing: border-box;
}</style><script>function progress(timeleft, timetotal, $element) {
var progressBarWidth = timeleft * $element.width() / timetotal;
$element.find('div').animate({ width: progressBarWidth }, timeleft == timetotal ? 0 : 1000, 'linear').html(timeleft + " secs");
if(timeleft > 0) {
setTimeout(function() {
progress(timeleft - 1, timetotal, $element);
}, 1000);
}
};

progress(10, 10, $('#progressBar'));
</script>
Edit Sesuka Kalian. Donasi dengan iklan adsense saya ya hehe

Code Untuk Di Widget atau Template Diatas </body>


Update Code Untuk Widget/Template Dengan Tambahan Protected Links : Update Code Widget Dan Template Untuk Simple Safelink Converter (Klik Disini)

<script async type='text/javascript'>
//*<![CDATA[*//
var myArray = ['https://www.webmanajemen.xyz/p/redirect.html?u=', 'https://www.webmanajemen.xyz/p/advertisement.html?u=', 'http://www.webmanajemen.xyz/p/advertise.html?u='];
var safelink = myArray[Math.floor(Math.random() * myArray.length)];
$( 'a' ).each(function() {
if( location.hostname === this.hostname || !this.hostname.length ) {
$(this).attr("href", $(this).attr("href")+'?success');
//$(this).addClass('local btn btn-success text-white w3-btn w3-green w3-text-white');
} else {
$(this).attr("href", safelink+encodeURIComponent($(this).attr("href")+'?utm=web-manajemen.blogspot.com'));
//$(this).addClass('external btn-danger text-white btn w3-btn w3-red w3-text-white');
}
});
//*]]>*//
</script>
Ganti URL dengan URL halaman safelink kalian

Rabu, 06 Desember 2017

Random Posts Widget Blogger

View Article

How to create random posts widget blogger (simple and stylish).


1. Login to dashboard blogger -> navigate to layout tab -> create widget html/javascript -> insert this code to the widget.

<style scoped='' type="text/css">
#arlina-random ul{list-style:none;margin:0;padding:0}#arlina-random li{display:block;clear:both;overflow:hidden;list-style:none;border-bottom:1px solid #e3e3e3;word-break:break-word;padding:10px 0;margin:0;}
#arlina-random li:last-child{border-bottom:0;}
#arlina-random li a{color:#444;}#arlina-random li a:hover{color:#444;text-decoration:underline}
</style>
<div id='arlina-random'>Memuat...</div>
<script>
//<![CDATA[
// Random Post Widget
var homePage = 'https://www.web-development.cf',
    maxResults = 10,
    containerId = 'arlina-random';
function getRandomInt(min, max) {
    return Math.floor(Math.random() * (max - min + 1)) + min;
}
function shuffleArray(arr) {
    var i = arr.length, j, temp;
    if (i === 0) return false;
    while (--i) {
        j = Math.floor(Math.random() * (i + 1));
        temp = arr[i];
        arr[i] = arr[j];
        arr[j] = temp;
    }
    return arr;
}
function ArlinaRandomPosts(json) {
    var startIndex = getRandomInt(1, (json.feed.openSearch$totalResults.$t - maxResults));
    // console.log('Get the post feed start from ' + startIndex + ' until ' + (startIndex + maxResults));
    document.write('<scr' + 'ipt src="' + homePage + '/feeds/posts/summary?alt=json-in-script&orderby=updated&start-index=' + startIndex + '&max-results=' + maxResults + '&callback=randomPosts"></scr' + 'ipt>');
}
function randomPosts(json) {
    var link, ct = document.getElementById(containerId),
        entry = shuffleArray(json.feed.entry),
        skeleton = "<ul>";
    for (var i = 0, len = entry.length; i < len; i++) {
        for (var j = 0, jen = entry[i].link.length; j < jen; j++) {
            link = (entry[i].link[j].rel == "alternate") ? entry[i].link[j].href : '#';
        }
        skeleton += '<li><a href="' + link + '">' + entry[i].title.$t + '</a></li>';
    }
    ct.innerHTML = skeleton + '</ul>';
}
document.write('<scr' + 'ipt src="' + homePage + '/feeds/posts/summary?alt=json-in-script&max-results=0&callback=ArlinaRandomPosts"></scr' + 'ipt>');
//]]>
</script>

Change "https://www.web-development.cf" to your address blogs.
Change number "10" to your chances, it will display how much random posts will displayed in the widget.
Done.

Results



What this article help you ?. Please share this yeah !!...

Senin, 04 Desember 2017

Powerful Ways to Remove Active Links in Blog Comments

View Article
Link is active in the comment, what does it mean? An active link is a link that contains hyperlinks to point to a specific page or site.Means if combined, the meaning of the active link in the comment is the active link in the comment. Usually embedded by other blogger people or admins in the comments column as a response to the article in a blog post.
If there is an active link, is there any inactive link? Correct. Inactive links mean the opposite of active links. Physically, an inactive link when clicked using a mouse will not generate a new page. In contrast to active links. Clicking will redirect to a specific page according to the URL embedded in it.

Backlink effect

The blog walker or admin term used to make comments on other blogs, usually aim to get backlinks. They then insert a link to his blog on the comments they wrote. In addition, he also hopes to get a response from people who visit the blog.

Why was it removed

Then why do active links have to be deleted in comments? Will it damage or adversely affect the blog? Actually it can be said, Yes and it can be No. Why so, because it all depends on what active links are embedded in the comments. If the active link contains good links, for example, directing to sites that do not contain haram, such as porn, online gambling, money games and semisalnya, then no need to delete them. But if the active link contains promo or forbidden ads, so it's good to be deleted.

SEO SEO Effect

In terms of SEO blogs, the existence of active links are classified as spam will be very detrimental to the blog. The blog will be difficult to be crawled, because it is feared that the active link is inserted in damaged condition or even error. So reasonable, if when checking broken links in the blog, it turns out the most broken link is in the comments. This is why then the blogger admin limits and also disables the comment feature.
Therefore, this time I want to share 2 ways to remove the active link in the comments. That is first delete via blogger and second comment feature, conditioned that in the comment column can not be inserted active link. Here's more reviews.

How to remove active links in comments

Manually delete

1. Go to the blogger dashboard.
2. Select the Comments menu.Click Published.
3. Please click Remove content for all contents of the missing comment. Figure A is a comment that has not been in Remove, while picture B is the result of comments already in Remove.
In this way, the active links that are contained in the comments will automatically disappear following all the content of the comment. However, the commenter's name still appears in the comment field.
If you want to remove the whole, both the commenter and the content of his comment, then click Delete . While wanting to include it as a spam comment, please click Spam. Then the comment will go into a special folder, the Spam folder. It's located under the Published menu.

Automatic way

The purpose of this way is, make the comment field can not be inserted by the active link. Can only be filled by comments only.Here's how.
1. Go to the blogger dashboard.
2. Click Edit HTML in the Template menu.
3. Place the following code just below <head>.
<script src='http: //ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js'></script>
4. Then place the following code above the code </head>
<script type='text/javascript'>
//<![CDATA[
$(function() {
$('#comments p').find('a').contents().unwrap();
});
//]]>
</script>
5. End with Save template.
In this way, then whenever anyone gives a comment on our blog, then anything inserted into it will not be active. This method is in addition to easy, also still in moderate category. That is, it still provides an opportunity for commenters to insert inactive links. And of course, inactive links will have no effect whatsoever for googlebot crawling. Because he is only rated as a plain text mode. This means safe for our blog.
Thus, two powerful ways can be used to remove active links in comments . Hopefully useful and good luck.