Cara Mengedit Template Arlina Design (Mengisi Tanda Pagar dan xxxxxx)
Assalamu 'alaikum warahmatullah... Selamat malam bos kuh, kita berjumpa lagi di Programmer SEO. Di malam hari yang cerah nan indah ini saya akan membagikan beberapa tutorial penting yang masih membahas pada bagian template. Jika tadi siang saya menulis tentang Cara Memodifikasi template agar lebih SEO Friendly, pada malam ini saya akan membahas tentang Cara mengedit Template dari Arlina Design.Siapa yang tidak mengenal sosok wanita ini, di dunia blogging mbak Arlina memang sangat terkenal dalam designer template, banyak template-template mbak Arlina yang terpampang di berbagai blog. Diantara template yang paling banyak di gunakan yaitu, Simplify 2 blue or red, Vienna Lite, Vienna Mag, Invert Grid, New Minima Colored, Ripple, Lycoris v2.1 Responsive, Revoltify Alternate 3, Phantom, Lunafy Dark, Vikka Fast Loading, Nubie Banget, N Light Blogger Template, dan masih banyak lagi.
Nah, akan tetapi bagi sebagian orang yang tidak berkomunikasi langsung dengan mbak Arlina akan sangat sulit cara mengedit template tersebut, karena tidak mendapat bimbingan langsung dari beliau. Sehingga kalau ada penerapan struktur tema yang salah, tidak bisa di benarkan, dan akan berakhir pada ganti tema.
Loh, kan dapat templatenya dari mbak Arlina, kok bisa tidak berkomunikasi dengan pembuatnya, emangnya ada yaa ? Banyak. Yaitu mereka yang mendownload template premium arlina design secara gratis, sehingga tidak bisa mendapatkan konsultasi dari designernya.
Nah, bagi kita yang kebetulan mendownload template premium Arlina design secara gratis, maka beruntung jika kamu menemukan artikel ini. Karena saya akan membagikan tutorial cara mengedit template arlina sebagaimana yang telah dapat dari beliau.
Pada bagian ini saya akan membagikan beberapa optimasi template yang berakitan dengan mengedit tanda pagar dan mengisi xxxxx pada template Arlina. Baiklah kita langsung saja menuju lokasi.
#1. Cara Mengisi Tanda Pagar (#) Pada Template Arlina
a. Bagian Konten
Bagian konten ini terletak pada bagian atas setelah judul blog dan deskripsi blog. Contohnya seperti gambar dibawah ini. Saya mengambil contoh untuk tampilan template simplify 2 blue.
Dan adapun untuk struktur temanya seperti ini:
<nav id='simplify-two' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement'>
<input type='checkbox'><i aria-hidden='true' class='fa fa-th-list'/> Menu</input>
<ul id='simplify-click'>
<li><a href='#' itemprop='url'><span itemprop='name'>Blog <i class='fa fa-caret-down fa-fw'/></span></a>
<ul>
<li><a href='#' itemprop='url'><span itemprop='name'>About</span></a></li>
<li><a href='/p/contact-form.html' itemprop='url'><span itemprop='name'>Contact</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>CSS Minifier</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Disclaimer</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>HTML Converter</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Privacy Policy</span></a></li>
<li><a href='/p/sitemap.html' itemprop='url'><span itemprop='name'>Sitemap</span></a></li>
<li><a href='/p/static-page.html' itemprop='url'><span itemprop='name'>Static Page</span></a></li>
<li><a href='/404' itemprop='url'><span itemprop='name'>404 Page Not Found</span></a></li>
</ul>
</li>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu <i class='fa fa-caret-down fa-fw'/></span></a>
<ul>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu 1</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu 2</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu 3</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu 4</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu 5</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu 6</span></a></li>
</ul>
</li>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu <i class='fa fa-caret-down fa-fw'/></span></a>
<ul>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu 1</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu 2</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu 3</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu 4</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu 5</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu 6</span></a></li>
</ul>
</li>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu <i class='fa fa-caret-down fa-fw'/></span></a>
<ul>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu 1</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu 2</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu 3</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu 4</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu 5</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu 6</span></a></li>
</ul>
</li>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu <i class='fa fa-caret-down fa-fw'/></span></a>
<ul>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu 1</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu 2</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu 3</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu 4</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu 5</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu 6</span></a></li>
</ul>
</li>
</ul>
</nav> K E T E R A N G A N :
1. Ganti tanda pagar yang telah saya beri stabillo biru langit dengan Url link bos kuh, ditambahkan dengan kata /search/label/(nama konten yang ingin di buat)
2. Jangan ganti tanda pagar yang telah saya beri stabillo warna ungu
3. Ganti nama "Menu, Menu 1-6" dengan nama konten yang ingin bos kuh buat.
Lihat gambar di bawah ini :
b. Bagian Footer
Bagian footer ini, letaknya di bagian bawah postingan, biasanya memiliki warna abu kehitaman. Contohnya seperti gambar di bawah ini:
Dan adapun untuk struktur temanya, seperti ini:
<div class='footer-column'>
<div class='footer-menu'>
<h3>About</h3>
<p class='footer2'>
Google today announced IT admins can now apply policies to Chrome on Android and iOS, in addition to Windows, Mac, Linux, and Chrome OS.
<div class='clear'/>
<div class='simplifymed'>
<a class='facebook' href='#' rel='nofollow' target='_blank'><i class='fa fa-facebook'/></a>
<a class='twitter' href='#' rel='nofollow' target='_blank'><i class='fa fa-twitter'/></a>
<a class='googleplus' href='#' rel='nofollow' target='_blank'><i class='fa fa-google-plus'/></a>
<a class='rssfeed' href='#' rel='nofollow' target='_blank'><i class='fa fa-rss'/></a>
</div>
</p>
</div>
<div class='footer-menu'>
<h3>Web Tools</h3>
<ul class='footer2 line'>
<li><a href='#' title='Contact Form'>Contact Form</a></li>
<li><a href='#' title='Disclaimer'>Disclaimer</a></li>
<li><a href='#' title='Privacy Policy'>Privacy Policy</a></li>
<li><a href='#' title='Daftar Isi Blog'>Sitemap</a></li>
<li><a href='#' title='Terms of Service'>Terms of Service</a></li>
</ul>
</div>
<div class='footer-menu' id='subscribe-footer'>
<h3>Newsletter</h3>
<p>Berlangganan artikel terbaru dari blog ini langsung via email.</p>
<div class='emailfooter'>
<form action='https://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('https://feedburner.google.com/fb/a/mailverify?uri=Blog-simplifydua', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
<input name='email' onblur='if (this.value == "") {this.value = "Email address";}' onfocus='if (this.value == "Email address") {this.value = "";}' type='text' value='Email address'/>
<input name='uri' type='hidden' value='simplifydua'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='submitfooter' type='submit' value='Submit'/>
</form>
</div>
</div>
</div>
</div> 1. Ganti teks yang telah saya beri stabillo biru langit dengan kata-kata yang bos kuh inginkan.
2. Ganti tanda pagar dengan link yang sesuai dengan yang tertera di atas, misalkan contact form dan yang lainnya. Contohnya seperti gambar di bawah ini.
3. Simpan
#2. Cara Mengisi Tanda XXXXX Pada Template Arlina
Adapun untuk bagian ini, saya akan membahasnya di lain waktu yaa bos kuh. Mohon maaf tidak bisa di tampilkan sekarang. Karena sekarang waktu sudah menunjukkan 22.30. Terlalu berat mata ini untuk terus melihat struktur tema.. hehe
Sampai Jumpa di lain waktu ^_^
Post a Comment for "Cara Mengedit Template Arlina Design (Mengisi Tanda Pagar dan xxxxxx)"