Customize Theme
Navigation
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: "First", lastText: "Last", nextText: "Next", prevText: "Prev" } </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 PostsrecentpostsRecent CommentsrecentcommentsFirst WidgetTo 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
AdsenseFirst 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='"adsmiddle1" + data:post.id'/> <div style='clear:both; margin:10px 0'> <!-- Place Your Ads Here (Already Parsed) --> </div> <div expr:id='"adsmiddle2" + data:post.id'> <data:post.body/> </div> <script type='text/javascript'> var obj0=document.getElementById("adsmiddle1<data:post.id/>"); var obj1=document.getElementById("adsmiddle2<data:post.id/>"); var s=obj1.innerHTML; var r=s.search(/\x3C!-- adsense --\x3E/igm); if(r>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 BoxFirst Go to Blogger > Template > "Edit HTML"
Find below code.
<div class='articleAuthor'>
0 comments: