BOZZMAG Documentation

BOZZMAG adalah template magazine dengan style yang modern, template ini sangat cocok dengan situs yang menyajikan konten berita. Dari segi keunggulan template ini tidak kalah jauh dengan template sebelumnya Lovinet. Dengan tampilan yang sudah mengadopsi material design template ini terlihat ilegan serta mempunyai kecepatan loading yang lumayan ringan dibandingkan dengan situs berita lainnya.

Setting

1. Masuk di Blog
2. Pilih Theme
3. Kemudian Edit HTML
4. Copy Script Template yang ada di dalam Notepad
5. Paste di dalam theme editor
6. Save template

Atau dengan cara :

1. Masuk di Blog
2. Pilih Theme
3. Kemudian klik Backup / Restore
4. Selanjutnya Upload Template Bozzmag.xml
5. Save template

Saya rasa cara diatas pasti semuanya sudah, sekarang lanjut pada cara setting Template Bozzmag

1. Layout





2. Featured

Masukan code berikut di dalam HTML/JavaScript featured
<span id="random"></span>

2. Category 1

Masukan code berikut di dalam HTML/JavaScript

<span data-type="feat" data-label="Entertainment"></span>

Silahkan ganti label yang di block dengan warna kuning dengan nama label yang Anda ingin tampilkan


3. Category 2


Masukan code berikut di dalam HTML/JavaScript

<span data-type="columnleft" data-label="Food" data-no="4"></span>

Silahkan ganti label yang di block dengan warna kuning dengan nama label yang Anda ingin tampilkan dan 4 adalah jumlah label yang ditampilkan



3. Category 3


Masukan code berikut di dalam HTML/JavaScript

<span data-type="columnright" data-label="Fashion" data-no="4"></span>

Silahkan ganti label yang di block dengan warna kuning dengan nama label yang Anda ingin tampilkan dan 4 adalah jumlah label yang ditampilkan



3. Category 4


Masukan code berikut di dalam HTML/JavaScript

<span data-type="gallery" data-label="Technology"></span>

Silahkan ganti label yang di block dengan warna kuning dengan nama label yang Anda ingin tampilkan



4. Carausel 4


Masukan code berikut di dalam HTML/JavaScript

<span id="carousel" data-label="zCrousel"></span>

Silahkan ganti label yang di block dengan warna kuning dengan nama label yang Anda ingin tampilkan


MENU


1. Silahkan ganti tanda # dengan masing-masing label yang anda inginkan

<nav id='menu-nav' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement'>
<input type='checkbox'><i aria-hidden='true' class='fa fa-bars'></i></input>
<ul id='drops-nav'>
<li><a href='#' title='carousel'>carousel</a></li>
<li><a href='#' title='Entertainment'>Entertainment</a></li>
<li><a href='#' title='Food'>Food</a></li>
<li><a href='#' title='Hotels'>Hotels</a></li>
<li><a href='#' title='people'>people</a></li>
<li><a href='#' title='Technology'>Technology</a></li>
<li><a href='#' title='Fashion'>Fashion</a></li>
<li><a href='#' title='Sport'>Sport</a></li>
<li><a href='#' title='Training'>Training</a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>More <i class='fa fa-caret-down fa-fw'></i></span></a>
<ul>
<li><a href="//www.blogger.com/" itemprop="url" target="_blank"><span itemprop='name'>Sign in</span></a></li>
<li><a href="//www.blogger.com/signup.g" itemprop="url" target="_blank"><span itemprop='name'>Register</span></a></li>
</ul>
</li>
</ul>
</nav>




HALAMAN POSTING


Menampilkan gambar post seperti pada demo, kodenya seperti berikut

<div id="items-thumbnail">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEYs8PG-cfQYYGqMg2d-QjCeZsosmUNY-4Mo-YpcENa_fnL1n7FYadEJbMwEvpAjzqf5ODhtIb7fAtj9KlyCfnj0iK0lLnHUkIbLy8vUKpBoTP49yjPSugIstTi1dOBVOiMj44RRs9tuF8/s1600/news1.jpeg" /></div>

Ganti url gambar tersebut dengan url gambar yang anda inginkan

Untuk tutorial ini bisa anda lihat pada kompiajaib.com



FOOTER NAVIGASI

 1. Url logo footer

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyAmtmxL_opj6plkHJXWfsjdVaK8LO_A5waiDhyphenhyphenghKHpDq3w_RAmhWhNY3X4XUCEPt3kKdWD3YDa5_zedNALkHix1L-DeT_xttR9Q7ZbD6O3I2JMsfHVr7XPiNE9EiSe9D5mwjAAGwL-rJ/s1600/ft.png

 2. Social Footer

<div class='sos-profil'>
<ul>
<li><a href='https://www.facebook.com/xxx/' target='_blank' title='Facebook'><i class='fa fa-facebook fa-lg'></i></a></li>
<li><a href='https://twitter.com/xxx' target='_blank' title='Twitter'><i class='fa fa-twitter fa-lg'></i></a></li>
<li><a href='https://plus.google.com/xxx' target='_blank' title='Google+'><i class='fa fa-google-plus fa-lg'></i></a></li>
<li><a href='http://www.linkedin.com/xxx' target='_blank' title='LinkedIn'><i class='fa fa-linkedin fa-lg'></i></a></li>
<li><a href='https://www.youtube.com/xxx' target='_blank' title='Youtube'><i class='fa fa-youtube-play'></i></a></li>
</ul>
</div>

Ganti xxx dengan masing-masing user anda

3. Menu Footer

<div class='navimenu'>
<ul>
<li><a href='#' title='carousel'>carousel</a></li>
<li><a href='#' title='Entertainment'>Entertainment</a></li>
<li><a href='#' title='Food'>Food</a></li>
<li><a href='#' title='Hotels'>Hotels</a></li>
<li><a href='#' title='people'>people</a></li>
<li><a href='#' title='Technology'>Technology</a></li>
<li><a href='#' title='Fashion'>Fashion</a></li>
<li><a href='#' title='Sport'>Sport</a></li>
<li><a href='#' title='Training'>Training</a></li>
<li><a href='#' title='News'>News</a></li>
</ul>
</div>

Ganti tanda # dengan label yang anda inginkan


4. Credit navigasi

<div class='menubottom'>
<ul>
<li><a href='#' target='_blank' title='About'>About</a></li>
<li><a href='#' target='_blank' title='Contact'>Contact</a></li>
<li><a href='#' target='_blank' title='Advertise'>Advertise</a></li>
<li><a href='#' target='_blank' title='Privacy'>Privacy</a></li>
<li><a href='#' target='_blank' title='Disclaimer'>Disclaimer</a></li>
<li><a href='#' target='_blank' title='Sitemaps'>Sitemaps</a></li>
</ul>
</div>

Ganti tanda # dengan label yang anda inginkan


COMMENT DISQUS


Masuk pada edit html kemudian cari script berikut, dan ganti shortname bozzmag dengan shortname disqus Anda

<script type='text/javascript'>
                var disqus_shortname = &quot;bozzmag&quot;;
                var disqus_blogger_current_url = &quot;<data:blog.canonicalUrl/>&quot;;
                if (!disqus_blogger_current_url.length) {
                    disqus_blogger_current_url = &quot;<data:blog.url/>&quot;;
                }
                var disqus_blogger_homepage_url = &quot;<data:blog.homepageUrl/>&quot;;
                var disqus_blogger_canonical_homepage_url = &quot;<data:blog.canonicalHomepageUrl/>&quot;;
             (function() {
                        var bloggerjs = document.createElement(&quot;script&quot;);
                        bloggerjs.type = &quot;text/javascript&quot;;
                        bloggerjs.async = true;
                        bloggerjs.src = &quot;//&quot;+disqus_shortname+&quot;.disqus.com/blogger_item.js&quot;;
                        (document.getElementsByTagName(&quot;head&quot;)[0] || document.getElementsByTagName(&quot;body&quot;)[0]).appendChild(bloggerjs);
                    })();
                (function() {
                    var bloggerjs = document.createElement(&quot;script&quot;);
                    bloggerjs.type = &quot;text/javascript&quot;;
                    bloggerjs.async = true;
                    bloggerjs.src = &quot;//&quot;+disqus_shortname+&quot;.disqus.com/blogger_index.js&quot;;
                    (document.getElementsByTagName(&quot;head&quot;)[0] || document.getElementsByTagName(&quot;body&quot;)[0]).appendChild(bloggerjs);
                })();
    var disqus_shortname = &#39;bozzmag&#39;;
    (function () {
        var s = document.createElement(&#39;script&#39;); s.async = true;
        s.type = &#39;text/javascript&#39;;
        s.src = &#39;//&#39; + disqus_shortname + &#39;.disqus.com/count.js&#39;;
        (document.getElementsByTagName(&#39;HEAD&#39;)[0] || document.getElementsByTagName(&#39;BODY&#39;)[0]).appendChild(s);
    }());
                </script>




HALAMAN 404

Masuk pada edit html kemudian cari code berikut dan ganti Url yang ada di dalamnya dengan Url Blog Anda

<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<script type='text/javascript'>
BSPNF_redirect=setTimeout(function() {
location.href= &quot;http://bozzmag.blogspot.com/&quot;
}, 1);
</script>
<b:else/>
</b:if>





LOGO

Cari code berikut, dan ganti semua dengan logo blog Anda

<a href='https://bozzmag.blogspot.co.id/' itemprop='url' title='BOZZ MAGAZINE'><span itemprop='name'><img alt='logo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgri6l2FwyqyH1a8H9ClIj32tAjdM2Mx6qxFkOqHSFqMKR04DkxnwLxPxrNS81QzIIBv54zUpC6IvAC4WaLaSK9_v7hJpRsHRw4CPVZHSdKV7lSaL4_9sN8f7Usrn_RzwYgJc8-RxynBOeb/s1600/lk.png' title='logo'/></span></a>


Terima Kasih telah menggunakan template dari kami

BOZZMAG Responsive Blogger Template, dijual dengan harga Rp. 50.000 saja. Jika anda berminat silahkan :

Hub saya di

Email : basrimedia@gmail.com atau
HP : 081241105658.

Pembayaran Via Transfer
No. Rek BANK BRI 022501016056534
an. Basri Matindas atau

No. Rek BANK BNI
an. Basri Matindas

Comments

Post a Comment

Popular posts from this blog

Gongeck Thema Congek hhhhhh

https://www.facebook.com/events/625222404730591 https://www.facebook.com/events/355361318819766 https://www.facebook.com/events/3494459133943435 https://www.facebook.com/events/648441275806194 https://www.facebook.com/events/1151576095243381 https://www.facebook.com/events/856871894718800 https://www.facebook.com/events/2706379746270355 https://www.facebook.com/events/367685460919270 https://www.facebook.com/events/763384014505772 https://www.facebook.com/events/2822740284625128 https://www.facebook.com/events/334043541073729 https://www.facebook.com/events/343322770239203 https://www.facebook.com/events/344108686716283 https://www.facebook.com/events/355521959167824 https://www.facebook.com/events/867410607121227 https://www.facebook.com/events/3737645969582208 https://www.facebook.com/events/323744238846172 https://www.facebook.com/events/323963182008148 https://www.facebook.com/events/330423641728928 https://www.facebook.com/events/117074688329
Read more

BLOGAMP Valid AMP Responsive Blogger Template

Image
BLOGAMP Valid AMP Responsive Blogger Template , Sudah lama saya tidak membagikan template AMP semenjak blog mdcsite.blogspot.com dan blog.lagioke.net dipindah tangankan. Alasan kedua blog tersebut berpindah tangan karena pada saat itu saya lagi sibuk di dunia nyata dan kebetulan juga pada saat itu saya lagi membutuhkan dana untuk keperluan yang sangat mendesak (maaf tidak bisa saya sebutkan keperluannya apa). Maka dari itu saya mencoba bangun kembali dengan blog baru yang saya beri nama Goomsite, saya juga tidak tahu namanya cocok untuk blog ini atau tidak yang pasti inilah nama rumah baru saya. Maka jangan heran jika pada blog ini baru terdapat 3 post, tapi mudah-mudahan kedepannya akan bertambah terus dengan artikel-artikel terbaik. Jika sebelumnya pada kedua blog tersebut di atas saya sudah membagikan template Valid AMP yang saya beri nama yaitu MDCAMP dan AMPNEWS maka pada artikel ini juga saya akan memberikan template Valid AMP yang saya beri nama BLOGAMP. BLOGAMP adalah
Read more

Lovinet Magazine Responsive Blogger Template

Image
LOVINET is a simple Blogger template with Responsive layout and is suitable for all blogs. This design with a combination of simple, clean and modern look, SEO Optimized, and has been built by using some of the design trends of today's most popular. DEMO | DOWNLOAD Features Icon Font Awesome Featured Responsive Modern style Mega Menu Seo Engine Custom search box Auto Readmore No Javascript Bootstrap Breadcrumb SEO Friendly Webmaster Structured Unlimited Colors & Fonts Minimized HTML, CSS and Jquery Cross Browser Compatible Ticker News Related in the article Related post design 4 Column Footer Area Social Header Social share homepage 2 Social share post before & after Fast Loading in all web browsers Power Full Admin Panel Blogger threaded Comments system with cool design Button styles Shortcodes ready for buttons Custom 404 error Page And more... Lovinet Magazine Responsive Blogger Template, dijual dengan harga Rp. 50.000 saja. Jik
Read more