<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:blogger='http://schemas.google.com/blogger/2008' xmlns:georss='http://www.georss.org/georss' xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-6222520536924570210</id><updated>2026-03-11T03:06:04.152-07:00</updated><category term="Blogger"/><category term="Tips Dan Trik"/><category term="Widget"/><category term="CSS"/><category term="HTML"/><category term="Tools"/><category term="Menu Navigation"/><category term="Umum"/><category term="Seo"/><category term="Templates"/><title type='text'>Mas Tamvan</title><subtitle type='html'>mastamvan.blogspot.com Berbagi Tutorial Widgets Blogger, Blogger Design, Blogger Tips, Blogger Tricks, Menu Navigation Bar, Blogger Responsive, widget responsive, widget design, mobile friendly, sub menu, menu bar dropdown, Tools Online Blogger</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://mastamvan.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6222520536924570210/posts/default?redirect=false'/><link rel='alternate' type='text/html' href='http://mastamvan.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><link rel='next' type='application/atom+xml' href='http://www.blogger.com/feeds/6222520536924570210/posts/default?start-index=26&amp;max-results=25&amp;redirect=false'/><author><name>Mas Tamvan</name><uri>http://www.blogger.com/profile/15962155396803003080</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>192</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-6222520536924570210.post-6455605065904077803</id><published>2020-01-13T04:55:00.000-08:00</published><updated>2020-04-27T05:47:09.686-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Templates"/><title type='text'>OX-ZM 2020 Blogger Template SEO Responsive Clean CSS3</title><summary type="text">
Premium Blogger Template 2020 SEO, RESPONSIVE, Mobile Friendly
Download Premium Blogger Templates 2020 Seo Responsive, hallo 2020 di awal bulan ini blog mas tamvan membuat template baru yang tentunya fast loading, clean, responsive, mobile friendly dan mobile ready. Untuk fitur dan tampilannya bisa lihat dibawah ini.




    
        
            Features
            Availability
        
</summary><link rel='replies' type='application/atom+xml' href='http://mastamvan.blogspot.com/feeds/6455605065904077803/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mastamvan.blogspot.com/2020/01/ox-zm-blogger-template-seo-responsive.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6222520536924570210/posts/default/6455605065904077803'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6222520536924570210/posts/default/6455605065904077803'/><link rel='alternate' type='text/html' href='http://mastamvan.blogspot.com/2020/01/ox-zm-blogger-template-seo-responsive.html' title='OX-ZM 2020 Blogger Template SEO Responsive Clean CSS3'/><author><name>Mas Tamvan</name><uri>http://www.blogger.com/profile/15962155396803003080</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ5DBcU5a7eccWppulg6W66QlIFYRHANrt1sI_rJEmbau6rTfKji10Z6qMARTZvY5yA2qr79Fl9mV87WECLWmy61Bxz7WAu2hP3XQDSnwvxQ9VaUx73NgHX2TJUJb3Akq1wqVpZBH9RXCq/s72-c/blog-template-2020-seo-responsive.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6222520536924570210.post-8663582167075517296</id><published>2018-03-02T21:05:00.000-08:00</published><updated>2020-04-27T05:46:18.003-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Templates"/><title type='text'>apkmodstore Template Untuk Blog Download, Responsive, Fast Loading Plus Safelink</title><summary type="text">
Template Untuk Blog Download Seo Friendly dan Responsive Plus Safelink
APK MOD STORE | Template yang cocok untuk blog download aplikasi seperti APK, buat kalian yang ingin membuat blog download bisa mencoba template ini yang tentunya cocok dan sudah dilengkapi dengan safelink, kalian bisa mengaktifkan / menonaktifkannya. untuk lebih jelasanya kalian bisa liat di fitur berikut ini / melihat link </summary><link rel='replies' type='application/atom+xml' href='http://mastamvan.blogspot.com/feeds/8663582167075517296/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mastamvan.blogspot.com/2018/03/template-untuk-blog-download-aplikasi-apk.html#comment-form' title='24 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6222520536924570210/posts/default/8663582167075517296'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6222520536924570210/posts/default/8663582167075517296'/><link rel='alternate' type='text/html' href='http://mastamvan.blogspot.com/2018/03/template-untuk-blog-download-aplikasi-apk.html' title='apkmodstore Template Untuk Blog Download, Responsive, Fast Loading Plus Safelink'/><author><name>Mas Tamvan</name><uri>http://www.blogger.com/profile/15962155396803003080</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiX1Jjl85HppDNf4jCUZP-GGcJVJNZUTScLPkbIq3bQdIQ36GKHH64mozN0ZO98kH8qqInDsVoBxj22cZNns_fkVTKWe8Otcw_4za3wBXweKDzFb9l9uyiKrE-n6HiwTM0lZOq6zrOTtNh/s72-c/template-for-blog-download.png" height="72" width="72"/><thr:total>24</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6222520536924570210.post-5870514597353050579</id><published>2017-11-06T01:04:00.000-08:00</published><updated>2017-11-06T01:04:11.852-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Blogger"/><category scheme="http://www.blogger.com/atom/ns#" term="HTML"/><category scheme="http://www.blogger.com/atom/ns#" term="Widget"/><title type='text'>Cara Memasang Musik Dari Youtube Ke Blog</title><summary type="text">
Cara memasukan lagu dari toutube ke blog

Tutorial cara embedded lagu / musik mp3 dari youtube ke blogger, untuk memasnag musik ke dalam website / blog ada banyak cara dan banyak juga situs untuk menerapkan embedded musik yang bisa di play secara otomatis dan menampilkan banyak list lagu yang kalian bisa pilih sesuka hati.

misalnya seperti soundcloud.com,8tracks.com dan yg lainnya, tapi pada </summary><link rel='replies' type='application/atom+xml' href='http://mastamvan.blogspot.com/feeds/5870514597353050579/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mastamvan.blogspot.com/2017/11/cara-memasang-musik-dari-youtube-ke-blog.html#comment-form' title='12 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6222520536924570210/posts/default/5870514597353050579'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6222520536924570210/posts/default/5870514597353050579'/><link rel='alternate' type='text/html' href='http://mastamvan.blogspot.com/2017/11/cara-memasang-musik-dari-youtube-ke-blog.html' title='Cara Memasang Musik Dari Youtube Ke Blog'/><author><name>Mas Tamvan</name><uri>http://www.blogger.com/profile/15962155396803003080</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_6hMY639xBibRU9F4Vopd6bPYHccLi-4287EuDPdUTveP8Jfpkjr3HCYqYvIX-aJudFntzsf4GJnJCwchNTWn5IMVwC8cPUW662vzwn46WglWf5pNW2hDzrDut1_vUDlxb8Z4nxn_34TU/s72-c/Cara_Embedded_Musik_Dari_Youtube.png" height="72" width="72"/><thr:total>12</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6222520536924570210.post-8258810962278335824</id><published>2017-08-18T07:43:00.002-07:00</published><updated>2017-08-18T07:45:57.440-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Templates"/><title type='text'>SISIMPL Templates Responsive, Fast Loading, Valid HTML5</title><summary type="text">
SISIMPL Premium Blogger Templates | Minimalist, Fast Loading, Responsive, Valid HTML5, Mobile Ready, High Quality, Template premium pertama dari blog mas tamvan



Gtmetrix Speed


Valid HTML5 Validation



    
        
            Features
            Availability
        
        
            Responsive
            True Cek
        
        
        
            Mobile Friendly
            </summary><link rel='replies' type='application/atom+xml' href='http://mastamvan.blogspot.com/feeds/8258810962278335824/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mastamvan.blogspot.com/2017/08/sisimpl-templates-responsive-fast.html#comment-form' title='13 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6222520536924570210/posts/default/8258810962278335824'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6222520536924570210/posts/default/8258810962278335824'/><link rel='alternate' type='text/html' href='http://mastamvan.blogspot.com/2017/08/sisimpl-templates-responsive-fast.html' title='SISIMPL Templates Responsive, Fast Loading, Valid HTML5'/><author><name>Mas Tamvan</name><uri>http://www.blogger.com/profile/15962155396803003080</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOH3_tKldMAi-Vr0DJjhHjv35PbBZGb-tSv97dY9kJQP4454UvcHr5IzsV52OdvePXo2z0yrr5FGnYnry7TPaieztepjDX7rB4TXwgmGGN7eyPOrrAnxLaQ3WGT0Wk5nyJg4c3wB5ORdRt/s72-c/sisimpl-blogger-templates.png" height="72" width="72"/><thr:total>13</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6222520536924570210.post-9030943170126365709</id><published>2017-07-29T04:43:00.000-07:00</published><updated>2017-07-29T04:43:08.163-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Blogger"/><category scheme="http://www.blogger.com/atom/ns#" term="CSS"/><category scheme="http://www.blogger.com/atom/ns#" term="HTML"/><category scheme="http://www.blogger.com/atom/ns#" term="Widget"/><title type='text'>Membuat Multi Tab Server Video Streaming Seperti Layarkaca21</title><summary type="text">
Tutorial Cara Membuat Multi tab Video Streaming Click to Load Iframe
Memasang Tab Pilihan Server Untuk Video Streaming di Blog, kali ini saya akan membagikan lagi sebuah widget untuk blog movie yang akan menampilkan beberapa pilihan server dan kualitas video yang berbeda seperti pada wrbsite layar kaca

Buat kalin yang membuat blog moveie tentunya harus membuat beberapa video / Film cadangan di </summary><link rel='replies' type='application/atom+xml' href='http://mastamvan.blogspot.com/feeds/9030943170126365709/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mastamvan.blogspot.com/2017/07/widget-video-streaming-seperti-layarkaca.html#comment-form' title='30 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6222520536924570210/posts/default/9030943170126365709'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6222520536924570210/posts/default/9030943170126365709'/><link rel='alternate' type='text/html' href='http://mastamvan.blogspot.com/2017/07/widget-video-streaming-seperti-layarkaca.html' title='Membuat Multi Tab Server Video Streaming Seperti Layarkaca21'/><author><name>Mas Tamvan</name><uri>http://www.blogger.com/profile/15962155396803003080</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6ujB28M5JMcKGSz8XaXTyNUzO2Hyk9zXI9btHTrJWN81lXrs6hWaFV2rk8inZrMZkgX50VjhJ_1CLNd9dz0jIwZePp_oPWMMDOoI2VX8NHMMkiAHENz0peSkkTMPxq3IXyXef-cRmBa1A/s72-c/membuat-widget-video-streaming-di-blog.png" height="72" width="72"/><thr:total>30</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6222520536924570210.post-2243613960809217150</id><published>2017-07-26T20:55:00.000-07:00</published><updated>2017-07-26T20:59:57.290-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Blogger"/><category scheme="http://www.blogger.com/atom/ns#" term="CSS"/><category scheme="http://www.blogger.com/atom/ns#" term="HTML"/><category scheme="http://www.blogger.com/atom/ns#" term="Tips Dan Trik"/><category scheme="http://www.blogger.com/atom/ns#" term="Widget"/><title type='text'>Membuat Tombol Download Keren Seperti JalanTikus di blog</title><summary type="text">
Tutorial Cara Membuat Tombol Download di Blogger Responsive
Cara Membuat Tombol Download Seperti Pada Website Jalan Tikus, pada kesempatan kali ini saya akan berbagi tutorial membuat tombol download keren yang akan menampilkan icon aplikasi / game seperti di website jalantikus.
sebelumnya saya juga sudah pernah share beberapa tutorial untuk cara membuat tombol download dan demo di halaman post </summary><link rel='replies' type='application/atom+xml' href='http://mastamvan.blogspot.com/feeds/2243613960809217150/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mastamvan.blogspot.com/2017/07/tombol-download-blog-seperti-jalantikus.html#comment-form' title='23 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6222520536924570210/posts/default/2243613960809217150'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6222520536924570210/posts/default/2243613960809217150'/><link rel='alternate' type='text/html' href='http://mastamvan.blogspot.com/2017/07/tombol-download-blog-seperti-jalantikus.html' title='Membuat Tombol Download Keren Seperti JalanTikus di blog'/><author><name>Mas Tamvan</name><uri>http://www.blogger.com/profile/15962155396803003080</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzLBqMuafOWb4LZKj7QPBgWospXCZkNIWnls0tuhMKk3dXXizfsLxjib2KOzv902hI-C-jCjOL_mwCYtpDO8eU0hX2LoGgoub0mB2-9tLS07f2nV6d3PZL8S1acKcJox4ZTu0wBo5YbyaN/s72-c/tombol-download-di-blog-jalan-tikus.png" height="72" width="72"/><thr:total>23</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6222520536924570210.post-160511438365707518</id><published>2017-07-24T22:47:00.000-07:00</published><updated>2017-07-24T22:47:55.543-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Blogger"/><category scheme="http://www.blogger.com/atom/ns#" term="Tips Dan Trik"/><title type='text'>Membuat Semua Link External Menjadi Open New Tab</title><summary type="text">
Cara Agar Semua Link External Menjadi Open New Tab
Cara Otomatis Membuat Semua Link External Menjadi Terbuka di Tab Baru, kali ini saya akan membagikan script agar semua link external / link orang lain yang dipasang di blog kalian menjadi terbuka di tab baru ketika di klik
Sebelumnya saya juga sudah pernah buat beberapa postingan yang berkaitan, buat kalian yang ingin melihatnya bisa kunjungi </summary><link rel='replies' type='application/atom+xml' href='http://mastamvan.blogspot.com/feeds/160511438365707518/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mastamvan.blogspot.com/2017/07/semua-link-external-menjadi-open-new-tab.html#comment-form' title='4 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6222520536924570210/posts/default/160511438365707518'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6222520536924570210/posts/default/160511438365707518'/><link rel='alternate' type='text/html' href='http://mastamvan.blogspot.com/2017/07/semua-link-external-menjadi-open-new-tab.html' title='Membuat Semua Link External Menjadi Open New Tab'/><author><name>Mas Tamvan</name><uri>http://www.blogger.com/profile/15962155396803003080</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEb7uX3KaOHKW6PDh-zrgtQ2tSgWBdb_hXBCoDjMYb_hgpabZpdo7lxkgmWYW8cpph1NrZFa5n_seSxt7qC4S2jEDyIWYoc4Bt8W581ZOV5go8vxFUy8MHIeVE5sTT__FItSdQwY13yksT/s72-c/link_external_open_new_tab.png" height="72" width="72"/><thr:total>4</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6222520536924570210.post-816561290512943031</id><published>2017-07-23T03:29:00.000-07:00</published><updated>2018-02-02T20:26:19.303-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Templates"/><title type='text'>SIMPLE FAST | Template Responsive Mobile Friendly dan Fast Loading</title><summary type="text">

SIMPLEFAST | Templates Responsive, Mobile Friendly, Fast Loading, Seo, Simple, pada postingan kali ini saya akan membagikan lagi sebuah Template Blogger yang Simple, untuk fitur dan cara menggunakannya bisa liat di bawah ini


  Beberapa Fitur YangHarus disesuaikan
Cara Mengganti Gambar Thumbnail Header Dengan Logo Sendiri

 
 Ukuran Logo yang disarankan 200 X 54 px
 Untuk menggantinya masuk ke</summary><link rel='replies' type='application/atom+xml' href='http://mastamvan.blogspot.com/feeds/816561290512943031/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mastamvan.blogspot.com/2017/07/download-template-simple-fast-responsive.html#comment-form' title='12 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6222520536924570210/posts/default/816561290512943031'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6222520536924570210/posts/default/816561290512943031'/><link rel='alternate' type='text/html' href='http://mastamvan.blogspot.com/2017/07/download-template-simple-fast-responsive.html' title='SIMPLE FAST | Template Responsive Mobile Friendly dan Fast Loading'/><author><name>Mas Tamvan</name><uri>http://www.blogger.com/profile/15962155396803003080</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi69JVpDNhPBajaGOCWEJnUWc0pxqQiMF_av1XZXZPqVM4-JF4b4fW2bWTJEnHhYWprCxW0z2Q0JzbqnVvGB22nEfbYkVEYFaIbpUNd0k0tcxo-W-TdNXQThkELdvt78yvyS-ea8Ou5QK3F/s72-c/TEMPLATE_SIMPLE_FAST.png" height="72" width="72"/><thr:total>12</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6222520536924570210.post-7642348828728305265</id><published>2017-07-13T07:48:00.000-07:00</published><updated>2017-07-13T07:48:37.190-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Blogger"/><category scheme="http://www.blogger.com/atom/ns#" term="Tips Dan Trik"/><category scheme="http://www.blogger.com/atom/ns#" term="Widget"/><title type='text'>Membuat Progress Scrollbar Pure JavaScript di Blogger</title><summary type="text">
Membuat Progress Scrollbar Ketika Halaman di Scroll Pure JavaScript
Memasang Progress Scrollbar Menggunakan JavaScript, pada tutorial kali ini saya akan memberikan tutorial membuat animasi proses scrollbar / page scroll indicator / progress bar di atas halaman blog
Page Scroll Progress Indicator ini akan menampilkan garis horizontal diatas / bisa juga memindahkannya jadi dibawah halaman blog </summary><link rel='replies' type='application/atom+xml' href='http://mastamvan.blogspot.com/feeds/7642348828728305265/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mastamvan.blogspot.com/2017/07/progress-scrollbar-pure-javascript.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6222520536924570210/posts/default/7642348828728305265'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6222520536924570210/posts/default/7642348828728305265'/><link rel='alternate' type='text/html' href='http://mastamvan.blogspot.com/2017/07/progress-scrollbar-pure-javascript.html' title='Membuat Progress Scrollbar Pure JavaScript di Blogger'/><author><name>Mas Tamvan</name><uri>http://www.blogger.com/profile/15962155396803003080</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXM4Ny3fGv7ZO1nwNTS6GpxPQL3IUpZegvhyphenhyphenDL-4mAtkOXq_tit2DbVBUI_qJraLceWBwevXKClbK8r_YZfguuK88EhKgCvwrW1fDqBWeZ05dDMiMae4URqYYtGvXUu9T8m0Unh3hA4Fr-/s72-c/Pure_Javascript_Progress_Scrollbar.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6222520536924570210.post-3355605944102477790</id><published>2017-07-13T04:54:00.000-07:00</published><updated>2017-07-13T04:54:16.222-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Blogger"/><category scheme="http://www.blogger.com/atom/ns#" term="Tips Dan Trik"/><category scheme="http://www.blogger.com/atom/ns#" term="Widget"/><title type='text'>Membuat Menu Melayang (Sticky) Pure Javascript</title><summary type="text">
Tutorial Cara Membuat Menu Navigation Melayang Dengan Javascript
Cara Membuat Menu Melayang Ketika Di Scroll (Sticky Menu), pada kesempatan kali ini saya akan memberikan trik buat kalian yang ingin merubah menunya menjadi melayang ketika halaman di scroll menggunakan javascript
Mungkin sudah banyak yang share tutorial seperti ini, ada yang menggunakan pure css, jQuery tapi apa salahnya saya juga</summary><link rel='replies' type='application/atom+xml' href='http://mastamvan.blogspot.com/feeds/3355605944102477790/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mastamvan.blogspot.com/2017/07/membuat-menu-melayang-sticky-javascript.html#comment-form' title='6 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6222520536924570210/posts/default/3355605944102477790'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6222520536924570210/posts/default/3355605944102477790'/><link rel='alternate' type='text/html' href='http://mastamvan.blogspot.com/2017/07/membuat-menu-melayang-sticky-javascript.html' title='Membuat Menu Melayang (Sticky) Pure Javascript'/><author><name>Mas Tamvan</name><uri>http://www.blogger.com/profile/15962155396803003080</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBlpPn8_a3twEDq0zBlkHdB7A-vPcE2bmmuOb5M6hkSmcbNXPJ3CcfgQerVDsRHxvVYt6E4Xn8s-TAn701PfnF8BYh9Vs0nsNTW78GZJI5oY9WLoHjNCjaMRue_ddQSPlhmt94sNNm66Wu/s72-c/membuat-menu-melayang-sticky.png" height="72" width="72"/><thr:total>6</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6222520536924570210.post-7766984010177264290</id><published>2017-06-24T02:59:00.000-07:00</published><updated>2017-06-24T02:59:03.000-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Blogger"/><category scheme="http://www.blogger.com/atom/ns#" term="HTML"/><category scheme="http://www.blogger.com/atom/ns#" term="Tips Dan Trik"/><title type='text'>Mempercepat Loading Blog Dengan LazyLoad Pure JavaScript</title><summary type="text">
Tutorial Cara Mempercepat Loading Blog Menggunakan Script Lazyload Pure Javascript
Cara Mengatasi Leverage browser caching Image di Google PageSpeed Insights, kali ini saya akan memberikan tutorial untuk mengatasi gambar thumbnail yang memberatkan loading blog ketika di cek menggunakan Google PageSpeed Insights / gtmetrix.com dengan LazyLoad Image Pure JavaScript.
Ketika kalian mengecek </summary><link rel='replies' type='application/atom+xml' href='http://mastamvan.blogspot.com/feeds/7766984010177264290/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mastamvan.blogspot.com/2017/06/mempercepat-loading-blog-lazy-load-image.html#comment-form' title='46 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6222520536924570210/posts/default/7766984010177264290'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6222520536924570210/posts/default/7766984010177264290'/><link rel='alternate' type='text/html' href='http://mastamvan.blogspot.com/2017/06/mempercepat-loading-blog-lazy-load-image.html' title='Mempercepat Loading Blog Dengan LazyLoad Pure JavaScript'/><author><name>Mas Tamvan</name><uri>http://www.blogger.com/profile/15962155396803003080</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRbOW-pnHR-Vxky7VpSW7pwIUYonqFgLLLmsRJWd6Y7TcJlBkB2nA7jDuXcjc6TnirMfE-Ot5Z6eL2wmgBJIZ5JFEX3mpg1SE7EdCEj0tygahCJJg9Xbbknr3hKF4lTnSm5V_QpYaU7mlS/s72-c/mempercepat-loading-blog-dengan-lazyload.png" height="72" width="72"/><thr:total>46</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6222520536924570210.post-5681468838824453229</id><published>2017-06-05T21:27:00.000-07:00</published><updated>2017-06-05T21:27:00.153-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Blogger"/><category scheme="http://www.blogger.com/atom/ns#" term="CSS"/><category scheme="http://www.blogger.com/atom/ns#" term="Tips Dan Trik"/><title type='text'>Cara Menambahkan Icon di Menu Bar dengan Font Awesome</title><summary type="text">
Tutorial Cara Menambahkan Icon di Menu Navigation Bar Menggunakan Font Awesome
Cara Menggunakan Icon Font Awesome di Blog, pada postingan kali ini saya akan membagikan tutorial menggunakan Font Awesome untuk menampilkan icon di blogger dengan mudah dan cepat.
Untuk menampilkan atau memasang icon sendiri ada banyak cara, bisa menggunakan gambar / logo, icon SVG, CSS Background dll, tapi supaya </summary><link rel='replies' type='application/atom+xml' href='http://mastamvan.blogspot.com/feeds/5681468838824453229/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mastamvan.blogspot.com/2017/06/cara-menambahkan-icon-di-menu-bar.html#comment-form' title='7 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6222520536924570210/posts/default/5681468838824453229'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6222520536924570210/posts/default/5681468838824453229'/><link rel='alternate' type='text/html' href='http://mastamvan.blogspot.com/2017/06/cara-menambahkan-icon-di-menu-bar.html' title='Cara Menambahkan Icon di Menu Bar dengan Font Awesome'/><author><name>Mas Tamvan</name><uri>http://www.blogger.com/profile/15962155396803003080</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZJcAqI96w8DWU2o0hQ7G5nDiMlRgIVc94wqE5iVbp3skEGDafdQ6gfMu21hrt0AAIr8RTXe09zvIn2B6hFKPykT1cWMdpDGbM6RIMmq9Gq_yY_2Ab8js78lDA9tkM0E-Brb0kZTTfbsfQ/s72-c/menggunakan-font-awesome.png" height="72" width="72"/><thr:total>7</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6222520536924570210.post-924668971591096765</id><published>2017-06-03T00:32:00.001-07:00</published><updated>2017-06-03T00:32:47.486-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Tools"/><title type='text'>Simple CSS Button Generator</title><summary type="text">
Cara Membuat Tombol Button di blogger dengan tools css button generator
Free tools untu membuat tombol button dengan css Buat kalian yang ingin mencoba memuat tombol button di blogger dengan tampilan yang lebih menarik, bisa coba menggunakan tools ini untuk membuatnya.
Untuk mencobanya, kalian bisa klik tombol button dibawah ini
CSS Button Generator
Sebelumnya saya juga sudah pernah posting </summary><link rel='replies' type='application/atom+xml' href='http://mastamvan.blogspot.com/feeds/924668971591096765/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mastamvan.blogspot.com/2017/06/simple-css-button-generator.html#comment-form' title='3 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6222520536924570210/posts/default/924668971591096765'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6222520536924570210/posts/default/924668971591096765'/><link rel='alternate' type='text/html' href='http://mastamvan.blogspot.com/2017/06/simple-css-button-generator.html' title='Simple CSS Button Generator'/><author><name>Mas Tamvan</name><uri>http://www.blogger.com/profile/15962155396803003080</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguZYBZT3w6cFMESXE9-X0IOVMCxWpK-VYhEwc5kKlCuJuZKy4q8kvFw-dTNbGRjnaxiAshaT5BeUfpiuqfBCCoaFJ8LUmLQ6YSWzfeW1QeAPCHdgEx3gIpcVcMQhkQS1aWFOXvKWXKfjWO/s72-c/css3-buttons-generator.png" height="72" width="72"/><thr:total>3</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6222520536924570210.post-6957898841515039874</id><published>2017-06-02T23:08:00.001-07:00</published><updated>2017-06-02T23:08:14.861-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Blogger"/><category scheme="http://www.blogger.com/atom/ns#" term="CSS"/><category scheme="http://www.blogger.com/atom/ns#" term="HTML"/><title type='text'>Pure CSS Button Pack For Web Design</title><summary type="text">
Membuat Tombol Button di Blogger Dengan HTML dan CSS
Kumpulan Tombol Button Keren Pure CSS dan HTML, kali ini saya akan memberikan beberapa style untuk membuat tampilan tombol download, demo atau yang lainnya lebih menarik ditambah dengan sedikit animasi ketika di klik dan icon pada tombolnya
Buat kalian yang ingin membuat tombol button dengan beragam warna dan tampilan, bisa mencobanya </summary><link rel='replies' type='application/atom+xml' href='http://mastamvan.blogspot.com/feeds/6957898841515039874/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mastamvan.blogspot.com/2017/06/pure-css-button-pack-for-web-design.html#comment-form' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6222520536924570210/posts/default/6957898841515039874'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6222520536924570210/posts/default/6957898841515039874'/><link rel='alternate' type='text/html' href='http://mastamvan.blogspot.com/2017/06/pure-css-button-pack-for-web-design.html' title='Pure CSS Button Pack For Web Design'/><author><name>Mas Tamvan</name><uri>http://www.blogger.com/profile/15962155396803003080</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUDJAlm-OS4lvm0VT1iWChEvC0aZelv1k75GIcSLI9MjcIhAzPKd3DWme9l7sTYkETSZdSq-TvKLjicpeG42QlChmIVvuJ1fPjKPzJkl3rKAavIqniDVSo4RDRB_Hs5F8mS1TQP0W3EW/s72-c/pure-css-button-pack.png" height="72" width="72"/><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6222520536924570210.post-8609644199794127016</id><published>2017-05-28T21:36:00.003-07:00</published><updated>2022-01-08T21:53:38.847-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Blogger"/><category scheme="http://www.blogger.com/atom/ns#" term="CSS"/><category scheme="http://www.blogger.com/atom/ns#" term="HTML"/><category scheme="http://www.blogger.com/atom/ns#" term="Widget"/><title type='text'>Membuat Modal Popup Dengan JavaScript di Blogger</title><summary type="text">
Cara Membuat Modal Popup Button Responsive Full Screen
Cara Membuat Popup Button di Postingan Blog, kali ini saya akan membagikan script untuk membuat sebuah popup window ketika button di klik dengan javascript.

Script popup ini bisa kalian pasang di postingan, sidebar, menu dll dan untuk tampilannya bisa di sesuaikan dengan keinginan kalian.


Sebelumnya saya juga sudah pernah posting artikel </summary><link rel='replies' type='application/atom+xml' href='http://mastamvan.blogspot.com/feeds/8609644199794127016/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mastamvan.blogspot.com/2017/05/membuat-modal-popup-dengan-javascript.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6222520536924570210/posts/default/8609644199794127016'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6222520536924570210/posts/default/8609644199794127016'/><link rel='alternate' type='text/html' href='http://mastamvan.blogspot.com/2017/05/membuat-modal-popup-dengan-javascript.html' title='Membuat Modal Popup Dengan JavaScript di Blogger'/><author><name>Mas Tamvan</name><uri>http://www.blogger.com/profile/15962155396803003080</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFLG4IXeLzPNEEStNkID5QsMdSD7zwhIsza-CDbJWJR5smCw12OV0QaSSmi99GlkFHVZduYlPrTpem_t4L6xQqAFe5FthirvZ-Hpriz3BzOLAfOgGnmW4bEsruNJFHETZeVp1_eltwV5-o/s72-c/popup-button-responsive.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6222520536924570210.post-8351014261803287417</id><published>2017-05-24T03:12:00.000-07:00</published><updated>2017-05-24T03:45:10.397-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Blogger"/><category scheme="http://www.blogger.com/atom/ns#" term="Tips Dan Trik"/><title type='text'>Cara Memasang Browser Push Notifications di Blogger</title><summary type="text">
Tutorial Cara Memasang Browser Push Notifications di Blogspot / Blogger
Browser Push Notifications For Blogger. Push Notifications adalah notifikasi yang dikirimkan oleh blog / website yang kita kunjungi, notifikasi ini sama halnya seperti memfollow / subscribe blog via email yang berisi pesan untuk mendapatkan artikel terbaru.
Intinya, kalau kita mengijinkan notifikasi ini terinstal di browser,</summary><link rel='replies' type='application/atom+xml' href='http://mastamvan.blogspot.com/feeds/8351014261803287417/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mastamvan.blogspot.com/2017/05/memasang-push-notifications-di-blogger.html#comment-form' title='11 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6222520536924570210/posts/default/8351014261803287417'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6222520536924570210/posts/default/8351014261803287417'/><link rel='alternate' type='text/html' href='http://mastamvan.blogspot.com/2017/05/memasang-push-notifications-di-blogger.html' title='Cara Memasang Browser Push Notifications di Blogger'/><author><name>Mas Tamvan</name><uri>http://www.blogger.com/profile/15962155396803003080</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaCCSv8RHACKrg2vyz3rK6sZXNfJmSZuAO7Qt14M4hG8pjMPHD5eVSB5As8O75BWmlgOPdcFeB1ZAwnHTbeOiVRo2lq01YJYEPk9X9VaHmzAPAkzL6YwKI5j6cm9J3oPQ__sXnZCfW1lZe/s72-c/memasang-push-notifications-for-blogger.png" height="72" width="72"/><thr:total>11</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6222520536924570210.post-1035849895387344450</id><published>2017-05-22T09:37:00.000-07:00</published><updated>2017-05-22T09:37:35.635-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Blogger"/><category scheme="http://www.blogger.com/atom/ns#" term="HTML"/><category scheme="http://www.blogger.com/atom/ns#" term="Tips Dan Trik"/><title type='text'>Cara Agar Artikel Bisa di Seleksi Tapi Tidak Bisa di Copy</title><summary type="text">
Anti Copas, Artikel Bisa Di Select (Seleksi) Tapi Tidak Bisa Dicopy

Tutorial Memasang Anti Copas Di Blogger, Artikel di Postingan Bisa diselect tapi tidak bisa dicopy, kali ini saya akan membagikan trik anti maling artikel yang dimana fungsinya berbeda engan anti copas yang lain. Kali ini kita akan memasang script agar text atau artikel di blog bisa diseleksi tetapi tidak akan bisa dicopy.

</summary><link rel='replies' type='application/atom+xml' href='http://mastamvan.blogspot.com/feeds/1035849895387344450/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mastamvan.blogspot.com/2017/05/artikel-bisa-diseleksi-tidak-bisa-dicopy.html#comment-form' title='10 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6222520536924570210/posts/default/1035849895387344450'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6222520536924570210/posts/default/1035849895387344450'/><link rel='alternate' type='text/html' href='http://mastamvan.blogspot.com/2017/05/artikel-bisa-diseleksi-tidak-bisa-dicopy.html' title='Cara Agar Artikel Bisa di Seleksi Tapi Tidak Bisa di Copy'/><author><name>Mas Tamvan</name><uri>http://www.blogger.com/profile/15962155396803003080</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4ABLrPnmFE-nbOovrqehgNzICDCtZ_nZtEuymgwV5MEadRfdVFljxPe6TnvLe-nW8ggAROHsCUxe1T6hGgINf_l_50tXI4gk9wYf0PXbce-Vg8junIoPZTmc0bhGJQyX51jXrriqJl3Mw/s72-c/anti-copas-enable-select-disable-copy-text.png" height="72" width="72"/><thr:total>10</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6222520536924570210.post-4226395000222640089</id><published>2017-05-19T22:59:00.000-07:00</published><updated>2017-05-19T22:59:07.588-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Blogger"/><category scheme="http://www.blogger.com/atom/ns#" term="CSS"/><category scheme="http://www.blogger.com/atom/ns#" term="HTML"/><category scheme="http://www.blogger.com/atom/ns#" term="Tips Dan Trik"/><title type='text'>Cara Membuat Daftar Isi / Sitemap Di Blog</title><summary type="text">
Tutorial Cara Membuat Daftar Isi Atau Sitemap Di Blog Keren
Cara Memasang Sitemap / Daftar Isi Otomatis Dengan Gambar Thumbnail Di Blogger. Pada kesempatan kali ini saya akan membagikan tutorial untuk menambahkan sitemap / daftar artikel yang ada di postingan kalian di laman / halaman statistik
Sitemap / Daftar Isi ini cukup keren dan fiturnya juga lumayan lengkap kalian bisa mengaturnya </summary><link rel='replies' type='application/atom+xml' href='http://mastamvan.blogspot.com/feeds/4226395000222640089/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mastamvan.blogspot.com/2017/05/cara-membuat-daftar-isi-sitemap-di-blog.html#comment-form' title='16 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6222520536924570210/posts/default/4226395000222640089'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6222520536924570210/posts/default/4226395000222640089'/><link rel='alternate' type='text/html' href='http://mastamvan.blogspot.com/2017/05/cara-membuat-daftar-isi-sitemap-di-blog.html' title='Cara Membuat Daftar Isi / Sitemap Di Blog'/><author><name>Mas Tamvan</name><uri>http://www.blogger.com/profile/15962155396803003080</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPpAo7hsAyQrg7amu0cUDrIbnlyIqj1ywkv_fesQ6hFPOWoUJeWOTFcpGazGmhOLENQ0tBktVctPrL2L01ycSZQUWRUdLA6Nf5MePrgMEA1ZiW710zLZJGiZ_T82jZJ0EcFlLdrE0ptMXV/s72-c/membuat-sitemap-daftar-isi-di-blog.png" height="72" width="72"/><thr:total>16</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6222520536924570210.post-1872450835194906156</id><published>2017-05-09T05:36:00.000-07:00</published><updated>2017-05-09T05:36:18.924-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Blogger"/><category scheme="http://www.blogger.com/atom/ns#" term="Tips Dan Trik"/><title type='text'>Mengatasi Submit Sitemap Error Network Unreachable DNS Issue</title><summary type="text">
Mengatasi Submit Sitemap Error Network Unreachable DNS Issue Pengguna idcloudhost

Mengatasi Error Network Unreachable : DNS Issue di Webmaster Tools. Buat kalian yang mengunakan custom domain di idcloudhost yang mengalami masalah (error) ketika kalian daftarkan domain ke Google Webmasters (Search Console) dan ada pesan error ketika submit sitemap seperti 
We encountered an error while trying to</summary><link rel='replies' type='application/atom+xml' href='http://mastamvan.blogspot.com/feeds/1872450835194906156/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mastamvan.blogspot.com/2017/05/mengatasi-submit-sitemap-error-network.html#comment-form' title='3 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6222520536924570210/posts/default/1872450835194906156'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6222520536924570210/posts/default/1872450835194906156'/><link rel='alternate' type='text/html' href='http://mastamvan.blogspot.com/2017/05/mengatasi-submit-sitemap-error-network.html' title='Mengatasi Submit Sitemap Error Network Unreachable DNS Issue'/><author><name>Mas Tamvan</name><uri>http://www.blogger.com/profile/15962155396803003080</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtD6QtGl_MDP45pRxOI29TU_5EBCg00rwA8JQsJPoMmv4MV4otXrHdP3F_aMuLpTCbrX0SPYmtoh8BMpSiswAuss6zom9umiM8MztIlS2Xsv919cpooDLwkDCIwyvs2bRofpFR96nWT9Wn/s72-c/mengatasi-Network-Unreachable-DNS-Issue.png" height="72" width="72"/><thr:total>3</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6222520536924570210.post-3171594591832229995</id><published>2017-05-01T00:36:00.000-07:00</published><updated>2017-05-01T00:36:37.855-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Blogger"/><category scheme="http://www.blogger.com/atom/ns#" term="CSS"/><category scheme="http://www.blogger.com/atom/ns#" term="HTML"/><category scheme="http://www.blogger.com/atom/ns#" term="Tips Dan Trik"/><title type='text'>Mempercepat Loading Blog Dengan Menghapus Script Bawaan Blogger</title><summary type="text">
Tutorial Cara Mempercepat Loading Blog Dengan Menghapus Kode Script Bawaan Blogger

Menghilangkan Kode Javascript dan CSS Bawaan Blogger Untuk Percepat Loading Blog, halo sobat kali ini Blog Mas Tamvan akan berbagi sedikit trik untuk meringgankan loading halaman blog, agar ketika di test lewat pagespeed insight atau gtmetrix hasilnya bagus


Untuk mempercepat loading blog ada banyak cara dan </summary><link rel='replies' type='application/atom+xml' href='http://mastamvan.blogspot.com/feeds/3171594591832229995/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mastamvan.blogspot.com/2017/05/mempercepat-loading-blog-dengan-script.html#comment-form' title='30 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6222520536924570210/posts/default/3171594591832229995'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6222520536924570210/posts/default/3171594591832229995'/><link rel='alternate' type='text/html' href='http://mastamvan.blogspot.com/2017/05/mempercepat-loading-blog-dengan-script.html' title='Mempercepat Loading Blog Dengan Menghapus Script Bawaan Blogger'/><author><name>Mas Tamvan</name><uri>http://www.blogger.com/profile/15962155396803003080</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqQHSH3351Rb4iwdlUYLbopr7YAsLC_mukUtHpON7NUfc206pmXi0Sg8iUqznG_C9e5t0zhp8yiD9X5eJlAP4OrgV6cCRKpD6Q26mI0TTtSxfl5V_3o91g85QJ7aaEhPxx5H7iXnsgDrgs/s72-c/cara-mempercepat-loading-blogger.png" height="72" width="72"/><thr:total>30</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6222520536924570210.post-2125710098345755642</id><published>2017-04-23T06:24:00.000-07:00</published><updated>2017-04-23T06:24:49.497-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Tips Dan Trik"/><category scheme="http://www.blogger.com/atom/ns#" term="Umum"/><title type='text'>Cara Mengaktifkan Youtube Dark Mode</title><summary type="text">
How to Enable / Disable Dark Mode in YouTube in Chrome and Firefox on Mac or Windows
Tutorial Cara Disable Atau Enable Tampilan Baru Di Youtube &quot;Youtube Dark Mode&quot;, Rahasia di youtube ternyata youtube memiliki Mode Gelap / Malam, kita bisa merubah tampilan youtube ke tampilan terbaru ada yang tampilannya putih dan ada juga yang hitam (gelap)  
Tampilan Dark Mode ini cocok untuk di aktifkan pada </summary><link rel='replies' type='application/atom+xml' href='http://mastamvan.blogspot.com/feeds/2125710098345755642/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mastamvan.blogspot.com/2017/04/cara-mengaktifkan-youtube-dark-mode.html#comment-form' title='7 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6222520536924570210/posts/default/2125710098345755642'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6222520536924570210/posts/default/2125710098345755642'/><link rel='alternate' type='text/html' href='http://mastamvan.blogspot.com/2017/04/cara-mengaktifkan-youtube-dark-mode.html' title='Cara Mengaktifkan Youtube Dark Mode'/><author><name>Mas Tamvan</name><uri>http://www.blogger.com/profile/15962155396803003080</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP-_M3ZNCRrCi3oXh17cRIe5P7_bq1yqmZwty5ZpmQj138vxt5_36PYnxv9LaAY1-Q5cGgO46m2xXP9qx6MiZWJPWkGkM89mx9rdPxsv9xdHWFcYAh0S7Emvyb-fSbchXOUcLgsoWVFVQz/s72-c/youtube-dark-mode.png" height="72" width="72"/><thr:total>7</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6222520536924570210.post-471553943632643128</id><published>2017-04-18T21:25:00.000-07:00</published><updated>2017-04-18T21:25:28.870-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Blogger"/><category scheme="http://www.blogger.com/atom/ns#" term="CSS"/><category scheme="http://www.blogger.com/atom/ns#" term="Menu Navigation"/><category scheme="http://www.blogger.com/atom/ns#" term="Widget"/><title type='text'>Cara Membuat Menu Bar Responsive di Blog Tanpa Edit Html Pure CSS</title><summary type="text">
Tutorial Cara Membuat Menu Bar Di Blog Dengan Mudah Tanpa Edit HTML
Cara Membuat Menu Bar di Blog untuk Pemula, Kali ini mas tamvan akan share 4 menu navigation bar responsive untuk di pasang pada blog tanpa melalui edit html. Tapi langsung memasangnya lewat tataletak
Sebelumnya saya juga sudah pernah share beberapa artikel tentang Cara Memasang Menu Bar dan Sub Menu Bar di Blog Dengan Mudah, </summary><link rel='replies' type='application/atom+xml' href='http://mastamvan.blogspot.com/feeds/471553943632643128/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mastamvan.blogspot.com/2017/04/menu-dropdown-tanpa-edit-html-pure-css.html#comment-form' title='5 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6222520536924570210/posts/default/471553943632643128'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6222520536924570210/posts/default/471553943632643128'/><link rel='alternate' type='text/html' href='http://mastamvan.blogspot.com/2017/04/menu-dropdown-tanpa-edit-html-pure-css.html' title='Cara Membuat Menu Bar Responsive di Blog Tanpa Edit Html Pure CSS'/><author><name>Mas Tamvan</name><uri>http://www.blogger.com/profile/15962155396803003080</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmupODfuTNblO9Bw24TxR3Qcq2RML41BaH_u_IIeLL7hhyrp6bM5uF3OY-Nt8Pdk5O50lyiGbm7MPrfObvk6Rn838dOFLlx0sdRaCIrPwt27oSGuO45t7lcjTWzUyXKa3TZwS4Y_jGEasa/s72-c/responsive-menu-navigation-pure-css.png" height="72" width="72"/><thr:total>5</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6222520536924570210.post-1744235493468945049</id><published>2017-04-15T02:29:00.000-07:00</published><updated>2018-02-02T07:22:14.053-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Blogger"/><category scheme="http://www.blogger.com/atom/ns#" term="HTML"/><category scheme="http://www.blogger.com/atom/ns#" term="Tips Dan Trik"/><title type='text'>Mengatasi Gambar Tidak Tampil Ketika Di Share Ke Facebook</title><summary type="text">
Mengatasi Gambar Salah (Tidak Muncul / Tampil), Tidak Sesuai Saat Share Ke Facebook
Tutorial Cara Mengatasi Gambar Thumbnail Blog Tidak Muncul Ketika di Share Facebook, kali ini blog mas tamvan akan share trik untuk memperbaiki gambar thumbnail homepage / alaman post yang tidak muncul ketika di share ke fb dengan menggunakan meta tag og:image
Mungkin blog kalian juga mempunyai beberapa masalah </summary><link rel='replies' type='application/atom+xml' href='http://mastamvan.blogspot.com/feeds/1744235493468945049/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mastamvan.blogspot.com/2017/04/share-ke-facebook-gambar-tidak-tampil.html#comment-form' title='14 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6222520536924570210/posts/default/1744235493468945049'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6222520536924570210/posts/default/1744235493468945049'/><link rel='alternate' type='text/html' href='http://mastamvan.blogspot.com/2017/04/share-ke-facebook-gambar-tidak-tampil.html' title='Mengatasi Gambar Tidak Tampil Ketika Di Share Ke Facebook'/><author><name>Mas Tamvan</name><uri>http://www.blogger.com/profile/15962155396803003080</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvBepX4NT0CRIWXXLIxL6cAp1-jm9nXyCbHw5CvFjXi4tdyGjqan0TXb5LZImXq4vbtA-1FLEUlXam0vxL4ZlEruthzVzkdFIQ3s3AHyo-vvWROZfpCmTEZH2LXrySZj2ZKzuytYG42Gwk/s72-c/no-image-share-to-facebook.png" height="72" width="72"/><thr:total>14</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6222520536924570210.post-4142391357269635575</id><published>2017-04-12T09:11:00.000-07:00</published><updated>2017-04-12T09:11:38.572-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Blogger"/><category scheme="http://www.blogger.com/atom/ns#" term="CSS"/><category scheme="http://www.blogger.com/atom/ns#" term="HTML"/><category scheme="http://www.blogger.com/atom/ns#" term="Widget"/><title type='text'>Cara Membuat Tombol Share Melayang Responsive di Blog</title><summary type="text">
Tutorial Cara Memasang Tombol Share Facebook Melayang Di Samping Blogger
Cara Membuat Tombol Share Melayang di Setiap Postingan Blog, Pada kesempatan kali ini mas tamvan akan share widget social media sharing button melayang (Sticky / Fixed) di blogger ditambah dengan Popup Subscribe Box Untuk Berlangganan via Email
Tombol Social Share Button ini cukup simple dan tentunya tiak terlalu </summary><link rel='replies' type='application/atom+xml' href='http://mastamvan.blogspot.com/feeds/4142391357269635575/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mastamvan.blogspot.com/2017/04/cara-membuat-tombol-share-melayang-blog.html#comment-form' title='20 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6222520536924570210/posts/default/4142391357269635575'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6222520536924570210/posts/default/4142391357269635575'/><link rel='alternate' type='text/html' href='http://mastamvan.blogspot.com/2017/04/cara-membuat-tombol-share-melayang-blog.html' title='Cara Membuat Tombol Share Melayang Responsive di Blog'/><author><name>Mas Tamvan</name><uri>http://www.blogger.com/profile/15962155396803003080</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitdsjFbJBmgUN8mt1Xrr2q-OaxpB5eRdqw4hm5rw4dQZ6GwSpINsQ20TAyUaMxHstqhlfrNlY2BxJnhIvK-ERx056ggtBHHppn5IfSx2YjW0kt22LVvfkC8mz2AWEkkq5zX3w6uPphVbTN/s72-c/simple-social-share-button.jpg" height="72" width="72"/><thr:total>20</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6222520536924570210.post-900359445137551433</id><published>2017-04-10T21:09:00.000-07:00</published><updated>2017-04-16T20:11:22.685-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Blogger"/><category scheme="http://www.blogger.com/atom/ns#" term="CSS"/><category scheme="http://www.blogger.com/atom/ns#" term="HTML"/><category scheme="http://www.blogger.com/atom/ns#" term="Menu Navigation"/><category scheme="http://www.blogger.com/atom/ns#" term="Tips Dan Trik"/><category scheme="http://www.blogger.com/atom/ns#" term="Widget"/><title type='text'>Membuat Sidebar Navigation Menu Dropdown Responsive</title><summary type="text">
Responsive Sidebar Navigation with CSS and JavaScript
Tutorial Cara Membuat Simple Off-canvas Side Navigation With Pure JavaScript, kali ini mas tamvan akan share lagi postingan tentang menu navigation bar. Tapi pada menu ini letaknya bukan di atas header atau di bawahnya..
Side Menu Navigation ini kita akan letakan di samping kanan / kiri blog kita, dengan tampilan full height dan ketika di </summary><link rel='replies' type='application/atom+xml' href='http://mastamvan.blogspot.com/feeds/900359445137551433/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mastamvan.blogspot.com/2017/04/sidebar-navigation-menu-responsive.html#comment-form' title='4 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6222520536924570210/posts/default/900359445137551433'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6222520536924570210/posts/default/900359445137551433'/><link rel='alternate' type='text/html' href='http://mastamvan.blogspot.com/2017/04/sidebar-navigation-menu-responsive.html' title='Membuat Sidebar Navigation Menu Dropdown Responsive'/><author><name>Mas Tamvan</name><uri>http://www.blogger.com/profile/15962155396803003080</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzq9wA0IZ8RLtQ0b3sJ9QKX1LvaSWjICrRegWEgD7MTYrbCyIIZgSHpa-OnbCo2BZ7ZcEDFc14wcbfRCggA4Efo50SRbB85sTlUrtHhdLunDLjYVa1mZ5nhyCg7hrGjX2AfLlgPooi3k9F/s72-c/side_sliding_menu_navigation.png" height="72" width="72"/><thr:total>4</thr:total></entry></feed>