Hendrix Cat

    Social Items

Hendrix Cat

Metaltaila.co Adalah Blog Berbagi Template Premium


Pernahkah Anda mendengar tentang YouTube sebelumnya? Jika Anda menikmati berselancar di internet, ada peluang bagus yang Anda miliki. Satu-satunya pertanyaan adalah apakah Anda pernah mengunjungi situs web YouTube sebelumnya? Jika tidak, Anda pasti ingin melakukannya, karena YouTube, tidak hanya menyenangkan dan mengasyikkan, tetapi juga menghibur.

Seperti yang mungkin sudah Anda ketahui, YouTube adalah hosting video online dan situs web berbagi. Pengguna internet, sama seperti Anda, tidak hanya dapat melihat video online, tetapi mereka juga dapat mengunggahnya. Mungkin, itulah salah satu dari banyak alasan mengapa YouTube mengalami peningkatan begitu banyak secara populer. Dengan jumlah video menghibur yang tidak terbatas untuk dipilih, pengguna internet yakin untuk menemukan sesuatu yang mereka sukai di Tube Anda. Sebenarnya, itulah salah satu dari banyak alasan mengapa Anda harus mengunjungi YouTube, terutama jika Anda belum melakukannya.

Yang menyenangkan tentang YouTube adalah bahwa ini adalah situs web gratis. Apakah Anda tertarik untuk mengunggah video Anda sendiri ke situs YouTube atau hanya melihat video dari orang lain, Anda dapat melakukannya, gratis. Anda dianjurkan untuk mendaftar dengan YouTube, yang juga bebas untuk dilakukan, tetapi Anda tidak diharuskan untuk melakukannya. Meskipun tidak diharuskan mendaftar untuk akun YouTube, Anda tetap didesak untuk melakukannya, karena ada sejumlah fasilitas untuk mendapatkan keanggotaan YouTube gratis. Salah satu fasilitasnya adalah kemampuan untuk menilai video di YouTube, serta memberikan komentar untuk pemilik video.

Sekarang, jika Anda tertarik untuk mengunggah video Anda ke YouTube, Anda akan mendapati bahwa itu adalah proses yang relatif mudah. Tentu saja, Anda ingin meluangkan waktu untuk memeriksa aturan dan batasan YouTube sebelum memposting video Anda secara online, tetapi begitu Anda siap untuk memulai prosesnya mudah. Jika Anda belum membuat video, Anda akan memerlukan perangkat perekaman video. Setelah membuat video, Anda harus mengunggahnya ke komputer, tempat Anda juga dapat mengeditnya jika diinginkan. Setelah video Anda siap, Anda hanya perlu mengikuti petunjuk pengunggahan langkah-demi-langkah YouTube dan Anda harus melakukannya dengan baik.

Jika Anda memilih untuk tidak mengunggah video Anda ke YouTube, Anda mungkin hanya ingin melihat video yang dibuat dan diposting oleh anggota YouTube lainnya secara online. Kabar baiknya adalah ini relatif mudah dilakukan. Jika mau, Anda memiliki opsi untuk menelusuri semua video yang diposkan di YouTube. Jika Anda mencari sesuatu yang khusus, Anda juga dapat melakukan pencarian video YouTube. Misalnya, jika Anda mencari video yang berhubungan dengan hewan peliharaan, Anda ingin melakukan pencarian YouTube dengan kata "hewan peliharaan". Setelah Anda menemukan video yang ingin Anda lihat, Anda cukup mengklik video untuk membukanya dan video akan mulai diputar. Seperti disebutkan sebelumnya, jika Anda mendaftar sebagai anggota YouTube, Anda dapat memberi peringkat atau meninggalkan komentar untuk setiap video YouTube yang Anda tonton.

Seperti diuraikan di atas, YouTube adalah situs web yang menyenangkan, menghibur, dan mudah digunakan, baik Anda hanya tertarik menonton video online, membuatnya, atau melakukan keduanya. Untuk ikut bersenang-senang, Anda ingin mengunjungi situs web YouTube, jika Anda belum melakukannya.

YouTube: Mengapa Anda Harus Mengeceknya


Goomsite adalah Laman Seluler yang Dipercepat (AMP) untuk Template Blogger. Ini adalah desain dengan tampilan Bisnis, hanya beberapa detik untuk memuat dan menjalankan semuanya. Template ini dikonfigurasikan dan ditingkatkan menjadi super SEO friendly, dan juga mobile-friendly.

Features


  • Valid AMP HTML
  • Responsive
  • Seo Friendly
  • Grid
  • Top Menu
  • Primary Menu
  • Menu Bottom
  • Slider Carausel
  • Search
  • Comment Disqus
  • Subscribe footer
  • Postmeta (Hiden)
  • Breadcrumbs (Hiden)
  • Social Share
  • More...



Goomsite AMP HTML Responsive Blogger Template


1. Menambahkan menu silahkan masuk pada tata letak dan pilih menu dan silahkan masukan menu yang anda inginkan

Download Templatenya Disini


2. Menambahkan tombol demo dan download, silahkan masukan kode verikut pada postingan. (Ganti # dengan link anda)
<div id="wrap">
<a class="tombolripple tsatu ripple-effect" href="#" rel="nofollow" target="_blank">Demo</a>
<a class="tombolripple tdua ripple-effect" href="#" rel="nofollow" target="_blank">Download</a>
</div>

3. Widget Fansfage Facebook
<center><div class="fb-page" data-href="https://www.facebook.com/republictheme/" data-width="360" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"></div></center>

4. Embed data dari google drive
<div style="text-align: center;">
<iframe allowfullscreen="" frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="https://docs.google.com/viewer?srcid=ID FILE ANDA&amp;pid=explorer&amp;efh=false&amp;a=v&amp;chrome=false&amp;embedded=true" style="border: 1px solid #ccc; height: 487px; margin-bottom: 5px; max-width: 100%; overflow: hidden; width: 599px;"></iframe>
</div>

Yang lainya silahkan setting sesuai dengan selera.

Documentation Your Book


1. Info Template beserta Fitur & KelebihanInfo Template

Download Templatenya Disini

IDN Mafia C Pro adalah template Blogger dengan layout Responsif dan cocok untuk semua blog. Dengan desain yang memiliki kombinasi warna yang sederhana, terlihat bersih dan modern, SEO Optimized, dan telah dibangun dengan menggunakan beberapa trend desain saat ini yang paling populer.

Fitur Template
  • Responsive
  • SEO Friendly
  • Google Testing Tool Validator
  • 2 Column
  • Auto Readmore
  • Related Post with Thumb
  • Search Box
  • Recent Post Slider
  • Subcription Box
  • Back to Top Button
  • Responsive Drop Down Menu
  • And More...
2. Menu Navigasi
Silahkan buka Blogger > Template > Edit HTML Cari kode di bawah ini dan temukan kode # di bawahnya lalu ganti kode # dan  298418528980018389 dengan tulisan atau link milik Anda
<div class='levelon'>
<div class='joinus-button'><a href='https://www.blogger.com/follow-blog.g?blogID=5298418528980018389' itemprop='url' target='_blank'><span itemprop='name'><i class='fa fa-user'/> Join Our Site</span></a></div>
<ul class='social-on'>
<li><a class='facebook' href='#' itemprop='url' target='_blank' title='Follow our Facebook'><span itemprop='name'/></a></li>
<li><a class='twitter' href='#' itemprop='url' target='_blank' title='Follow our Twitter'><span itemprop='name'/></a></li>
<li><a class='instagram' href='#' itemprop='url' target='_blank' title='Follow our Instagram'><span itemprop='name'/></a></li>
<li><a class='gplus' href='#' itemprop='url' target='_blank' title='Follow our Google+'><span itemprop='name'/></a></li>
</ul>
</div>
    <ul class='menu'>
        <li class='fa fa-user-o'><a href='#' itemprop='url'><span itemprop='name'>About</span></a></li>  
        <li class='fa fa-envelope-o'><a href='#' itemprop='url'><span itemprop='name'>Contact</span></a></li>
        <li class='fa fa-list-alt'><a href='#' itemprop='url'><span itemprop='name'>Sitemap</span></a></li>
        <li class='fa fa-check-square-o'><a href='#' itemprop='url'><span itemprop='name'>Disclaimer</span></a></li>
        <li class='fa fa-exclamation-triangle'><a href='#' itemprop='url'><span itemprop='name'>Privacy Policy</span></a></li>
    </ul>
</nav>

3. Mengatur Subscribe Box
Silahkan buka Blogger > Template > Edit HTML Cari kode di bawah ini dan ganti naminakiky dengan feedburner blog Anda
<div id='namina-subs'>
<p>Join Our Newsletter</p> 
<div class='emailfield'>
<form action='https://feedburner.google.com/fb/a/mailverify' class='namina-form' method='post' novalidate='' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=naminakiky&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
  <input name='name' placeholder='Your name' title='Add your name' type='text'/>
  <input name='email' placeholder='Email *' title='Email' type='text'/>
  <input name='uri' type='hidden' value='naminakiky'/>
  <input name='loc' type='hidden' value='en_US'/>
  <input class='submitbutton' type='submit' value='Subscribe'/>
</form>
</div></div></div></div>

4. SEO Meta Tag
Template > Edit HTML Cari dan ganti tiap tulisan di kode meta tag
<!-- [ Meta Tag SEO ] -->
<meta charset='utf-8'/>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<meta content='blogger' name='generator'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<link expr:href='data:blog.url' rel='canonical'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if></b:if>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<title>Page Not Found - <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<meta content='noindex' name='robots'/>
</b:if>
<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.isMobile'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<script type='application/ld+json'>{ &quot;@context&quot;: &quot;http://schema.org&quot;, &quot;@type&quot;: &quot;WebSite&quot;, &quot;url&quot;: &quot;<data:blog.homepageUrl/>&quot;, &quot;potentialAction&quot;: { &quot;@type&quot;: &quot;SearchAction&quot;, &quot;target&quot;: &quot;<data:blog.homepageUrl/>?q={search_term}&quot;, &quot;query-input&quot;: &quot;required name=search_term&quot; } }</script>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.pageTitle + &quot;, &quot; + data:blog.title' name='keywords'/>
</b:if></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='DESKRIPSI-BLOG' name='keywords'/></b:if>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
<link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if></b:if>
<link expr:href='data:blog.url' hreflang='x-default' rel='alternate'/>
<link href='/favicon.ico' rel='icon' type='image/x-icon'/>
<link href='https://plus.google.com/USER-GOOGLE-PLUS/posts' rel='publisher'/>
<link href='https://plus.google.com/USER-GOOGLE-PLUS/about' rel='author'/>
<link href='https://plus.google.com/USER-GOOGLE-PLUS' rel='me'/>
<meta content='KODE-VALIDASI-GOOGLE-WEBMASTER' name='google-site-verification'/>
<meta content='KODE-VALIDASI-BING-WEBMASTER' name='msvalidate.01'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='NAMA-ADMIN' name='Author'/>
<meta content='general' name='rating'/>
<meta content='id' name='geo.country'/>
<!-- [ Social Media Meta Tag ] -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta content='article' property='og:type'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta content='website' property='og:type'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta expr:content='&quot;Silakan kunjungi &quot; + data:blog.pageTitle + &quot; Untuk membaca postingan menarik.&quot;' property='og:description'/>
</b:if>
</b:if>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
</b:if>
<meta content='https://www.facebook.com/PROFIL-FACEBOOK' property='article:author'/>
<meta content='https://www.facebook.com/FAN-PAGE-FACEBOOK' property='article:publisher'/>
<meta content='KODE-APLIKASI-FACEBOOK' property='fb:app_id'/>
<meta content='KODE-ADMIN-FACEBOOK' property='fb:admins'/>
<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='summary' name='twitter:card'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<meta content='USER-TWITTER' name='twitter:site'/>
<meta content='USER-TWITTER' name='twitter:creator'/>
<meta content='summary_large_image' name='twitter:card'/>

5. SEO
Untuk masalah SEO pada template ini sudah saya setting semaksimal mungkin sesuai dengan apa yang saya bisa. Sobat tidak perlu melakuan modifikasi apapun pada template ini.

6. Widget Sitemap
Widget sitemap Tambahkan kode di bawah ini di dalam postingan statis blog
<div id="bp_toc">
</div>
<script src="https://rawcdn.githack.com/Arlina-Design/redvision/master/daftar-isi-simple.js" type="text/javascript"></script> <script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=9999&amp;callback=loadtoc" type="text/javascript"></script>
<style scoped="" type="text/css">#comments,#Label1,#FollowByEmail1{display:none;} /* CSS Full Sitemap */  #bp_toc{color:#000;margin:0 auto;overflow:auto;max-height:1400px;} span.toc-note{padding:20px 20px 30px 20px;margin:0 auto;display:block;text-align:center;color:#000;font-size:1.2rem;text-transform:uppercase;line-height:normal} .toc-header-col1{padding:10px;background-color:#f5f5f5;width:250px} .toc-header-col2{padding:10px;background-color:#f5f5f5;width:75px} .toc-header-col3{padding:10px;background-color:#f5f5f5;width:125px} #bp_toc td.toc-header-col1,#bp_toc td.toc-header-col2,#bp_toc td.toc-header-col3{border:0;border-bottom:1px solid rgba(0,0,0,0.1)} #bp_toc tr:nth-child(1) a{color:#666} #bp_toc td.toc-header-col1{background-color:#fff} #bp_toc td.toc-header-col2{background-color:#fff} #bp_toc td.toc-header-col3{background-color:#fff} #bp_toc td.toc-entry-col1,#bp_toc td.toc-entry-col2,#bp_toc td.toc-entry-col3{border:0} #bp_toc td a{color:#000} .toc-header-col1 a:link,.toc-header-col1 a:visited,.toc-header-col2 a:link,.toc-header-col2 a:visited,.toc-header-col3 a:link,.toc-header-col3 a:visited{font-size:13px;text-decoration:none;color:#aaa;font-family:&#39;Roboto&#39;;font-weight:700;letter-spacing:0.5px} .toc-header-col1 a:hover,.toc-header-col2 a:hover,.toc-header-col3 a:hover{text-decoration:none} .toc-entry-col1,.toc-entry-col2,.toc-entry-col3{padding:10px 5px;font-size:90%} .toc-entry-col1 a,.toc-entry-col2 a,.toc-entry-col3 a{color:#000;} .toc-entry-col1 a:hover,.toc-entry-col2 a:hover,.toc-entry-col3 a:hover{color:#3498db} #bp_toc table{width:100%;margin:0 auto;counter-reset:rowNumber} .toc-entry-col1{counter-increment:rowNumber} #bp_toc table tr td.toc-entry-col1:first-child::before{content:counter(rowNumber);min-width:1em;margin-right:0.5em;background:#70b8e7;color:#fff;padding:3px 5px;border-radius:3px;font-size:.8rem}#bp_toc td a{float:none;background:transparent;color:#666;font-size:100%;text-transform:capitalize;padding:0 0 0 5px;font-weight:400}#bp_toc td a:hover{color:#3498db}</style>

7. Widget Contact Form
Tambahkan kode di bawah ini di dalam postingan statis blog

Silakan isi form di bawah ini untuk menghubungi admin. Jika tidak ada halangan dan kesibukan lainnya, admin akan langsung merespon pesan yang Anda kirimkan.

<form name="contact-form">
Nama
<input id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />  
Alamat Email 
<input id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />  
Isi Pesan
<textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea> 
<input id="ContactForm1_contact-form-submit" type="button" value="Kirim" />  
<div style="max-width: 100%; text-align: center; width: 100%;">
<div id="ContactForm1_contact-form-error-message">
</div>
<div id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
<style scoped="" type="text/css">#ContactForm1,#HTML97{display:none} #ContactForm1_contact-form-name,#ContactForm1_contact-form-email{width:50%;height:auto;margin:10px auto;padding:10px;background:#fff;color:#666;border:1px solid rgba(0,0,0,0.08)} #ContactForm1_contact-form-email-message{width:100%;height:175px;margin:10px auto;padding:10px;background:#fff;color:#666;border:1px solid rgba(0,0,0,0.08)} #ContactForm1_contact-form-name:focus,#ContactForm1_contact-form-email:focus,#ContactForm1_contact-form-email-message:focus{background:#fff;outline:none;border:1px solid rgba(0,0,0,0.18)} #ContactForm1_contact-form-submit{font-size:15px;width:101px;height:35px;float:left;color:#fff;padding:0;margin:10px 0 3px 0;cursor:pointer;background:#aeb2ba;border:none;border-radius:2px;transition:background 0.4s linear} #ContactForm1_contact-form-submit:hover{background:#e74c3c} #ContactForm1_contact-form-error-message,#ContactForm1_contact-form-success-message{width:100%;margin-top:35px} </style>

8. Membuat Tabel
Gunakan script ini untuk membuat table Spesifikasi template, etc.
<table>
<tbody>
<tr> <th>Features</th>             <th>Availability</th>         </tr>
<tr> <td>Responsive</td>             <td>True <a href="#" rel="nofollow noopener" target="_blank">Cek</a></td>         </tr>
<tr> <td>Mobile Friendly</td>             <td>True <a href="#" rel="nofollow noopener" target="_blank">Cek</a></td>         </tr>
<tr> <td>Google Testing Tool Validator (Index)</td> <td>True <a href="#" rel="nofollow noopener" target="_blank">Cek</a></td>  </tr>
<tr> <td>Google Testing Tool Validator (Item)</td> <td>True <a href="#" rel="nofollow noopener" target="_blank">Cek</a></td>  </tr>
<tr> <td>SEO Friendly</td>             <td>True</td>         </tr>
<tr> <td>Personal Blog</td>             <td>True</td>         </tr>
<tr> <td>2 Column</td>             <td>True</td>         </tr>
<tr> <td>Top Navigation</td>             <td>True</td>         </tr>
<tr> <td>Breadcrumbs</td>             <td>True</td>         </tr>
<tr> <td>2 Option Search Box</td>             <td>True</td>         </tr>
<tr> <td>Back to Top Button</td>             <td>True</td>         </tr>
<tr> <td>Footer Menu</td>             <td>True</td>         </tr>
<tr> <td>ShareThis Share Button</td>             <td>True</td>         </tr>
<tr> <td>Featured Recent Post</td>             <td>Pro Version</td>         </tr>
<tr> <td>2 Option Comment System</td>             <td>Pro Version</td>         </tr>
<tr> <td>Fast Version</td>             <td>Pro Version</td>         </tr>
<tr> <td>Newsletter Widget</td>             <td>Pro Version</td>         </tr>
<tr> <td>Related Post</td>             <td>Pro Version</td>         </tr>
<tr> <td>Sticky Sidebar</td>             <td>Pro Version</td>         </tr>
<tr> <td>Image Lightbox</td>             <td>Pro Version</td>         </tr>
<tr> <td>Sitemap Widget</td>             <td>Pro Version</td>         </tr>
<tr> <td>Contact Form Widget</td>             <td>Pro Version</td>         </tr>
<tr> <td>Fixed Menu on Mobile</td>             <td>Pro Version</td>         </tr>
<tr> <td>Shortcodes</td>             <td>Pro Version</td>         </tr>
</tbody></table>

9. Script untuk link download
<div class="clear">
</div>
</div>
<div style="display: none;">
<div id="Theme-details">
<div id="store-style">
<a class="storebutton but1" href="#" rel="nofollow" target="_blank"><i class="fa fa-eye" aria-hidden="true"></i> Live Preview</a>
<a class="storebutton but2" href="#" target="_blank"><i class="fa fa-cloud-download" aria-hidden="true"></i> Pasword Theme</a>
<br />
<span class="pasword">Password Rar: <a href="#" target="_blank">Check it</a></span>
<div class="rio-ss idb">
</div>
</div>
<div id="store-style">
<div class="rio-ss">
<span class="storelist">Support Template Update</span>
<span class="storelist">Remove Footer Credits</span>
<span class="storelist">For Unlimited Domains</span>
<span class="storelist">No Encrypted Scripts</span>
<span class="storelist">And Many More...</span></div>
</div>
</div>

10. Memasang Video Youtube di Postingan
Tambahkan kode di bawah ini di dalam postingan blog pada tab HTML dan ganti link video youtube ini _1EYAH8dmx0 dengan link video youtube Anda

11. Spoiler
<div id="flippy"><button>Spoiler</button></div>
<div id="flippanel">
--- TAMBAHKAN KONTEN DISINI ---
</div>

12. Membagi konten post menjadi tiga
<div class="bagitiga">
--- TAMBAHKAN KONTEN DISINI ---
</div>

<div class="videoyoutube">
<div class="video-responsive">
<div class="video-youtube loader" data-src="//www.youtube.com/embed/_1EYAH8dmx0">
</div>
</div>
</div>

14. Menambahkan Kode Highlighter di Postingan
Tambahkan kode di bawah ini di dalam postingan blog pada tab HTML dan ganti tulisan ini --PASTE KODE DI SINI-- dengan tulisan kode HTML/JavaScript/CSS Anda
<pre><code>--PASTE KODE DI SINI--</code></pre>








Trimakasih

Documentation Templates IDN Mafia C Pro

1. Merubah Logo, Masuk ke Tata Letak pilih Header



2. Merubah Favicon, Masuk Menu Theme Pilih Edit HTML cari menu berikut dan Ganti URL nya dengan URL Gambar Favicon anda.

<link expr:href='data:blog.homepageUrl + &quot;favicon.ico&quot;' rel='icon' type='image/x-icon'/>
<link href='https://2.bp.blogspot.com/-LyNFUG-ND2o/XJBCPUKk61I/AAAAAAAAAHE/4f_ZX-8k3I0fjZ7d3bZ6vhSDPOdvCjExACLcBGAs/s1600/apple-icon-57x57.png' sizes='57x57'/>
<link href='https://4.bp.blogspot.com/-bBjrdhFT8pI/XJBCPzwBuCI/AAAAAAAAAHI/vv7amx6rX345CVAWmyyVNrzze61rKRMGgCLcBGAs/s1600/apple-icon-60x60.png' sizes='60x60'/>
<link href='https://4.bp.blogspot.com/-p3AjIo8JoNQ/XJBCQfXxZXI/AAAAAAAAAHM/M8FqxrywL2EKOB75MU3e8I5FEIABhryxgCLcBGAs/s1600/apple-icon-72x72.png' sizes='72x72'/>
<link href='https://1.bp.blogspot.com/-2GikAUTmjcw/XJBCQk6HY-I/AAAAAAAAAHQ/4jaFc2DXipoXrPp3nJM_--gKNuCjsJehQCLcBGAs/s1600/apple-icon-76x76.png' rel='apple-touch-icon' sizes='76x76'/>
<link href='https://2.bp.blogspot.com/-vpVHKtCThW0/XJBCN2ytThI/AAAAAAAAAGw/BQIk-CwDCRwx_LUFewuA5QoNImTb02ZZwCLcBGAs/s1600/apple-icon-114x114.png' rel='apple-touch-icon' sizes='114x114'/>
<link href='https://2.bp.blogspot.com/--LlucgY6gvk/XJBCOkNzOhI/AAAAAAAAAG0/aHUTlkzj0cAwkj-SY6ZQr3wCXK2ihe3XwCLcBGAs/s1600/apple-icon-120x120.png' rel='apple-touch-icon' sizes='120x120'/>
<link href='https://1.bp.blogspot.com/-w3ofWw1wI_E/XJBCOv3IJ0I/AAAAAAAAAG4/RzzrUehjIyA4qZ6nWs2vVMxGeGuxIw54gCLcBGAs/s1600/apple-icon-144x144.png' rel='apple-touch-icon' sizes='144x144'/>
<link href='https://4.bp.blogspot.com/-CPVGz3ePgVI/XJBCOt2-7iI/AAAAAAAAAG8/CEPU8t3Kc0sOYsazjum7yZfR8UbMlk3QACLcBGAs/s1600/apple-icon-152x152.png' rel='apple-touch-icon' sizes='152x152'/>
<link href='https://2.bp.blogspot.com/-pjKAuxXPF6s/XJBCPd_bSkI/AAAAAAAAAHA/2vEnfGp06IkVR9NzaYQsPmcHuGmrKvE_wCLcBGAs/s1600/apple-icon-180x180.png' rel='apple-touch-icon' sizes='180x180'/>
<link href='https://4.bp.blogspot.com/-ld_QnZCLa8I/XJBCMqC_VvI/AAAAAAAAAGg/a6Q57meVD6APT7f-bvjqPEJD1mJTU1iIgCLcBGAs/s1600/android-icon-192x192.png' rel='icon' sizes='192x192' type='image/png'/>
<link href='https://4.bp.blogspot.com/-w5mq3F8Um9s/XJBCRX1IXUI/AAAAAAAAAHg/UtcuTG7cwR89jsfJaMKtwe1v7Bot3VjzwCLcBGAs/s1600/favicon-32x32.png' sizes='32x32' type='image/png'/>
<link href='https://4.bp.blogspot.com/-AK8bdxBqOmw/XJBCR-p4jpI/AAAAAAAAAHk/7lI-7JQ2-C0paUIhG1v6iPZ9N8cML3IkgCLcBGAs/s1600/favicon-96x96.png' rel='icon' sizes='96x96' type='image/png'/>
<meta content='https://3.bp.blogspot.com/-VvkmgSlAh_U/XJBCTc4CnmI/AAAAAAAAAH4/sKQ0kTmH4scPG7jah70skfrtsFBQjYVNACLcBGAs/s1600/ms-icon-70x70.png' name='msapplication-TileImage'/>


3. Merubah Menu, Masuk Menu Theme Pilih Edit HTML cari menu berikut dan Ganti sesuai keinginan

<!-- menu navigasi header start -->
<ul>
  <li><a href='/search/label/xxx'>Tutorial</a></li>
  <li><a href='/search/label/xxx'>Smartphone</a></li>
  <li><a href='/search/label/xxx'>Komputer</a></li>
  <li><a href='/search/label/xxx'>news</a></li>
  <li><a href='/search/label/xxx'>Aplikasi</a></li>
  <li><a href='/search/label/xxx'>Tips</a></li>
  <li><a href='/search/label/xxx'>terupdate</a></li>
</ul>
<!-- menu navigasi header end -->


4. Merubah Tulisan di bawah Footer, Masuk Menu Theme Pilih Edit HTML cari menu berikut dan Ganti sesuai keinginan

<h2>Dapatkan Tips Menarik Setiap Harinya!</h2>
<ul class='list--usp'>
<li>Dapatkan tips dan trik yang belum pernah kamu tau sebelumnya</li>
<li>Jadilah orang pertama yang mengetahui hal-hal baru di dunia teknologi</li>
<li>Dapatkan <strong>Ebook Gratis: Cara Dapat 200 Juta / bulan dari AdSense</strong></li>
</ul>


5. Merubah Tulisan di bawah Comment, Masuk Menu Theme Pilih Edit HTML cari menu berikut dan Ganti sesuai keinginan.

<div class='pesan-komentar'>
  <div class='pesan-jejak'>
<h5>Catatan Untuk Para Jejaker</h5>
<ul>
<li>Mohon Tinggalkan jejak sesuai dengan judul artikel.</li>
<li>Tidak diperbolehkan untuk mempromosikan barang atau berjualan.</li>
<li>Dilarang mencantumkan link aktif di komentar.</li>
<li>Komentar dengan link aktif akan otomatis dihapus</li>
<li><i>*Berkomentarlah dengan baik, Kepribadian Anda tercemin saat berkomentar.</i></li>
</ul></div></div>


6. Mengubah Meta dan Deskripsi Blog, Masuk Menu Theme Pilih Edit HTML cari menu berikut dan Ganti sesaui keinginan


<title><data:blog.pageTitle/> | Responsive Blogger Template</title>

<meta content='Viomax Go Membahas Seputar Teknologi, Tutorial Andorid, Apple, Windows Dan Mac Os. Pastikan Anda Hanya Mencari Informasi Akurat Hanya di Viomax Go.com' name='description'/>

<meta content='smartphone, apple, android, macos, windows, linux, aplikasi' name='keywords'/></b:if>

<meta content='Template Blog Paling Keren Sejagat Raya, Miliki Segera!' property='og:description'/>

<meta content='xxx' name='google-site-verification'/>
<meta content='xxx' name='p:domain_verify'/>
<meta content='xxx' name='msvalidate.01'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='Xxx' name='Author'/>
<meta content='general' name='rating'/>
<meta content='id' name='geo.country'/>


7. Merubah menu footer, Masuk Menu Theme Pilih Edit HTML cari menu berikut dan Ganti sesuai keinginan.


<div class='about-jejaker'>
<h2>Viomax Go</h2>

<p>Viomax Go adalah media informasi tips trik seputar teknologi, berbagai cara berkaitan dengan teknologi informasi.</p>
  <p><i>Adding Knowledge Insights, To Mutual Success.</i></p>
</div>  

8. Merubah Menu di Footer, Masuk Menu theme Pilih Edit HTML cari menu berikut dan Ganti sesuai keinginan.

<div class='footer-right'>
<ul>
  <li><a href='#'>About</a></li>
  <li><a href='https://viomaxgo.blogspot.com/p/contact.html' title='Hubungi Kami'>Contact</a></li>
  <li><a href='https://viomaxgo.blogspot.com/p/kebijakan-privasi.html' title='Kebijakan Privasi'>Privacy Policy</a></li>
  <li><a href='https://viomaxgo.blogspot.com/disclaimer.html' title='Discalimer'>Disclaimer</a></li>
  <li><a href='https://viomaxgo.blogspot.com/p/sitemap.html' title='Peta Situs'>Sitemap</a></li>
</ul>
    </div>
ok sob semoga bermanfaat, nah bagi yang masih belum punya templatenya silahkan unduh disini : Download Viomax Go

Documentation Viomax Go

Pengaturan tambahan untuk template Viral Go! Versi Animation


1. Pada bagian menu Anda hanya bisa menambahkan 6 link saja

Download Templatenya Disini

Page Title

2. Untuk mengedit bagian Tanggal dan waktu

Page Title

Anda bisa cari kode di bawah ini di dalam template

<script language='Javascript'>
      var dayName = new Array(&quot;Minggu&quot;, &quot;Senin&quot;, &quot;Selasa&quot;, &quot;Rabu&quot;, &quot;Kamis&quot;, &quot;Jumat&quot;, &quot;Sabtu&quot;);
      var monName = new Array(&quot;Januari&quot;, &quot;Februari&quot;, &quot;Maret&quot;, &quot;April&quot;, &quot;Mei&quot;, &quot;Juni&quot;, &quot;Juli&quot;, &quot;Agustus&quot;, &quot;September&quot;, &quot;Oktober&quot;, &quot;November&quot;, &quot;Desember&quot;);
      var now = new Date();
      document.write(&quot;<i aria-hidden='true' class='fa fa-bell'/>&quot; + &quot; &quot; + dayName[now.getDay()] + &quot;,&quot; + &quot; &quot; + now.getDate() + &quot; &quot; + monName[now.getMonth()] + &quot;&quot;);
   </script>

3. Di dalam template ini sudah terdapat tombol reaksi dari Vicomi, silakan ikuti tutorial ini Cara Memasang Tombol Reaksi di Blogger dengan Vicomi. Anda hanya cukup mengganti kode tokennya saja.

4. Untuk mengganti username Disqus, silakan cari tulisan kabarisehat di editor template dan ganti dengan user name Disqus blog Anda.

5. Ganti semua link https://www.facebook.com/kabarsehatku/ dan tulisan Kabar Sehat di dalam widget fanpage di sidebar

<div class="fb-page" data-href="https://www.facebook.com/kabarsehatku/" data-tabs="timeline" data-height="250" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/kabarsehatku/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/kabarsehatku/">Kabar Sehat</a></blockquote></div>

6. Untuk Membuat Sitemap Tambahkan kode di bawah ini di post halaman statis, (Langsung Copas Saja Codenya)

<div id="recentpostsae"></div><div id="recentpostnavfeed"></div><style scoped type="text/css">
#content,.single-posts article{background:transparent;box-shadow:none;padding:0}
.single-posts .entry-title{margin:10px auto 30px auto;text-align:center;background:rgba(0,0,0,0.08);color:#747d8c;display:table;padding:0 20px;border-radius:99em;font-size:16px}
.post-details,.breadcrumbs{display:none}
#recentpostnav{border:1px solid #585858;width:100%;margin:0 auto}
#recentpostsae{margin:0}
#recentpostsae .recentpostel{width:48.6%;background:#fff;display:inline-block;margin:0 20px 10px 0;padding:15px;overflow:hidden;box-shadow:0 2px 3px rgba(0,0,0,0.06),0 2px 3px rgba(0,0,0,0.1)}
#recentpostsae .recentpostel:nth-child(even){margin:0 0 10px 0}
#recentpostsae .recentpostel img{background:#ecf0f1;padding:0;float:left;margin-right:13px !important;width:72px}
#recentpostsae .recentpostel h6,.recentpostel h6 a{text-decoration:none;font-size:14px;font-weight:400;margin:0;color:#000}
#recentpostsae .recentpostel:hover{background-color:#fefefe;box-shadow:none;border:1px solid #ddd}
#recentpostsae .recentpostel p{font-size:12px;text-align:left;color:#555;line-height:normal;margin:5px 0}
#recentpostload{letter-spacing:-10px;text-align:center;background:transparent url(https://2.bp.blogspot.com/-GeeSB564W-o/Wum3zpg8qNI/AAAAAAAAGmM/aRoomVJFtSQfUoAJrRjD6h1wTSU8J8DUQCLcBGAs/s1600/ellipsis-preloader.gif) no-repeat 50% 50%;height:470px}
#recentpostnavfeed{display:table;padding:5px 10px 5px 0;text-align:left;margin:15px auto}
#recentpostnavfeed a{color:#141414;font-size:12px;font-weight:400;display:block;padding:5px 10px}
#recentpostnavfeed span{padding:0;cursor:pointer;transition:all .3s}
#recentpostnavfeed .next,#recentpostnavfeed .previous{position:relative;overflow:hidden;display:inline-block;background:#fff;color:#222;padding:10px 16px;font-size:1rem;border-radius:99em;box-shadow:0 2px 3px rgba(0,0,0,0.06),0 2px 3px rgba(0,0,0,0.1)}
#recentpostnavfeed .next{float:right;margin:0 0 0 10px}
#recentpostnavfeed .previous{float:left;margin:0 10px 0 0}
#recentpostnavfeed .home{text-align:center;display:table;background:#fff;color:#222;font-size:1rem;float:none;padding:10px 16px;border-radius:99em;margin:auto;box-shadow:0 2px 3px rgba(0,0,0,0.06),0 2px 3px rgba(0,0,0,0.1)}
#recentpostnavfeed a:hover,#recentpostnavfeed span.noactived{color:#ccc}
#recentpostnavfeed i{font-family:fontawesome;font-style:normal}
#recentpostnavfeed .next:hover,#recentpostnavfeed .previous:hover,#recentpostnavfeed .home:hover{background:#fff;color:#222;box-shadow:0 10px 21px rgba(0,0,0,0.15),0 6px 6px rgba(0,0,0,0.12)}
@media screen and (max-width:993px){#recentpostsae .recentpostel{width:100%;margin:0 0 10px 0}}
</style><br />
<script type='text/javascript'>
//<![CDATA[
var numfeed = 18;
var startfeed = 0;
var urlblog = "https://www.blogscpot.com";
var charac = 0;
var urlprevious, urlnext;
function galihfeed(e,t){for(var n=e.split("<"),r=0;r<n.length;r++)-1!=n[r].indexOf(">")&&(n[r]=n[r].substring(n[r].indexOf(">")+1,n[r].length));return n=n.join(""),n=n.substring(0,t-1)}function showrecentpostsae(e){var t,n,r,a,i,s="";urlprevious="",urlnext="";for(var l=0;l<e.feed.link.length;l++)"previous"==e.feed.link[l].rel&&(urlprevious=e.feed.link[l].href),"next"==e.feed.link[l].rel&&(urlnext=e.feed.link[l].href);for(var d=0;d<numfeed&&d!=e.feed.entry.length;d++){t=e.feed.entry[d],n=t.title.$t;for(var l=0;l<t.link.length;l++)if("alternate"==t.link[l].rel){r=t.link[l].href;break}i="content"in t?t.content.$t:"summary"in t?t.summary.$t:"",a="media$thumbnail"in t?t.media$thumbnail.url:"https://3.bp.blogspot.com/-BHuXHny1kOk/VXrkSyxKCjI/AAAAAAAACas/pZLJAEUDtds/s1600/no-image.png",s+="<div class='recentpostel'>",s+="<a href='"+r+"'><img src='"+a+"' /></a>",s+="<h6><a href='"+r+"'>"+n+"</a></h6>",s+="<p>"+galihfeed(i,charac)+"</p>",s+="</div>"}document.getElementById("recentpostsae").innerHTML=s,s="",s+=urlprevious?"<a href='javascript:navigasifeed(-1);' class='previous'><i class='fas fa-arrow-left'></i></a>":"<span class='noactived previous'><i class='fas fa-arrow-left'></i></span>",s+=urlnext?"<a href='javascript:navigasifeed(1);' class='next'><i class='fas fa-arrow-right'></i></a>":"<span class='noactived next'><i class='fas fa-arrow-right'></i></span>",s+="<a href='javascript:navigasifeed(0);' class='home'><i class='fas fa-home'></i></a>",document.getElementById("recentpostnavfeed").innerHTML=s}function navigasifeed(e){var t,n;-1==e?(t=urlprevious.indexOf("?"),n=urlprevious.substring(t)):1==e?(t=urlnext.indexOf("?"),n=urlnext.substring(t)):n="?start-index=1&max-results="+numfeed+"&orderby=published&alt=json-in-script",n+="&callback=showrecentpostsae",incluirscript(n)}function incluirscript(e){1==startfeed&&removerscript(),document.getElementById("recentpostsae").innerHTML="<div id='recentpostload'></div>",document.getElementById("recentpostnavfeed").innerHTML="";var t=urlblog+"/feeds/posts/default"+e,n=document.createElement("script");n.setAttribute("type","text/javascript"),n.setAttribute("src",t),n.setAttribute("id","galihlabel"),document.getElementsByTagName("head")[0].appendChild(n),startfeed=1}function removerscript(){var e=document.getElementById("galihlabel"),t=e.parentNode;t.removeChild(e)}onload=function(){navigasifeed(0)};
//]]>
</script>

7. Memasng Contac Form. Silahkan Buat Halam Statis kemuidan paste kan code di bawah (Jangan lupa seting "Tekan Enter untuk Garis Baru" dan ganti URL ID blog yang ada dengan URL ID anda)

<form name="contact-form">
<div class='formcolumn1'>
<input id="ContactForm1_contact-form-name" name="name" placeholder='Name' size="30" type="text" value="" />
</div>
<div class='formcolumn2'>
<input id="ContactForm1_contact-form-email" name="email" placeholder='Email' size="30" type="text" value="" />
</div>
<div class='formcolumn3'>
<textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder='Message' rows="7"></textarea>
</div>
<div class='formcolumn4'>
<input class="ripplelink" id="ContactForm1_contact-form-submit" type="button" value="Send Now" />
</div>
<div style="max-width: 100%; text-align: center; width: 100%;">
<div id="ContactForm1_contact-form-error-message">
</div>
<div id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>

<style scoped="" type="text/css">
#ContactForm1,#comments{display:none}
#ContactForm1_contact-form-name,#ContactForm1_contact-form-email{display:inline-block;width:100%;height:auto;margin:10px auto;padding:14px;background:#fff;color:#222;border:1px solid rgba(0,0,0,0.08)}
#ContactForm1_contact-form-email-message{font-family:'Roboto';width:100%;height:250px;margin:10px auto;padding:14px;background:#fff;color:#222;border:1px solid rgba(0,0,0,0.08)}
#ContactForm1_contact-form-name:focus,#ContactForm1_contact-form-email:focus,#ContactForm1_contact-form-email-message:focus{background:#fff;outline:none;border-color:rgba(0,0,0,0.18)}
#ContactForm1_contact-form-submit{background:#fff;color:#5f6368;font-size:16px;width:161px;height:45px;float:left;padding:0 0 0 20px;margin:10px 0 3px 5px;cursor:pointer;border:none;border-radius:24px;box-shadow:0 1px 2px 0 rgba(60,64,67,0.302),0 1px 3px 1px rgba(60,64,67,0.149);transition:box-shadow .08s linear,min-width .15s cubic-bezier(0.4,0.0,0.2,1)}
.formcolumn4{position:relative}
.formcolumn4:before{background-image:url(https://2.bp.blogspot.com/-nkmaptT0VoA/WumFePAy9DI/AAAAAAAAGlM/8lA5aRi2E-okumpdikjQancIKDjYaGNqwCLcBGAs/s1600/mailme.png);background-position:center;background-repeat:no-repeat;background-size:20px;content:'';display:block;height:63px;width:32px;position:absolute;z-index:1;left:15px;top:0}
#ContactForm1_contact-form-submit:hover{background:#fafafb;box-shadow:0 1px 3px 0 rgba(60,64,67,0.302),0 4px 8px 3px rgba(60,64,67,0.149)}
#ContactForm1_contact-form-error-message,#ContactForm1_contact-form-success-message{margin-top:35px}
form{color:#888}
.formcolumn1,.formcolumn2{float:left;width:50%}
.formcolumn1,.formcolumn2{margin:0 0 10px 0;padding:0 10px 0 0}
.formcolumn2{padding:0 0 0 10px}
@media only screen and (max-width:768px){.formcolumn1,.formcolumn2{width:100%;padding:0}}
</style>

8. Tombol Demo dan Download
<div style="text-align: center;">
  <ul class="button">
    <li><a class="demo" href="https://www.blogscpot.com" target="_blank">Demo</a></li>
    <li><a class="download" href="https://www.blogscpot.com" target="_blank">Download</a></li>
  </ul>
</div>
<div class="clear"></div>

Documentation Viral Go! New Edition

Pengaturan tambahan untuk template Viral Go! Versi Animation


1. Pada bagian menu Anda hanya bisa menambahkan 6 link saja

Download Templatenya Disini

Page Title

2. Untuk mengedit bagian Tanggal dan waktu

Page Title

Anda bisa cari kode di bawah ini di dalam template

<script language='Javascript'>
      var dayName = new Array(&quot;Minggu&quot;, &quot;Senin&quot;, &quot;Selasa&quot;, &quot;Rabu&quot;, &quot;Kamis&quot;, &quot;Jumat&quot;, &quot;Sabtu&quot;);
      var monName = new Array(&quot;Januari&quot;, &quot;Februari&quot;, &quot;Maret&quot;, &quot;April&quot;, &quot;Mei&quot;, &quot;Juni&quot;, &quot;Juli&quot;, &quot;Agustus&quot;, &quot;September&quot;, &quot;Oktober&quot;, &quot;November&quot;, &quot;Desember&quot;);
      var now = new Date();
      document.write(&quot;<i aria-hidden='true' class='fa fa-bell'/>&quot; + &quot; &quot; + dayName[now.getDay()] + &quot;,&quot; + &quot; &quot; + now.getDate() + &quot; &quot; + monName[now.getMonth()] + &quot;&quot;);
   </script>

3. Di dalam template ini sudah terdapat tombol reaksi dari Vicomi, silakan ikuti tutorial ini Cara Memasang Tombol Reaksi di Blogger dengan Vicomi. Anda hanya cukup mengganti kode tokennya saja.

4. Untuk mengganti username Disqus, silakan cari tulisan kabarisehat di editor template dan ganti dengan user name Disqus blog Anda.

5. Ganti semua link https://www.facebook.com/kabarsehatku/ dan tulisan Kabar Sehat di dalam widget fanpage di sidebar

<div class="fb-page" data-href="https://www.facebook.com/kabarsehatku/" data-tabs="timeline" data-height="250" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/kabarsehatku/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/kabarsehatku/">Kabar Sehat</a></blockquote></div>

6. Untuk Membuat Sitemap Tambahkan kode di bawah ini di post halaman statis, (Langsung Copas Saja Codenya)

<div id="recentpostsae"></div><div id="recentpostnavfeed"></div><style scoped type="text/css">
#content,.single-posts article{background:transparent;box-shadow:none;padding:0}
.single-posts .entry-title{margin:10px auto 30px auto;text-align:center;background:rgba(0,0,0,0.08);color:#747d8c;display:table;padding:0 20px;border-radius:99em;font-size:16px}
.post-details,.breadcrumbs{display:none}
#recentpostnav{border:1px solid #585858;width:100%;margin:0 auto}
#recentpostsae{margin:0}
#recentpostsae .recentpostel{width:48.6%;background:#fff;display:inline-block;margin:0 20px 10px 0;padding:15px;overflow:hidden;box-shadow:0 2px 3px rgba(0,0,0,0.06),0 2px 3px rgba(0,0,0,0.1)}
#recentpostsae .recentpostel:nth-child(even){margin:0 0 10px 0}
#recentpostsae .recentpostel img{background:#ecf0f1;padding:0;float:left;margin-right:13px !important;width:72px}
#recentpostsae .recentpostel h6,.recentpostel h6 a{text-decoration:none;font-size:14px;font-weight:400;margin:0;color:#000}
#recentpostsae .recentpostel:hover{background-color:#fefefe;box-shadow:none;border:1px solid #ddd}
#recentpostsae .recentpostel p{font-size:12px;text-align:left;color:#555;line-height:normal;margin:5px 0}
#recentpostload{letter-spacing:-10px;text-align:center;background:transparent url(https://2.bp.blogspot.com/-GeeSB564W-o/Wum3zpg8qNI/AAAAAAAAGmM/aRoomVJFtSQfUoAJrRjD6h1wTSU8J8DUQCLcBGAs/s1600/ellipsis-preloader.gif) no-repeat 50% 50%;height:470px}
#recentpostnavfeed{display:table;padding:5px 10px 5px 0;text-align:left;margin:15px auto}
#recentpostnavfeed a{color:#141414;font-size:12px;font-weight:400;display:block;padding:5px 10px}
#recentpostnavfeed span{padding:0;cursor:pointer;transition:all .3s}
#recentpostnavfeed .next,#recentpostnavfeed .previous{position:relative;overflow:hidden;display:inline-block;background:#fff;color:#222;padding:10px 16px;font-size:1rem;border-radius:99em;box-shadow:0 2px 3px rgba(0,0,0,0.06),0 2px 3px rgba(0,0,0,0.1)}
#recentpostnavfeed .next{float:right;margin:0 0 0 10px}
#recentpostnavfeed .previous{float:left;margin:0 10px 0 0}
#recentpostnavfeed .home{text-align:center;display:table;background:#fff;color:#222;font-size:1rem;float:none;padding:10px 16px;border-radius:99em;margin:auto;box-shadow:0 2px 3px rgba(0,0,0,0.06),0 2px 3px rgba(0,0,0,0.1)}
#recentpostnavfeed a:hover,#recentpostnavfeed span.noactived{color:#ccc}
#recentpostnavfeed i{font-family:fontawesome;font-style:normal}
#recentpostnavfeed .next:hover,#recentpostnavfeed .previous:hover,#recentpostnavfeed .home:hover{background:#fff;color:#222;box-shadow:0 10px 21px rgba(0,0,0,0.15),0 6px 6px rgba(0,0,0,0.12)}
@media screen and (max-width:993px){#recentpostsae .recentpostel{width:100%;margin:0 0 10px 0}}
</style><br />
<script type='text/javascript'>
//<![CDATA[
var numfeed = 18;
var startfeed = 0;
var urlblog = "https://www.blogscpot.com";
var charac = 0;
var urlprevious, urlnext;
function galihfeed(e,t){for(var n=e.split("<"),r=0;r<n.length;r++)-1!=n[r].indexOf(">")&&(n[r]=n[r].substring(n[r].indexOf(">")+1,n[r].length));return n=n.join(""),n=n.substring(0,t-1)}function showrecentpostsae(e){var t,n,r,a,i,s="";urlprevious="",urlnext="";for(var l=0;l<e.feed.link.length;l++)"previous"==e.feed.link[l].rel&&(urlprevious=e.feed.link[l].href),"next"==e.feed.link[l].rel&&(urlnext=e.feed.link[l].href);for(var d=0;d<numfeed&&d!=e.feed.entry.length;d++){t=e.feed.entry[d],n=t.title.$t;for(var l=0;l<t.link.length;l++)if("alternate"==t.link[l].rel){r=t.link[l].href;break}i="content"in t?t.content.$t:"summary"in t?t.summary.$t:"",a="media$thumbnail"in t?t.media$thumbnail.url:"https://3.bp.blogspot.com/-BHuXHny1kOk/VXrkSyxKCjI/AAAAAAAACas/pZLJAEUDtds/s1600/no-image.png",s+="<div class='recentpostel'>",s+="<a href='"+r+"'><img src='"+a+"' /></a>",s+="<h6><a href='"+r+"'>"+n+"</a></h6>",s+="<p>"+galihfeed(i,charac)+"</p>",s+="</div>"}document.getElementById("recentpostsae").innerHTML=s,s="",s+=urlprevious?"<a href='javascript:navigasifeed(-1);' class='previous'><i class='fas fa-arrow-left'></i></a>":"<span class='noactived previous'><i class='fas fa-arrow-left'></i></span>",s+=urlnext?"<a href='javascript:navigasifeed(1);' class='next'><i class='fas fa-arrow-right'></i></a>":"<span class='noactived next'><i class='fas fa-arrow-right'></i></span>",s+="<a href='javascript:navigasifeed(0);' class='home'><i class='fas fa-home'></i></a>",document.getElementById("recentpostnavfeed").innerHTML=s}function navigasifeed(e){var t,n;-1==e?(t=urlprevious.indexOf("?"),n=urlprevious.substring(t)):1==e?(t=urlnext.indexOf("?"),n=urlnext.substring(t)):n="?start-index=1&max-results="+numfeed+"&orderby=published&alt=json-in-script",n+="&callback=showrecentpostsae",incluirscript(n)}function incluirscript(e){1==startfeed&&removerscript(),document.getElementById("recentpostsae").innerHTML="<div id='recentpostload'></div>",document.getElementById("recentpostnavfeed").innerHTML="";var t=urlblog+"/feeds/posts/default"+e,n=document.createElement("script");n.setAttribute("type","text/javascript"),n.setAttribute("src",t),n.setAttribute("id","galihlabel"),document.getElementsByTagName("head")[0].appendChild(n),startfeed=1}function removerscript(){var e=document.getElementById("galihlabel"),t=e.parentNode;t.removeChild(e)}onload=function(){navigasifeed(0)};
//]]>
</script>

7. Memasng Contac Form. Silahkan Buat Halam Statis kemuidan paste kan code di bawah (Jangan lupa seting "Tekan Enter untuk Garis Baru" dan ganti URL ID blog yang ada dengan URL ID anda)

<form name="contact-form">
<div class='formcolumn1'>
<input id="ContactForm1_contact-form-name" name="name" placeholder='Name' size="30" type="text" value="" />
</div>
<div class='formcolumn2'>
<input id="ContactForm1_contact-form-email" name="email" placeholder='Email' size="30" type="text" value="" />
</div>
<div class='formcolumn3'>
<textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder='Message' rows="7"></textarea>
</div>
<div class='formcolumn4'>
<input class="ripplelink" id="ContactForm1_contact-form-submit" type="button" value="Send Now" />
</div>
<div style="max-width: 100%; text-align: center; width: 100%;">
<div id="ContactForm1_contact-form-error-message">
</div>
<div id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>

<style scoped="" type="text/css">
#ContactForm1,#comments{display:none}
#ContactForm1_contact-form-name,#ContactForm1_contact-form-email{display:inline-block;width:100%;height:auto;margin:10px auto;padding:14px;background:#fff;color:#222;border:1px solid rgba(0,0,0,0.08)}
#ContactForm1_contact-form-email-message{font-family:'Roboto';width:100%;height:250px;margin:10px auto;padding:14px;background:#fff;color:#222;border:1px solid rgba(0,0,0,0.08)}
#ContactForm1_contact-form-name:focus,#ContactForm1_contact-form-email:focus,#ContactForm1_contact-form-email-message:focus{background:#fff;outline:none;border-color:rgba(0,0,0,0.18)}
#ContactForm1_contact-form-submit{background:#fff;color:#5f6368;font-size:16px;width:161px;height:45px;float:left;padding:0 0 0 20px;margin:10px 0 3px 5px;cursor:pointer;border:none;border-radius:24px;box-shadow:0 1px 2px 0 rgba(60,64,67,0.302),0 1px 3px 1px rgba(60,64,67,0.149);transition:box-shadow .08s linear,min-width .15s cubic-bezier(0.4,0.0,0.2,1)}
.formcolumn4{position:relative}
.formcolumn4:before{background-image:url(https://2.bp.blogspot.com/-nkmaptT0VoA/WumFePAy9DI/AAAAAAAAGlM/8lA5aRi2E-okumpdikjQancIKDjYaGNqwCLcBGAs/s1600/mailme.png);background-position:center;background-repeat:no-repeat;background-size:20px;content:'';display:block;height:63px;width:32px;position:absolute;z-index:1;left:15px;top:0}
#ContactForm1_contact-form-submit:hover{background:#fafafb;box-shadow:0 1px 3px 0 rgba(60,64,67,0.302),0 4px 8px 3px rgba(60,64,67,0.149)}
#ContactForm1_contact-form-error-message,#ContactForm1_contact-form-success-message{margin-top:35px}
form{color:#888}
.formcolumn1,.formcolumn2{float:left;width:50%}
.formcolumn1,.formcolumn2{margin:0 0 10px 0;padding:0 10px 0 0}
.formcolumn2{padding:0 0 0 10px}
@media only screen and (max-width:768px){.formcolumn1,.formcolumn2{width:100%;padding:0}}
</style>

8. Tombol Demo dan Download
<div style="text-align: center;">
  <ul class="button">
    <li><a class="demo" href="https://www.blogscpot.com" target="_blank">Demo</a></li>
    <li><a class="download" href="https://www.blogscpot.com" target="_blank">Download</a></li>
  </ul>
</div>
<div class="clear"></div>

Documentation Viral Go! Animation

Subscribe Our Newsletter