Saturday, February 23, 2019

How to Move Anchor Ads Down the Screen in blogger

How to Move Anchor Ads to the Bottom of the Screen - Still regarding adsense, namely "anchor ads", changing page level ads to auto ads also changes the display style of google adsense anchor ads which sometimes appear at the top of the screen and sometimes appear at the bottom of the screen. So, how do you make anchor ads ads appear only at the bottom of the screen? Check out the explanation of this article to help you solve the problem of anchor ads ads to keep appearing at the bottom of the screen.

cara membuat tombol whatsapp melayang pada website atau blog

Artikel ini merupakan tutorial singkat dan mudah untuk memasang Tombol WhatsApp yang melayang di pojok kanan bawah dari halaman Websitemu, atau Landing Pagemu. Silakan segera dibaca dan dipraktekkan

Ini adalah bagian yang sangat fatal kalau sampai diabaikan. Jadi pertama, Anda harus bikin Link WhatsApp dulu, untuk ditujukan ke Nomor WhatsApp Anda nantinya. Link WhatsApp yang dimaksud adalah link yang jika link tersebut diklik atau diakses, maka akan otomatis masuk ke WhatsApp milikmu, dengan atau tanpa text awalan otomatis. Silakan dipelajari tutorialnya membuat link whatsapp disini. Contoh tombol WhatsApp pada Website dibawah yang akan dipraktekkan, kami menggunakan link WhatsApp: YukChat.us/ampuh, silakan nanti link tersebut DIGANTI dengan link WhatsApp milik Anda sendiri ya gais..

Menyisipkan Kode HTML kedalam Website
Anda, sebagai yang menghandle website, pasti tahu lah ya cara menyisipkan kode html ke website Anda sendiri, entah itu website berbasis gratisan di blogspot atau WordPress.com, sampai website profesional berbayar, misalnya website WordPress Self Hosted, semuanya support kok untuk kita menyisipkan kode html tambahan ke website. Berikut kode HTML yang harus disisipkan:

<a href=”http://yukchat.us/ampuh”>
<img src=”https://wpkyai.com/free/whatsapp-opt.png” class=”wabutton” alt=”WhatsApp-Button”>

JANGAN LUPA untuk mengganti link: yukchat.us/ampuh dengan link WhatsApp milikmu sendiri ya..

Jika sudah disisipkan, nanti akan ada tombol WhatsApp (gambar Icon WhatsApp) Melayang di pojok kanan bawah dari halaman websitemu, dan jika pengunjung web ngeklik icon tersebut, maka pengunjung akan segera menuju ke WhatsAppmu, otomatis

Thursday, November 1, 2018

Cara membuat gambar utama berada diatas judul blog

ikuti langkah-langkah dibawah ini!
langkah awal masuk diblog>tema>edit HTML>tekan control f untuk memudahkan pencarian

<div class='post hentry' expr:id='data:post.id' itemscope='' "....">
<b:includable id='post' var='post'>
Setelah itu kalian akan menemukan kode 'post hentry' . Selanjutnya salin kode dibawah ini tepat dibawah kode 'post hentry' tadi
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='coverImage'>
    <b:if cond='data:post.firstImageUrl'>
      <img class='firstimage' expr:alt='data:post.title' expr:src='data:post.firstImageUrl'/>
      <img class='firstimage' expr:alt='data:post.title' src='http://3.bp.blogspot.com/-zP87C2q9yog/UVopoHY30SI/AAAAAAAAE5k/AIyPvrpGLn8/s70/picture_not_available.png'/>
Nah sekarang kita menuju ke kode CSS. Letakan kode dibawah ini tepat diatas kode </style> supaya gambar pertama hilang dan mengukur besar image nanti.
.post img.firstimage{
.post-body .separator:nth-child(1) {display:none}
Agar semua ini berjalan mulus tambahkan kode javascript ini tepat diatas kode </body>
<script type='text/javascript'>
$(function(){$(".separator:first").remove(),$(".post-body > img:first").remove()});
itulah caranya cara membuat gambar blog berada diatas jud

Tuesday, October 30, 2018

how to parse the html code in the blog itself

What is HTML parse and what does it do?
For beginner bloggers like me, must have experienced something when writing html script code into posts, once saved, the code disappears. How could that be?

Yup, before entering the html code into your post, you have to parse it first. For master bloggers, they have often done this.

What is HTML parse and what does it do?

Parse when translated literally into Indonesian means parsing, so what parse means here is to parse HTML code into character entities in HTML.

html parse is so important in the world of blogging. you need when you parse your widgets or adsense code so that it can be read with your blog's html. with this can speed up load your blog too.

like the example below. have you ever thought of having it on your blog. congratulations buddy visiting the right blog to solve your problem.

already see the picture above
You can also install your own html parse on your blog. how to copy the code below
enter the didasboar blog> page> create a new page> paste the html tab> save and finish

<script type="text/javascript">
function convert(){var ele1 = document.getElementById("somewhere");var replaced;replaced = ele1.value;replaced = replaced.replace(/&/ig, "&amp;");replaced = replaced.replace(/</ig, "&lt;");replaced = replaced.replace(/>/ig, "&gt;");replaced = replaced.replace(/"/ig, "&quot;");replaced = replaced.replace(/&#177;/ig, "&plusmn;");replaced = replaced.replace(/&#169;/ig, "&copy;");replaced = replaced.replace(/&#174;/ig, "&reg;");replaced = replaced.replace(/ya'll/ig, "ya'll");ele1.value = replaced;}
</script><br />
<table style="margin:0 auto"><tbody>
<tr> <td><textarea id="somewhere" style="background: none repeat scroll 0% 0% rgb(248, 248, 248); border: 1px solid rgb(204, 204, 204); height: 300px; width: 550px"></textarea><br/>
<input onclick="convert();" style="padding: 5px;" type="button" value="Parse Script" /></td> </tr>

that's all from me, if something is not understood, please comment below or via the contact form. greetings ...

How to make a Page View widget on every Blogspot post with firebase

How to make a Page View widget on every Blogspot post

Indeed, many have discussed this widget, but 99.99% fail, and the big failure is because the widgets they use are out of date or can't be used anymore.

in this tutorial I use Firebase, already know what Firebase is?
Ok, I will explain a little about Firebase, who knows among the readers here don't know what Firebase is.

Firebase is a mobile and web application development platform developed by Firebase, Inc. in 2011, but was acquired by Google in 2014.
maybe Android application developers are familiar with Firebase, but for Bloggers, maybe most of them are still foreign, especially Bloggers in Indonesia.
In Indonesia, MGA has been looking for this widget tutorial but it has zero results.


There is no expiration period or expiration period.
Post View realtime (every visitor or reload will add 1 view, if the template supports realtime preview or live preview, it will be counted).
Simple and easy to place wherever the blog admin wants.

Post View start from scratch (Zero View).
Ok, without lingering, we immediately practice

A. the first stage
Please visit Firebase HERE
please login to Gmail

Create a new project
when you are logged in, please create a new project for your blog.

Fill in the blog data


Project / Blog Name (Free)
Firebase ID (this Firebase ID must be remembered, if necessary, write it in notepad or other text applications, because it will be used on the blog)
Select Country (Free)
Check two agreements (Mandatory)
When finished Click "Add Firebase"
When you have, you will wait a few seconds, a maximum of 1 minute, when the project is complete you will be directed to the front page of the application.
Create a New Database

Look on the left, in the "DEVELOP" group, select Database.

Create Realtime Database
Realtime Database Activation
After you select Realtime Database, you will be given two options, select number two, namely "Start In Test Mode", and click "ENABLE".

We are done with Firebase, now we turn to blogger or blogspot.

B. Second Understanding

Login Blogger.com And Open Theme
please login to blogger, and select a theme or theme, and click the "Edit HTML" button

Firebase ID JavaScript script
Search for </body> and paste or paste the script below right above it.

<script src='https://cdn.firebase.com/v0/firebase.js' type='text/javascript'/>
$.each($(&#39;a[name]&#39;), function(i, e) { var elem = $(e).parent().find(&#39;#postviews&#39;);
var blogStats = new Firebase(&quot;https://ID_FIREBASE.firebaseio.com/pages/id/&quot; + $(e).attr(&#39;name&#39;));
blogStats.once(&#39;value&#39;, function(snapshot) { var data = snapshot.val();
var isnew = false; if(data == null) { data= {};
data.value = 0; data.url = window.location.href;
data.id = $(e).attr(&#39;name&#39;);
isnew = true; } elem.text(data.value);
data.value++; if(window.location.pathname!=&#39;/&#39;) { if(isnew) blogStats.set(data);
else blogStats.child(&#39;value&#39;).set(data.value); } }); });

Please replace "ID_FIREBASE" with the Firebase ID of the application that you created earlier.

- Post View placement
Copy and Paste this script where you want it, try to paste it in a place like under the title or in the author code or date code line.

<a expr:name='data:post.id'/>
<i class='fa fa-eye' style='color:black'/> <span id='postviews'/> Views

Please see the results, keep in mind, don't change the javascript script, because it can damage the code, if you want to change it, just change the awesome font.
Post View calculations will start from the hour, minute, and second you install or install the two scripts above, so if your post already has hundreds or even thousands of views beforehand, the count will start at zero again (calculation in Firebase, not blog).

Monday, October 29, 2018

how to make an ad in the middle of posting articles on blogger

1. Go to Edit Template, find the code &lt;data:post.body/&gt;. If there are multiple tags &lt;data:post.body/&gt;, look for those enclosed by conditional tags &lt;b:if cond=’data:blog.pageType == &amp;quot;item&amp;quot;’&gt;.

2. After that, change the code &lt;data:post.body/&gt;, with the following code:

&lt;div expr:id='"ads1" + data:post.id'&gt;&lt;/div&gt;
&lt;div style="clear:both; margin:10px 0"&gt;
&lt;div expr:id='"ads2" + data:post.id'&gt;&lt;data:post.body/&gt;&lt;/div&gt;
&lt;script type="text/javascript"&gt;
var obj0=document.getElementById("ads1&lt;data:post.id/&gt;");
var obj1=document.getElementById("ads2&lt;data:post.id/&gt;");
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf(" ");
if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+1);}

3. Save your template, and see the results.

It should be noted, the script above will place the ad right in the middle of the post, or in other words, the script will count all the words in your article and then divide it into 2 (see line of code var t = s.substr (0, s.length / 2);), then inserts an advertisement at that point.

Note: To parse Adsense code, you can use this Parse Tool.

So if your article is long enough, the ad will appear a little further down.

If you want, you can change the divisor '2' with another number, for example '6'. Then the article will be divided into 6 sections, and the ad will be inserted in the first 1/6 section. Feel free to experiment.

What if I want to freely place my ad in the middle of my post wherever I want?

Again, if that's what you want, you'll need to organize via post edit. However, it is different from the method I have previously described, namely by using a table, this time I give a much more practical and easy way.

You just need to change the script code above a little, which is on the line var t = s.substr (0, s.length / 2); and 2 lines below, with the code:

var r=s.search(/x3C!– adsense –x3E/igm);
if(r&gt;0) {obj0.innerHTML=s.substr(0,r); obj1.innerHTML=s.substr(r+16);}

So the whole thing looks like this:

&lt;div expr:id='"ads1" + data:post.id'&gt;&lt;/div&gt;
&lt;div style="clear:both; margin:10px 0"&gt;



&lt;div expr:id='"ads2" + data:post.id'&gt;&lt;data:post.body/&gt;&lt;/div&gt;
&lt;script type="text/javascript"&gt;
var obj0=document.getElementById("ads1&lt;data:post.id/&gt;");
var obj1=document.getElementById("ads2&lt;data:post.id/&gt;");
var s=obj1.innerHTML;
var r=s.search(/x3C!-- adsense --x3E/igm);
if(r&gt;0) {obj0.innerHTML=s.substr(0,r);

Next, when you create a post, or edit it, place the & lt;! - adsense - & gt; tag. wherever you want to place Adsense ads. Remember, to insert the tag & lt;! - adsense - & gt; in HTML mode.

Please choose which method is more suitable for you. The two ways above, both place adsense ads by taking up space in the middle of the article, if you want an ad to the right of the article for example (with text-wrapping), you can add additional code to the ad script that has been parsed earlier.

So it will be like this:

&lt;div style='float:right; margin: 0px 0px 0px 10px'&gt;
&amp;lt;ins class=&amp;quot;adsbygoogle&amp;quot;
(adsbygoogle = window.adsbygoogle || []).push({});

So, please apply. Hopefully it will be able to increase the CTR of ads on your blog. If there are difficulties, or things that are not clear, feel free to ask through the comments.

How to Submit Url and Sitemap to Google WebMaster Tool - SEO Technique

How to display a blog on the first page of Google, how to make a blog appear on top of Google, the best blog posts, submit free articles, how to submit articles quickly,

If you are accustomed to writing posts without Submit Url in GOOGLE WEBMASTER, it will make your Post Article long detected by Google. Because with you Submit Url on GOOGLE WEBMASTER Robot.txt automatically gets information that your blog has been updated with new content. Then Google Robot.txt will detect your article directly to appear on the Google Search Engine.

Submit Url is very important so that your post will be indexed by Google immediately. Because with that you can start first with keyword material that you write from other publishers. So that you are not caught by other Bloggers.

How to Enter a Blog Into the Google Search Engine
Here's how to easily submit an Url on Google:
  1. You must sign into a Gmail account first
  2. Prepare the Url that you will submit on Google.
  3. Log in to Google Webmaster Tools
  4. Enter your Url in the Url column
  5. how to enter a blog to the google search engine

Check "I'm not a robot" usually told to choose the appropriate image. Follow the instructions, then Verify
Select "Send Request"
That way you have successfully Submit Url. From my experience submitting Url on Google so far, it only takes a few seconds for Google to display our Url in its Search Engine. You can check it by placing your Url in Google Search, if it is successful then the search results will appear the URL that you submitted earlier.

For what page your post appears in Google search, it depends on how good the SEO is on your blog and article. If you are proficient in SEO, your article will be on the first page of Google. Get used to using Friendly Google SEO, I usually use keywords in Google to get good SEO.
Here's how to Submit your Blog xml Sitemap on Google Web Tool:

First go to Google Webmaster Tool
If you have not added your Website / Blog address. Select "Add a Property" Enter your blog address. Example: https://gojuragan.blogspot.com

After you have successfully entered the Blog URL Address in Google Web Masters Tools, select the Blog that you entered earlier. then you will go to your Blog Dashboard at GWT
On your Blog Dashboard, select the menu "Crawl> Sitemaps" you are asked to enter your Blog Sitemap address. For example: https://gojuragan.blogspot.com The only way is to add the word sitemap.xml. like this https: //gojuragan.blogspot.com.sitemap.xml
Submit Url Link

After you have successfully submitted a Sitemap on Google Webmasters Tools, the Sitemap that you entered will appear. By submitting this Sitemap, Google will also always monitor Udate article content from your blog and will display it on Google Search Engines automatically.

Back to the first rule. For on what page your post appears in Google searches, it depends on how good the SEO is on your blog and articles. If you are proficient in SEO, your article will be on the first page of Google.

Get used to using Friendly Google SEO, usually I use keywords in Google to get good SEO and adjust it to the content of your article so that visitors don't feel cheated.