Median UI Template Help & Improvement - MedianUI

 Navigation buttons don't work

After adsense is added to the blog, sometimes some of the menus don't work, one of which is the navigation button and strangely it only happens on posting pages. This problem occurs because there is a <iframe> tag of the google script between .mainIner and .asideIner , the css code used to call this function initially is:

 <pre style = "font-family: arial; font-size: 12px; border: 1px dashed #CCCCCC; width: 99%; height: auto; overflow: auto; background: # f0f0f0 ;; background-image: URL (https : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7XN7ZFkRL8vGSFxIvTg_wpKpbrsSxIZI7ixiZzBeKIQ6mwowRD-AucsF3K2-GhPgvCMJ88lHjEDfNfFx8eqAR9uruvrikDC3txnzNxKLNxhYBmyvjL_KELqIooVhuHEYBs1vaF5jIUMov/s320/codebg.gif); padding: 0px; color: # 000000; text-align: left; line-height: 20px; "> < code style = "color: # 000000; word-wrap: normal;"> .nav-menu: checked + .mainIner + .asideIner {...}  
  If it reads something like this: If the menu button is clicked then .mainIner plus the tag just below it (.asideIner) = css function  
  Meaning: there cannot be any other tags between .mainIner and .asideIner, the writing should be as below  
  <div class = 'mainIner'> ... </div>  
  <div class = 'asideIner'> ... </div>  
  </code> </pre>  

 

We finally changed the CSS code so that there would be no more problems like this in the future.

Posts without paragraphs

At first we were confused about this problem because in the Fletro template the spacing of the paragraphs was fine even though the article was made using the new or old blogger view. In the new blogger html format, the <br/> tag which is usually used to create a new line is only written once with the following format:

 <div><br /></div>  

Unlike the old blogger's view that used two
tags to create new paragraphs, at first we thought this was the problem and the only solution was to add another
tag to the code, but after we checked again it turned out that there was a css code in template that causes this. So we removed the code and now you don't need to add the two
tags to create a new paragraph

How do I add adsense to the template?

This template applies the same way as Fletro to add adsense, so you can read this article to learn it.

How do I add easy auto ads?

In this template an adsense script has been provided which you can activate if needed, please find and change the code below:

 <!-- <script>/*<![CDATA[*/ (function() { var ad = document.createElement('script'); ad.async = true; ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'; var sc = document.getElementsByTagName('head')[0]; sc.parentNode.insertBefore(ad, sc); })(); /*]]>*/</script> --> // Ubah menjadi seperti dibawah ini <script>/*<![CDATA[*/ (function() (function() { var ad = document.createElement('script'); ad.async = true; ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'; var sc = document.getElementsByTagName('head')[0]; sc.parentNode.insertBefore(ad, sc); })(); /*]]>*/</script>  

If you want to add auto ads to your blog, change the code above to be like the one below and add your adsense id in the marked section:

 <pre style="font-family:arial;font-size:12px;border:1px dashed #CCCCCC;width:99%;height:auto;overflow:auto;background:#f0f0f0;padding:0px;color:#000000;text-align:left;line-height:20px;"><code style="color:#000000;word-wrap:normal;"> <script>/*<![CDATA[*/ (function() { var add = document.createElement('script'); var att = document.createAttribute('data-ad-client'); att.value = 'ca-pub-0000000000000000'; add.setAttributeNode(att); add.async = true; add.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'; var sc = document.getElementsByTagName('head')[0]; sc.parentNode.insertBefore(add, sc); })(); /*]]>*/</script>   
 </code></pre>