DOWNLOAD TEMPLATE BLOGGER ESSENTIAL HOTPINK

Essential itu identik dengan contempo, bedanya hanya sedikit dan itupun hanya pada bagian pendeklarasian CSS untuk pengaturan class dan ID yang sama pada bagian HTML-nya. Buktinya apapun yang saya pasang ke Essential bakalan cocok ke template Contempo dan demikian juga sebalinya. Dan akan selalu menghasilkan efek yang identik atau serupa pula. 

DEMO Click here DOWNLOAD Click here

Essential lebih sederhana, tidak seperti contempo yang memiliki 5 varian yang hanya dibedakan dari warna latar image, dan tidak seperti contempo essential itu soliter, ringan, dan tampak anggun dengan kesan introvertnya. 

Dan kali ini kami memberikannya sedikit polesan langsung melalui pengaturan halaman editor HTMLnya, menjadikannya tampak elegan dan lebih stylish dengan menu yang lebih tampak  seperti sebuah situs professional. 

1. Menu navigasi full dengan muatan menu yang lebih banyak untuk navigasi pengunjung.
2. Gambar profile penulis di atas setiap postingan yang berguna apabila kelak halaman memiliki banyak konstributor.
3. Halaman konten yang dapat memuat konten tulisan, konten gambar dan konten video full berkualitas tinggi (melalui pengaturan konten).
4. Pengaturan adsense original di sidebar kanan  template
5. Pengaturan latar header yang dapat di modifikasi melalui dasbor blogger (pengaturan bawaan template blog)
6. Breadcrumb valid HTML JSON-LD.
7. Syntax Code Hightlighter

Selebihnya adalah basis template struktur Essentials yang unik dan baik untuk konten.

Contoh tampilan posting video dalam bentuk full:

Untuk pemasangan menu berikut linknya harus dilakukan melalui halaman editor HTML melalui dasbor blogger. Contoh:

1. Masuk ke pengaturan blogger
2. Pilih tema
3. Pilih edit HTML

Pada halaman editor HTML cari kode: </header> maka di bawahnya Kalian akan menemukan kode berikut:

 <div class='active'><h1><a expr:href='data:blog.homepageUrl'><font color='white' size='4'> <data:blog.title/></font></a></h1></div> 
            <nav>
<ul>
	<li><a href='/'><i aria-hidden='true' class='fa fa-home fa-2x color-red'/>
</a></li>
	
	  
</ul>
     
<div class='button'>
	<a class='btn-open' href='#'/>
</div>
</nav>
       <div class='sidenav' id='mySidenav'>
  <a href='#' id='search'><div id='nbc-searchexpand1'>
         <form action='/search/max-results=8' id='nbc-searchexpandbox1' method='get'>
            <input id='nbc-searchexpandinput1' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Search this site...&quot;;}' onfocus='if (this.value == &quot;Search this site...&quot;) {this.value = &quot;&quot;}' type='text' value='Cari...'/>
            <i aria-hidden='true' class='fa fa-search fa-lg'/>

         </form>
      </div></a>
  
</div>  
<div class='overlay'>
	<div class='wrap'>
		<ul class='wrap-nav'>
           
			<li><a href='/'>Home</a>
			<ul>
              <li><a href='https://www.editblogtema.com/p/privacy-policy-for-editblogtema-if-you.html'>Privasi</a></li>
				<li><a href='https://www.editblogtema.com/p/sitemap.html'>T.O.C.</a></li>
				<li><a href='https://www.editblogtema.com/search/label/navigasi%20menu%20blog'>Navigasi menu</a></li>
				<li><a href='https://www.editblogtema.com/search/label/profile'>Widget Profile</a></li>
				<li><a href='https://www.editblogtema.com/search/label/coding'>Koding</a></li>
			</ul>
			</li>
			<li><a href='https://www.editblogtema.com/search/label/download'>Template redesain</a>
			<ul>
				<li><a href='https://www.google.hr/'>Contempo</a></li>
				<li><a href='#'>Emporio</a></li>
				<li><a href='#'>Soho</a></li>
				<li><a href='#'>notable</a></li>
				<li><a href='#'>Essentials</a></li>
			</ul>
			</li>
			<li><a href='#'>Work</a>
			<ul>
              <li><a href='https://www.editblogtema.com/2020/07/pungut-warna-dan-copy-pastekan.html'>Kode Warna</a></li>
				<li><a href='#'>Web</a></li>
				<li><a href='#'>Graphic</a></li>
				<li><a href='#'>Apps</a></li>
			</ul>
			</li>
		</ul>
       
		<div class='social'>
          
			<a href='https://www.facebook.com/AdelinaS0fyan/'>
			<div class='social-icon'>
				<i class='fa fa-facebook'/>
			</div>
			</a>
			<a href='https://twitter.com/sufyan331?s=09'>
			<div class='social-icon'>
				<i class='fa fa-twitter'/>
			</div>
			</a>
			<a href='https://codepen.io/your-work'>
			<div class='social-icon'>
				<i class='fa fa-codepen'/>
			</div>
			</a>
			<a href='http://editblogtema.tumblr.com'>
			<div class='social-icon'>
				<i aria-hidden='true' class='fa fa-tumblr'/>

			</div>
			</a>
			<a href='https://youtube.com/c/DEMIWAKTUEDITBLOGTEMA'>
			<div class='social-icon'>
				<i class='fa fa-youtube'/>
			</div>
			</a>
          <center><small>designed by Adelina Sofyan</small></center>
		</div>
	</div>
</div>

Contoh:

<li><a href='#'>Web</a></li>
<li><a href='#'>Graphic</a></li>
<li><a href='#'>Apps</a></li>

Silahkan robah Judul menu seperti 'Web', Graphic, dan Apps dengan judul menu yang kalian inginkan. Lalu robah tanda pagar '#" dengan url atau link terkait judul menu tadi.

Jika berminat silahkan hubungi kami: adelinasasa@gmail.com

Ikuti terus trik, tips, teknik hack dan kabar terupdate dari blog ini! Share: