Cara Setup Emma Blogger Blogger Templates

Emma tersedia dalam versi free template, tetapi tentunya ada keterbatasan dimana Anda tidak dapat memodifikasi secara keseluruhan template.  

Anda bisa melihat Demo dan Mengunduh Emma Blogger Templates.   

1. Installasi Template
Buka file XML ini dengan editor teks (Notepad atau sejenisnya). Kemudian pilih semua teks dan copy (Ctrl + A, Ctrl + C di Window).

Kembali ke dasbor blog Anda, akses menu Template Anda, klik Edit HTML

Di jendela Editor HTML, pilih semua kode lama dan tempel kode baru yang Anda salin dari file XML ke dalam bidang kode. Lalu, klik Save template.

2. Seting Menu

Untuk Mengedit Menu Utama dalam tema ini Anda dapat mengikuti langkah ini:

1. Masuk ke -> layout Dashboard -> layout -> tombol navigasi atas -> tekan edit.

2. Kemudian copy dan paste kode yang ada di bawah ini ke konten widget, ganti "#" dengan link rul Anda.

<li><a href='#'>Home</a></li>
<li><a href='#'>About</a></li>
<li><a href='#'>Contact</a>
<ul class='sub-menu'>
<li><a href='#'>Category</a></li>
<li><a href='#'>Category</a></li>
<li><a href='#'>Category</a></li>
</ul>
</li>
<li><a href='#'>Shop</a></li>

<li><a href='#'>Advertise</a></li>

3. Simpan

3. Setting Top Social Menu

Untuk Mengedit Top Social Menu dalam tema ini Anda dapat mengikuti langkah-langkah ini:

1. Pada Blogger Dashbord Klik Layout
2. Widget Top Social Widget Klik Edit

Tambahkan nama dan link media sosial Anda >> ADD LINK >> Setelah Anda menambahkan semua link SAVE.

Gunakan http: // atau https: // jika ada.

Untuk mengedit ikon Sosial yang ada di Sisi di tema ini Anda dapat mengikuti langkah-langkah ini:

1. Pada Blogger Dashbord Klik Layout
2. Widget Top Social Widget Klik Edit

Tambahkan nama dan link media sosial Anda >> ADD LINK >> Setelah Anda menambahkan semua link SAVE.

Gunakan http: // atau https: // jika ada.

ICONS YANG TERSEDIA:


Behance Facebook Twitter Bloglovin Dribbble Flickr GooglePlus Instagram Linkedin Pinterest Vimeo Youtube Vine Soundcloud Goodreads Deviantart Foursquare Reddit Tumblr Spotify Twitch Vk Mailto toko Rss Etsy

Untuk Mengedit Ikon Footer Sosial dalam tema ini Anda dapat mengikuti langkah-langkah ini:

1. Buka -> layout Dashboard -> layout -> top social- > edit.
2. Sekarang copy dan paste kode dibawah ini, ganti "#" dengan link URL ke akun social network anda.

<a href='#' target='_blank'>
<i class='fa fa-facebook'> </i>
<span>Facebook</span>
</a>
<a href='#' target='_blank'>
<i class='fa fa-twitter'></i>
 <span>Twitter</span>
 </a>
 <a href='#' target='_blank'>
 <i class='fa fa-instagram'></i>
 <span>Instagram</span>
 </a>
 <a href='#' target='_blank'>
 <i class='fa fa-pinterest'></i>
 <span>Pinterest</span>
 </a>
 <a href='#' target='_blank'>
 <i class='fa fa-heart'></i>
 <span>Bloglovin</span>
 </a>


4. Setup The Slider

Slider bekerja secara otomatis dengan postingan terbaru.
Tapi Anda perlu memastikan beberapa hal:

1. Blog Anda Harus di seting ke publik
2. Set Feed Blog Anda Set ke full, dari setting -> other -> feed blog.
3. Posting blog Anda setidaknya memiliki satu label, dan minimal sudah ada 5 posting terbaru.

5. Widget About Author

Untuk Author Widget dalam tema ini Anda bisa mengikuti langkah-langkah berikut:

1. Pada Blogger Dashbord klick layout/tata letak
2. Klik Edit pada Author Widget
3. Tambahkan kode berikut

<div class="about-me"> 
        <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMvjFj9P8MaW0P704b6BUqJTXZcOC4CoZVRJLV2Y52wepuhjIGqtYeg7Mw1e33bZtks4_av9zfH3iA4BuMKwkBeFOWysjSYytqJWn8smk0t0c-u-8bVzRjMBDJlSrlGdaltmxj9gQ9QaA/s1600/photo-1416339684178-3a239570f315.jpg" alt="About Amalie" /> 


        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent non leo vestibulum, condimentum elit non, venenatis eros.</p></div>

Ubah Url Gambar dengan link URL dan teks dengan teks Anda.

5. Tambahkan Widget Pinterest

Jika pane kanan tidak memiliki searchbar maka Anda bisa menambahkannya sendiri:

Langkah 1: Masuk ke Layout/tata letak , klik pada tombol edit widget Pinterest.

Langkah 2: Pilih widget HTML / Javascript.


Langkah 3: Tempel kode di bawah ini.

<p style='text-align:center'><a href='https://www.pinterest.com/#' target='_blank'>Follow @Beauty Templates</a><div id='pinterest-gallery'></div><script>var thumbnailCount = 6;var username = 'greyandscout';</script></p><div class="clear"/></div>

Ubah URL Akun dan Username dengan data Anda

6. Cara Mengatur Tanggal Pada Pos

Buka Dasbor Blogger> Setelan> Bahasa dan Format> Format> Format Timestamp> setel tanggal dan bukan waktu

Simpan

7. Instagram Widget

1. Buka Dasbor Blogger> Tata Letak> Widget Instagram> klik tombol edit> Edit Html
2. Sekarang copy kode di bawah ini dan paste ke widget.
3. Sekarang Anda perlu membuat token akses Anda

<div class='insta-wrap'>
<div class='my-insta-box'>
<a class='btn-style' href='//instagram.com/xposetheme' rel='me'>FOLLOW ME @INSTAGRAM</a>
</div>
</div>
<div id='instafeed'/>


<script type='text/javascript'>//<![CDATA[

var feed = new Instafeed({
 get: 'user',
 userId: 10008029,
  limit:16,
  sortBy:'random',
accessToken: '1531863919.1677ed0.23d238bc564249e799095d060c750218',
template: '<li><a href="{{link}}" target="_blank"><img src="{{image}}" /><div class="insta-likes"><div style="display: table; vertical-align: middle; height: 100%; width: 100%;"><span style="display: table-cell; vertical-align: middle; height: 100%; width: 100%;">{{likes}} <i class="fa fa-heart"></i><br/>{{comments}} <i class="fa fa-comment"></i></span></div></div></a></li>',
 resolution: 'standard_resolution'
 });
 feed.run();


//]]>

</script></div>


Anda memerlukan token akses agar widget instagram bekerja -> Klik di sini untuk mendapatkan token akses

Catatan
Generate Acces Token -> Anda memerlukan token akses agar widget instagram bekerja masuk ke url-> http://instagram.pixelunion.net/
Buat token akses

Masuk dan Ikuti langkah-langkahnya -> Kemudian Anda akan diberi token akses seperti ini 1531863919.1677ed0.23d238bc564249e799095d060c750218


Ikuti langkah selanjutnya - > Add Instagram User ID:

Selamat berkarya, dan sekali lagi Anda bisa melihat Demo dan Mengunduh Emma Blogger Templates. 

,