<?xml version="1.0" encoding="UTF-8" standalone="no"?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns="http://www.w3.org/2005/Atom" xmlns:blogger="http://schemas.google.com/blogger/2008" xmlns:gd="http://schemas.google.com/g/2005" xmlns:georss="http://www.georss.org/georss" xmlns:openSearch="http://a9.com/-/spec/opensearchrss/1.0/" xmlns:thr="http://purl.org/syndication/thread/1.0"><id>tag:blogger.com,1999:blog-849555381368705722</id><updated>2024-12-19T10:23:15.076+07:00</updated><category term="Era Material"/><category term="Template"/><category term="Blogger"/><category term="Blogger Data"/><category term="Material Design"/><category term="OOT"/><category term="Template Data"/><title type="text">Pinkyui: Blogger, CSS, JavaScript</title><subtitle type="html">Tutorials and guides special for Blogger and Front-End Developer.</subtitle><link href="https://pinky-ui.blogspot.com/feeds/posts/default" rel="http://schemas.google.com/g/2005#feed" type="application/atom+xml"/><link href="https://www.blogger.com/feeds/849555381368705722/posts/default" rel="self" type="application/atom+xml"/><link href="https://pinky-ui.blogspot.com/" rel="alternate" type="text/html"/><link href="http://pubsubhubbub.appspot.com/" rel="hub"/><author><name>illvart</name><uri>http://www.blogger.com/profile/01870092124849012486</uri><email>noreply@blogger.com</email><gd:image height="32" rel="http://schemas.google.com/g/2005#thumbnail" src="//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRqHOH043t4BcZUYRC4h7FULDsvD_OB-alXgP_-ta5nqgqV9Kz7YRLCnlIAvVtlh-R9BJIqy7sjb8CfEFKS-mGVZr9cgdTAQkjkfcqYdRQetRGzKZAqARU8PHIXGD9m91Ab54whD_EDeCFqcFRhTd_PrfgOn4NndGrya8rgmfji84/s220/IMG_20230416_235852_820.jpg" width="32"/></author><generator uri="http://www.blogger.com" version="7.00">Blogger</generator><openSearch:totalResults>6</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-849555381368705722.post-866418961280751299</id><published>2019-01-08T08:39:00.001+07:00</published><updated>2020-02-14T19:57:10.043+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Blogger Data"/><category scheme="http://www.blogger.com/atom/ns#" term="Template Data"/><title type="text">Tags data:view</title><summary type="text">




The tags data:view are part of the universal set, they can be used anywhere in the Blogger Template. By using this tags you can customize the interface of the Blogger Template design, show or hide widget, content or code. For a better understanding, I have grouped them according to the type of information they print.




Basic Information




   data:view.title
   [string]
   Title of the </summary><link href="https://pinky-ui.blogspot.com/feeds/866418961280751299/comments/default" rel="replies" title="Post Comments" type="application/atom+xml"/><link href="https://pinky-ui.blogspot.com/2019/01/data-view.html#comment-form" rel="replies" title="0 Comments" type="text/html"/><link href="https://www.blogger.com/feeds/849555381368705722/posts/default/866418961280751299" rel="edit" type="application/atom+xml"/><link href="https://www.blogger.com/feeds/849555381368705722/posts/default/866418961280751299" rel="self" type="application/atom+xml"/><link href="https://pinky-ui.blogspot.com/2019/01/data-view.html" rel="alternate" title="Tags data:view" type="text/html"/><author><name>illvart</name><uri>http://www.blogger.com/profile/01870092124849012486</uri><email>noreply@blogger.com</email><gd:image height="32" rel="http://schemas.google.com/g/2005#thumbnail" src="//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRqHOH043t4BcZUYRC4h7FULDsvD_OB-alXgP_-ta5nqgqV9Kz7YRLCnlIAvVtlh-R9BJIqy7sjb8CfEFKS-mGVZr9cgdTAQkjkfcqYdRQetRGzKZAqARU8PHIXGD9m91Ab54whD_EDeCFqcFRhTd_PrfgOn4NndGrya8rgmfji84/s220/IMG_20230416_235852_820.jpg" width="32"/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrEuF2fT0OWNMfHXd47xsTrMTb53z9llUjwuT6ffQGkMQmZZSdflBKxbQsLWlOBcNDmITlU1NqpU7sys5lpOs25oanxpdg4OWO46lMbDT8f2uq1YJ7bfAlRp7juBaDhTBFSzd9ByCU4EBP/s72-c/blogger-data-min.jpeg" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-849555381368705722.post-254808034052619510</id><published>2019-01-05T22:30:00.000+07:00</published><updated>2019-11-19T05:44:08.142+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Era Material"/><category scheme="http://www.blogger.com/atom/ns#" term="Template"/><title type="text">How to add contact form on page in Era Material</title><summary type="text">




You feel annoyed if the contact form on the sidebar? I have a solution, namely by hiding the contact form on the sidebar then creating a contact form page.
For example like this blog, without contact form on the sidebar and I put it on the page. Look professional isn't it?
You need to know this is only hide the sidebar using CSS, don't remove the contact form widget. Because later it won't </summary><link href="https://pinky-ui.blogspot.com/feeds/254808034052619510/comments/default" rel="replies" title="Post Comments" type="application/atom+xml"/><link href="https://pinky-ui.blogspot.com/2019/01/contact-form-era-material.html#comment-form" rel="replies" title="0 Comments" type="text/html"/><link href="https://www.blogger.com/feeds/849555381368705722/posts/default/254808034052619510" rel="edit" type="application/atom+xml"/><link href="https://www.blogger.com/feeds/849555381368705722/posts/default/254808034052619510" rel="self" type="application/atom+xml"/><link href="https://pinky-ui.blogspot.com/2019/01/contact-form-era-material.html" rel="alternate" title="How to add contact form on page in Era Material" type="text/html"/><author><name>illvart</name><uri>http://www.blogger.com/profile/01870092124849012486</uri><email>noreply@blogger.com</email><gd:image height="32" rel="http://schemas.google.com/g/2005#thumbnail" src="//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRqHOH043t4BcZUYRC4h7FULDsvD_OB-alXgP_-ta5nqgqV9Kz7YRLCnlIAvVtlh-R9BJIqy7sjb8CfEFKS-mGVZr9cgdTAQkjkfcqYdRQetRGzKZAqARU8PHIXGD9m91Ab54whD_EDeCFqcFRhTd_PrfgOn4NndGrya8rgmfji84/s220/IMG_20230416_235852_820.jpg" width="32"/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDkIinCu3D5LmszlJC2WWnxUgwUGy38bpPYmjtcAf38BjB7a_rDMiisfriwgHf9AvxfS0ZZJ72hL-wHxYgWBYxfpnzVDE-rgC7aP5y78EGMLw4AGV6uJOSBouWihlysOtbi6lNOysOf3dv/s72-c/contact-form-era-material-min.jpeg" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-849555381368705722.post-6373406760273987827</id><published>2019-01-04T04:22:00.000+07:00</published><updated>2019-11-19T05:46:08.603+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Era Material"/><category scheme="http://www.blogger.com/atom/ns#" term="Template"/><title type="text">How to add In-Article Ads automatically in Era Material</title><summary type="text">




There are many ways to add In-Article Ads (AdSense) on Blogger. Even so, I have added a special way to add In-Article Ads in Era Material.

By using a Blogger tags and JavaScript you can add In-Article Ads in Era Material automatically.

Go to Blogger Dashboard &amp;gt; Theme &amp;gt; Edit HTML, Ctrl + F on your keyboard and search blogger comment code like a below:
&amp;lt;b:comment&amp;gt;Post body&amp;lt;/</summary><link href="https://pinky-ui.blogspot.com/feeds/6373406760273987827/comments/default" rel="replies" title="Post Comments" type="application/atom+xml"/><link href="https://pinky-ui.blogspot.com/2019/01/in-article-ads.html#comment-form" rel="replies" title="0 Comments" type="text/html"/><link href="https://www.blogger.com/feeds/849555381368705722/posts/default/6373406760273987827" rel="edit" type="application/atom+xml"/><link href="https://www.blogger.com/feeds/849555381368705722/posts/default/6373406760273987827" rel="self" type="application/atom+xml"/><link href="https://pinky-ui.blogspot.com/2019/01/in-article-ads.html" rel="alternate" title="How to add In-Article Ads automatically in Era Material" type="text/html"/><author><name>illvart</name><uri>http://www.blogger.com/profile/01870092124849012486</uri><email>noreply@blogger.com</email><gd:image height="32" rel="http://schemas.google.com/g/2005#thumbnail" src="//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRqHOH043t4BcZUYRC4h7FULDsvD_OB-alXgP_-ta5nqgqV9Kz7YRLCnlIAvVtlh-R9BJIqy7sjb8CfEFKS-mGVZr9cgdTAQkjkfcqYdRQetRGzKZAqARU8PHIXGD9m91Ab54whD_EDeCFqcFRhTd_PrfgOn4NndGrya8rgmfji84/s220/IMG_20230416_235852_820.jpg" width="32"/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOjfHH40kvharSsrudaITlcyoP6EKw5MfXSHtAbV7bgS8JQ33M3DCFDwy-5oEU4gAf0NaT951h19zSm4VS4Afe62fPKIc0MJKZDstIW-vLmTLQLeBu_JVogfQ1LQI0dkMBwFUaUQFIPO-P/s72-c/in-article-ads-era-material-min.jpeg" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-849555381368705722.post-8097528620270360360</id><published>2019-01-02T07:27:00.001+07:00</published><updated>2019-11-19T05:48:54.103+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Era Material"/><category scheme="http://www.blogger.com/atom/ns#" term="Template"/><title type="text">Tips for Era Material</title><summary type="text">




Thank you if you have purchased Era Material. You need to know, Era Material is very many features and can be customize.
Even though there are some that I don't provide a tutorial in documentation. Therefore in this article I will provide some tips for Era Material such as hiding the sidebar on a small device (mobile), hiding the post meta on the pages, etc.


Hide sidebar on small device (</summary><link href="https://pinky-ui.blogspot.com/feeds/8097528620270360360/comments/default" rel="replies" title="Post Comments" type="application/atom+xml"/><link href="https://pinky-ui.blogspot.com/2019/01/tips-era-material.html#comment-form" rel="replies" title="0 Comments" type="text/html"/><link href="https://www.blogger.com/feeds/849555381368705722/posts/default/8097528620270360360" rel="edit" type="application/atom+xml"/><link href="https://www.blogger.com/feeds/849555381368705722/posts/default/8097528620270360360" rel="self" type="application/atom+xml"/><link href="https://pinky-ui.blogspot.com/2019/01/tips-era-material.html" rel="alternate" title="Tips for Era Material" type="text/html"/><author><name>illvart</name><uri>http://www.blogger.com/profile/01870092124849012486</uri><email>noreply@blogger.com</email><gd:image height="32" rel="http://schemas.google.com/g/2005#thumbnail" src="//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRqHOH043t4BcZUYRC4h7FULDsvD_OB-alXgP_-ta5nqgqV9Kz7YRLCnlIAvVtlh-R9BJIqy7sjb8CfEFKS-mGVZr9cgdTAQkjkfcqYdRQetRGzKZAqARU8PHIXGD9m91Ab54whD_EDeCFqcFRhTd_PrfgOn4NndGrya8rgmfji84/s220/IMG_20230416_235852_820.jpg" width="32"/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEAqXW44HPoofZ0uJXbgEpgzfJanAVkdd1v4lLHOsHm8bBMrgxhD7vrJdoU56WniYEVeX8G3e3wxaSIr3BM_q1Amhi-ToaEZ-JbAy3ovfKHMGqJpe2dTLDB1ZFM-IOKqxMN6OYpEg4Lqnz/s72-c/tips-era-material-min.jpeg" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-849555381368705722.post-7564451520276171440</id><published>2018-12-31T10:38:00.000+07:00</published><updated>2020-09-19T08:06:50.081+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Blogger"/><category scheme="http://www.blogger.com/atom/ns#" term="Era Material"/><category scheme="http://www.blogger.com/atom/ns#" term="Material Design"/><category scheme="http://www.blogger.com/atom/ns#" term="Template"/><title type="text">Era Material is the best Material Design Blogger Template</title><summary type="text">



Demo
Component
Buy Template

Era Material is the best Material Design template for Blogger. This template is suitable for personal blog, developer/designer blog, project showcase, commercial blog, news blog, etc. This template build without any CSS/JavaScript Framework. By using this template on your blog, you will look cool and professional.
Era Material supported customization on Blogger </summary><link href="https://pinky-ui.blogspot.com/feeds/7564451520276171440/comments/default" rel="replies" title="Post Comments" type="application/atom+xml"/><link href="https://pinky-ui.blogspot.com/2018/12/era-material.html#comment-form" rel="replies" title="0 Comments" type="text/html"/><link href="https://www.blogger.com/feeds/849555381368705722/posts/default/7564451520276171440" rel="edit" type="application/atom+xml"/><link href="https://www.blogger.com/feeds/849555381368705722/posts/default/7564451520276171440" rel="self" type="application/atom+xml"/><link href="https://pinky-ui.blogspot.com/2018/12/era-material.html" rel="alternate" title="Era Material is the best Material Design Blogger Template" type="text/html"/><author><name>illvart</name><uri>http://www.blogger.com/profile/01870092124849012486</uri><email>noreply@blogger.com</email><gd:image height="32" rel="http://schemas.google.com/g/2005#thumbnail" src="//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRqHOH043t4BcZUYRC4h7FULDsvD_OB-alXgP_-ta5nqgqV9Kz7YRLCnlIAvVtlh-R9BJIqy7sjb8CfEFKS-mGVZr9cgdTAQkjkfcqYdRQetRGzKZAqARU8PHIXGD9m91Ab54whD_EDeCFqcFRhTd_PrfgOn4NndGrya8rgmfji84/s220/IMG_20230416_235852_820.jpg" width="32"/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3rAAdX4Lg64ebe_75Njj4bZVfC-2McmMrW4wavUh5Olr0XAxRqlrVaJvmHUxa0BPqk0Ddp2d5wV5tYLdE51mQEi7jExPwx3Q_KPYOKjTVLPJsKY3fPkw2n6cdYeoghniGFKFYUkPhyphenhyphen1Qy/s72-w10-c/era-material.png" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-849555381368705722.post-5346192740963371471</id><published>2018-12-28T07:32:00.000+07:00</published><updated>2019-11-13T10:22:17.710+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="OOT"/><title type="text">First post</title><summary type="text">




Bismillahirrahmanirrahim, this is the first post on this blog. This post is not important, but one day it will be a great history, history that might make you laugh if you read this post. &#129315;


Not only that, in this post you will find out my reasons why I like Blogger more than others?


The reason I like Blogger
The reason I like Blogger is very simple because Blogger is Google. Well from </summary><link href="https://pinky-ui.blogspot.com/feeds/5346192740963371471/comments/default" rel="replies" title="Post Comments" type="application/atom+xml"/><link href="https://pinky-ui.blogspot.com/2018/12/first-post.html#comment-form" rel="replies" title="0 Comments" type="text/html"/><link href="https://www.blogger.com/feeds/849555381368705722/posts/default/5346192740963371471" rel="edit" type="application/atom+xml"/><link href="https://www.blogger.com/feeds/849555381368705722/posts/default/5346192740963371471" rel="self" type="application/atom+xml"/><link href="https://pinky-ui.blogspot.com/2018/12/first-post.html" rel="alternate" title="First post" type="text/html"/><author><name>illvart</name><uri>http://www.blogger.com/profile/01870092124849012486</uri><email>noreply@blogger.com</email><gd:image height="32" rel="http://schemas.google.com/g/2005#thumbnail" src="//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRqHOH043t4BcZUYRC4h7FULDsvD_OB-alXgP_-ta5nqgqV9Kz7YRLCnlIAvVtlh-R9BJIqy7sjb8CfEFKS-mGVZr9cgdTAQkjkfcqYdRQetRGzKZAqARU8PHIXGD9m91Ab54whD_EDeCFqcFRhTd_PrfgOn4NndGrya8rgmfji84/s220/IMG_20230416_235852_820.jpg" width="32"/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1aBNqEfHBOQ0uN25b_LZSSPt3vp2jPMAfiDBV5tbyGSD4x8I1sePJ8Hw7zSSx1jjzot64dQbzQJECaSC7Jfng-XbyY1kdu0MtroDnunhOykGGAa6W88LFeqjbf7YS9LFVlampqpBk1sT1/s72-c/pinkyui.png" width="72"/><thr:total>0</thr:total></entry></feed>