Tuesday, 21 July 2020

Customize Theme

First Go to Blogger > Template > "Edit HTML"

Find below code and change all # text with yours.

Top Navigation :
<nav class='main-nav'>
.....
.....
.....
</nav>
Main Navigation :
<nav id='menu-wrap'>
.....
.....
.....
</nav>
Page Navigation :

Find and change the value of perPage: 6 and numPages: 5

<b:includable id='page-navi'>
    <div class='pagenav'>
        <script type='text/javascript'>
        var pageNaviConf = {
            perPage: 6,
            numPages: 5,
            firstText: &quot;First&quot;,
            lastText: &quot;Last&quot;,
            nextText: &quot;Next&quot;,
            prevText: &quot;Prev&quot;
        }
        </script>

Meta Tag

First Go to Blogger > Template > "Edit HTML"

Find and change all Uppercase text with yours.

<meta content='YOUR, KEYWORD, PUT, HERE' name='keywords'/>
<link href='https://plus.google.com/YOURGPLUS/posts' rel='publisher'/>
<link href='https://plus.google.com/YOURGPLUS/about' rel='author'/>
<link href='https://plus.google.com/YOURGPLUS' rel='me'/>
<meta content='YOUR VERIFICATION GOOGLE CODE' name='google-site-verification'/>
<meta content='YOUR VERIFICATION BING CODE' name='msvalidate.01'/>
<meta content='YOUR VERIFICATION ALEXA CODE' name='alexaVerifyID'/>
<meta content='INDONESIA' name='geo.placename'/>
<meta content='YOUR NAME' name='Author'/>
<meta content='general' name='rating'/>
<meta content='ID' name='geo.country'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='id_ID' property='og:locale:alternate'/>
<meta content='YOURFBAPPSID' property='fb:app_id'/>
<meta content='YOURFBUSERID' property='fb:admins'/>
<meta content='@USERNAME' name='twitter:site'/>
<meta content='@USERNAME' name='twitter:creator'/>

Mag Style

Note : in Mag Top / Bottom Section don't try add any widget oyher than HTML one, follow this

Mag Section Type : pmag2, pgallery , pvid

To add Mag Section Type just simply follow this method by change Box Type and your Label

[Your Label Here][Box Type]
Example :
[Gallery][pgallery]

To add Recent Posts and Recent Comments.

Recent Posts
recentposts
Recent Comments
recentcomments
First Widget

To bring up the layout of the widgets on the First Widget Section, simply add a new widget and then fill with recent or random.


Post Page

Adsense

First Go to Blogger > Template > "Edit HTML"

Find below code and change <!-- Place Your Ads Here (Already Parsed) --> with your Ads code which already parsed.

<div expr:id='&quot;adsmiddle1&quot; + data:post.id'/>
<div style='clear:both; margin:10px 0'>
<!-- Place Your Ads Here (Already Parsed) -->
</div>
<div expr:id='&quot;adsmiddle2&quot; + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
var obj0=document.getElementById(&quot;adsmiddle1<data:post.id/>&quot;);
var obj1=document.getElementById(&quot;adsmiddle2<data:post.id/>&quot;);
var s=obj1.innerHTML;
var r=s.search(/\x3C!-- adsense --\x3E/igm);
if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);}
</script>

Next step, when you write the post. Put below code in post editor.

<!-- adsense -->

Example :

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce fringilla venenatis odio, a consequat massa blandit ac.
Mauris ornare sapien in neque venenatis, ac fermentum tortor scelerisque. Integer sed ultricies magna, vitae gravida eros.
<!-- adsense -->
Etiam sapien massa, facilisis et semper in, sollicitudin ut turpis.Donec ac mauris dignissim, pretium enim non, vulputate est. Aliquam ut elementum enim, a vestibulum ipsum. Sed fringilla ac erat ut vulputate. Curabitur scelerisque, ligula non pretium venenatis, diam tortor sagittis mi, at malesuada risus leo nec est. Phasellus eleifend, purus a porttitor egestas, orci est porttitor ligula, et consequat diam tellus sed dolor. Aenean eu semper mauris, ut egestas nibh.
Adsense Ready [Ads Inside Post]

In this Template you will be able to add ads inside articles easily top or the middle or the bottom of the article as you like only follow the steps below :

Go to your dashboard, and click on layout

Click edit in Ads Inside Post widget and add your ad code inside the box content

Now just inside your post between text add [post_ad]

Author Box

First Go to Blogger > Template > "Edit HTML"

Find below code.

<div class='articleAuthor'>
Latest
First

post written by:

0 comments: