Cara Setup Sports Mag Blogger Template

Sports Mag adalah template blogger yang bersih, sederhana dan cepat, sangat mudah disesuaikan dan memiliki tata letak yang responsif sehingga sesuai dengan ukuran layar. Anda bisa menggunakan template ini untuk niche seperti tech, Blogging, Events, Authority, Blogging Resources, News, Latest Trends dll. Alpha dilengkapi dengan berbagai widget yang akan membantu Anda mempublikasikan blog Anda secara lebih profesional.

Sports Mag tersedia dalam versi free template, tetapi tentunya ada keterbatasan dimana Anda tidak dapat memodifikasi secara keseluruhan template.  Untuk melihat demo dan mengunduh template, Anda bisa melihat di Sport Mag Blogger Template  




1. Backup & Uploading

1. Unzip berkas Template.zip.
2. Di Dashboard Blogger klik Template.
3. Klik Download Full Template untuk menyimpan template lama Anda.
4. Klik tombol Browse . Temukan lokasi file "sportsmag-full-version.xml".
5. Kemudian klik Upload.
6. Edit pratinjau seluler. (Ikuti gambar)

2. Blog Setting

Setelah menginstall tema, ada pengaturan minimum untuk membuat semua widget bekerja dengan baik di template ini.

1. Di Dashboard Blogger klik Pengaturan/setting.
2. Klik Lainnya/other.
3. Di Feed Situs> Allow Blog Feed pilih Full.
4. Kemudian klik Save settings.

3. Setup Logo

1. Di dasbor Anda Pilih "Layout/tata letak".
2. Upload Header Logo Anda: Di Blog Anda (Header), klik "Edit" dan aplikasikan semua pengaturan di bawah ini:

4. Navigation Menu
  4.1 Top Menu Setup

• Di Blogger Dashboard klik Layout/Tata Letak .
• Klik Edit pada Widget Navigasi Teratas.
• Ubah sesuai kebutuhan anda. Tambahkan nama link Name dan link url lalu klik add Link
• Klik Simpan.
• Ubah lokasi item menu dengan menggunakan panah ke bawah dan panah ke atas Ikon

4.2 Main Menu/DropDown

Di Blogger Dashboard klik Layout/Tata Letak.

• Klik Edit pada Main Menu Widget.
• Ubah sesuai kebutuhan anda. Tambahkan nama link Name dan link url lalu klik add Link
• Klik Simpan.
• Untuk menambahkan sub menu Item. Anda harus menambahkan "_" (garis bawah tanpa tanda petik) sebelum item Menu Link (contoh: _Left Sidebar)
• Ubah lokasi item menu dengan menggunakan panah ke bawah dan panah ke atas Ikon

5. Social Top / Follow Us (Sidebar)/ Social Footer

Akses Layout/tata letak blog Anda> klik Edit link di widget Social Top / Follow Us (Sidebar) / Social Footer.

Nama Medsos: facebook, twitter, gplus, bloglovin, rss, youtube, skype, stumbleupon, tumblr, vine, stack-overflow, linkedin, dribbble, soundcloud, behance, digg, instagram, pinterest, delicious, codepen

5. Featured Posts (TOP)

Akses Layout/tata letak blog Anda> klik Add a Gadget> HTML / JavaScript di bagian Featured Posts, dan kemudian tambahkan salah satu dari berikut ini
Random Posts: <span id = "random"> </ span>
Recent Posts: <span id = "recent"> </ span>

Label / Tag Ex: <span id = "label" data-label = "Sports"> </ span>

6.  Magazine Boxs Layout

Akses Layout/tata letak blog Anda> klik Add a Gadget> HTML / JavaScript di Layout Box / Box Layout 2 Section, dan tambahkan jenis kotak yang diinginkan.

Pilihan: {box, carousel, videos} CATATAN: Tidak ada gadget yang dimasukkan ke dalam bagian harus kosong, yang dapat mengganggu fungsi widget yang benar.

Box style
Box:  <span id=”box” data-label=”label-name”></span>

Carousel Style
Carousel: <span id=”carousel” data-label=”label-name”></span> 

Video Style

Videos: <span id=”videos” data-label=”label-name”></span> 

7. Widget

Akses Layout/tata letak blog Anda> klik Add a Gadget> HTML / JavaScript pada bagian Sidebar atau Footer, Anda harus menempatkan kode berikut yang disorot dengan warna biru di bawah ini.

Recent Posts: <span id=”recentposts”></span>

Random Posts: <span id=”randomposts”></span> 

Recent Comments: <span id=”recentcomments”></span>

Setelah menambahkan, klik simpan.

Facebook Page Plugin:

<center><div class=”fb-page” data-href=”https://www.facebook.com/namafb/” data-width=”360″ data-small-header=”false” data-adapt-container-width=”true” data-hide-cover=”false” data-show-facepile=”true”></div></center>

Ubah url yang diberi warna merah ini dengan url halaman facebook anda.

Sidebar Social widget :

1. Buka Dashboard Blogger> Layout> Follow Us widget> klik tombol edit
2. Sekarang copy kode di bawah ini dan paste ke widget.
3. Ubah # dengan url sosial Anda dan ubah jumlah pengikut juga.
4. simpan

<div class="social-count-plus"><ul class="flat"><li class="count-twitter"><a class="icon" href="https://twitter.com/"></a><span class="items"><span class="count" style="color: #ffffff !important;">12356</span><span class="label" style="color: #ffffff !important;">followers</span></span></li><li class="count-facebook"><a class="icon" href="https://www.facebook.com/"></a><span class="items"><span class="count" style="color: #ffffff !important;">194067</span><span class="label" style="color: #ffffff !important;">likes</span></span></li><li class="count-googleplus"><a class="icon" href="https://plus.google.com/"></a><span class="items"><span class="count" style="color: #ffffff !important;">419</span><span class="label" style="color: #ffffff !important;">followers</span></span></li></ul></div>

8.Comments System

Akses Layout/tata letak blog Anda> klik Edit link di Comment System widget.
Tambahkan salah satu dari ketentuan berikut
Blogger untuk komentar blogger
Facebook untuk komentar facebook

Disqus untuk disqus komentar

CATATAN : Untuk melihat komentar sistem Disqus, Anda harus mengikuti langkah-langkah di bawah ini.

Disqus Shortname
Akses Layout/tata letak blog Anda> klik Edit link pada widget Disqus Shortname.

Yang harus Anda lakukan hanyalah menambahkan shortname

9. Page Layout / No Sidebar / Left Sidebar

Untuk menambahkan opsi ini cukup tambahkan kode di bawah ini dalam komposisi posting!

Codes:  [no-sidebar]

               [left-sidebar]

Contoh :

10. Theme Customization

Akses template blog Anda> klik Customize. Disini Anda dapat mengubah latar belakang, dan menerapkan warna yang telah ditentukan

Mengklik Lanjutan Anda akan melihat opsi resmi untuk mengubah Warna Utama

Selamat berkarya, dan sekali lagi untuk melihat demo dan mengunduh template, Anda bisa melihat di Sports Mag Blogger Template 

,