: :

Navbar Bawah

Sabtu, 19 September 2015

Galleries

Label:

Senin, 14 September 2015

I Love Scoop

“Scoop 4 in 1 Blogger Template” Documentation by “VeeThemes”

Scoop 4 in 1


Created: 6/12/2014
By: VeeThemes
veethemes@gmail.com
Thanks for Downloading this theme from us. We have tried to explain all the things in easy way which will help you in easy installation of this theme. Still if the things won't help you feel free to e-mail us via our contact page. Thanks Again :-)
If you have any queries template then please visit VeeThemes.com
Note : Premium and lifetime support only delivered to Full version buyers.
But this is only free version (Free Template Will Contain Non Removable Credits and limited features).
It is forbidden to remove the credit link, because elimination of the credit links will make your blog redirect to VeeThemes Official site.
For those who want to remove credit links can pay $ 10.00.

What You get On buying this Theme?

1.Remove Footer credits
2.One time payment
3.For Unlimited Domains
4.Lifetime Premium Support
5.No Encrypted Scripts
6.Lifetime Template Updates
7.And Much More....
Buy now from VeeThemes.com

Table of Contents

  1. Installation
  2. Setting timestamp
  3. Upload Logo
  4. Setting up the menu
  5. Enable Mobile Template
  6. Enable Full Feed
  7. Enable Search Preference
  8. Sidebar Social menu
  9. Editing Author Profile Below Posts
  10. Custopmizing Footer Menu
  11. Sidebar Social Media Links
  12. Footer Newsletter

  1. Installation - top

    2. Now you have Staar Blogger Template. You Can Follow This Steps To Upload Your Blogger Template To Blogger Platform. First Login to your Blogger DashBoard by Using Your Google Username And Password from Here.
    Then follow these steps:
    1. On Blogger Dashboard Click Template.
    2. Click Backup/Restore button (Top Right).
    3. Click Choose ( Browse..) File button. Find where the “Mimes-blog-Blogger-Template.xml” file location.
    4. Then Click Upload.
    Note: Before Uploading This Template Mobile Blogger Template Must Enable to make Blogger Customize Work

  2. Setting timestamp - top


    3. It's Mandatory to set the timestamp as shown below otherwise template will not work perfectly


    Access your blog Layout > click Edit link on Header widget

    In Configure Header window, input you Blog Title and Blog Description. If you want to upload your image logo, make sure checked Instead of title and description, then click Choose File and locate your logo file. And click Save button to finish.

  3. Change the link or # inside href with yours URL link




    4. To Edit Main Menu in this theme you can follow this step:
    1. Open Blogger Dashbord & Click on Template
    2. Click and open Edit HTML
    3. To search (Navigation Menu Bar) press Ctrl+F and type blog_main_navigation_menu :


      4. <div class='nav-menu'>
<a class='vt_menu_toggle' href='javscript:void(0)'><i class='fa fa-bars'/></a>
<ul class='clearfix blog_menus'>
<li><a class='current' href='/'>Home</a></li>
<li><a href='#'>News</a></li>
<li><a href='#'>Lifestyle</a></li>
<li><a href='#'>Fashion</a></li>
<li><a href='#'>Nature</a></li>
<li><a href='#'>Health</a></li>
<li><a href='/p/sample-page.html'>Travel</a></li>
</ul>
</div>

    4. Change the link or # inside href with yours URL link

  4. Enable Mobile Template - top

    5. After you apply mobile version for this template, Advance Editor will be disabled. This is official bug of Blogger. So, please make sure, you used Advance Editor to change all settings you want before do this step.
    As default, Blogger will use its own template for you blog on mobile. So if you want to use Persona template on mobile devices, please enable it first.

    Access your Template menu and click on Gear button of Mobile template.
    In Choose mobile template window, check "No. Show desktop template on mobile devices." option, then click Save button.

  5. Enable Full Feed - top

    6. Access Settings menu and choose Other settings. Click drop-down list at Allow Blog Feed option, then choose Full. After that, click Save settings button at the top right corner.

    To improve your blog SEO, please enable Blogger Search Preferences. Access your Settings menu, choose Search preferences tab and click Edit link on Meta tags section


    Next, check Yes option, then type your Blog Description into the text field and click Save changes.


  6. editing Author Profile - top

    7. Open Html Editor and press Ctrl+F then type blog_post_author_profile and press enter you will see the code like below

    <div class='authorboxwrap'>
<div class='authorboxfull'>
<div class='avatar-container'>
<a href=''>
<img class='author_avatar img-circle' expr:alt='data:post.author' expr:src='data:post.authorPhoto.Url' height='96' width='96'/>
</a>
</div>
<div class='author_description_container'>
<h4><a href='#' rel='author'><data:post.author/></a></h4>
<p>
<data:post.authorAboutMe/>       
</p>
<div class='authorsocial'>
<a class='img-circle' href='http://facebook.com/username' target='_blank'><i class='fa fa-facebook'/></a>
<a class='' href='http://twitter.com/username' target='_blank'><i class='fa fa-twitter'/></a>
<a class='' href='http://dribbble.com/username' target='_blank'><i class='fa fa-dribbble'/></a>
<a class='' href='http://instagram.com/username' target='_blank'><i class='fa fa-instagram'/></a>
<div class='clr'/>
</div>
</div>
</div>
</div>

    1. After finding and making neccesary change sto this code.
    2. Open Layout and follow the steps as shown in image below ↓

    1. Replace the author description with proper description about you.
    2. Replace the username with your social_media username




    1. Open Html Editor and press Ctrl+F then type sidebar_author_profile_widget and press enter you will see the code like below

    <!-- sidebar_author_profile_widget -->
<div class='vt_sidebar_author_item'>
<div class='image-wrap'>
<img alt='VeeThemes' class='img-circle author_avatar img-responsive' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEo1M39uaqMgDMk3z3J4reFquAEW3pY8ql2t25IboNKC9g9B6Qmh40vw48g2Ce1EGqa_TUmEfpQqXSt5ALz_X-PsMPFv_mozvzqhS9IRJDTKuDuDR48umAzUb3xT2ntBlWs145X4uZb5s/s600-c/273729232775_01aa3f4729_o.jpg'/>
<div class='social linear-3s'>
<div class='social-inner'>
<a href='//www.facebook.com/username'><i class='fa fa-facebook'/></a>
<a href='//www.twitter.com/username'><i class='fa fa-twitter'/></a>
<a href='//plus.google.com/username'><i class='fa fa-google-plus'/></a>
<a href='//www.dribbble.com/username'><i class='fa fa-dribbble'/></a>
</div>
</div>
</div>
<h4 class='author_name'><a href='#'>Jane doe</a></h4>
<p>In semper mi a metus aliquam condimentum. Donec a sapien vitae odio auctor gravida ac sit amet magna. Suspendisse bibendum porttitor lacinia.</p>
</div>
</div>


    1. Replace the author description with proper description about you.
    2. Replace the username with your social_media username


    1. Open HTML Editor and press Ctrl+F and type blog_footer_menu
    2. You'll find the code like below

    <!-- blog_footer_menu -->
<div class='right footer_menu'>
<ul class='blog_footer_menu'>
<li><a href='/'>Home</a></li>
<li><a href='#'>Conact</a></li>
<li><a href='#'>About</a></li>
<li><a href='#blog_header' id='smooth_scroll'>Top &#8593;</a></li>
</ul>
</div>

    3. Replace # after href with proper blog links




    1. Open Blogger Dashboard > HTML Editor and press Ctrl+F and type sidebar_social_media_links
    2. You'll find the code like below
    <!-- sidebar_social_media_links -->
<div class='sidebar_social_icons'>
<ul class='clearfix'>
<li class='facebook-social'>
<a href='http://www.facebook.com/username' target='_blank' title='Facebook'><i class='fa fa-facebook ct-transition'/></a>
<span class='ct-counter' title='Fans'>19,701</span>
</li>
   
<li class='twitter-social'>
<a href='http://www.twitter.com/username' target='_blank' title='Twitter'><i class='fa fa-twitter ct-transition'/></a>
<span class='ct-counter' title='Followers'>9,297</span>
</li>
         
<li class='Linkedin-social'>
<a href='http://www.linkedin.com/username' target='_blank' title='Linkedin'><i class='fa fa-linkedin ct-transition'/></a>
<span class='ct-counter' title='Subscribers'>4,182</span>
</li>
<li class='pinterest-social'>
<a href='http://www.pinterest.com/username' target='_blank' title='Pinterest'><i class='fa fa-pinterest ct-transition'/></a>
<span class='ct-counter' title='Subscribers'>2,157</span>
</li>

<li class='rss-social'>
<a href='#your feed link here' target='_blank' title='Rss'><i class='fa fa-rss ct-transition'/></a>
<span class='ct-counter' title='Subscribers'>1,052</span>
</li>
   
</ul>
</div>

    Replace the highlighted words with you social media username and total counts

  7. Customizing Newsletter - top



    8. 1. Open HTml Editor and Press Ctrl+F and type blog_newsletter_widget
    2. You'll find the code like below

    <!-- blog_newsletter_widget -->
<div id='blog_newsletter'>
<h5>Subscribe Our Newsletter</h5>
<p>Enter your email address below to subscribe to our newsletter.</p>

<div class='input-append'>
<form action='http://feedburner.google.com/fb/a/mailverify' id='subscribe' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=yourid&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<input name='uri' type='hidden' value='yourid'/>
<input name='loc' type='hidden' value='en_US'/>
<input id='subbox' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Email address&quot;;}' onfocus='if (this.value == &quot;Email address&quot;) {this.value = &quot;&quot;}' type='text' value='Email address'/>
<input id='subbutton' title='' type='submit' value='Subscribe'/>
</form>
</div>
</div>

    Replace the highlighted word with your feedburner username id

  8. Customizing Featured Slider - top

    9. Add "zblog" labels to your posts which you want to be displayed as featured-posts and open the blog.


  9. Customizing Template Only For Premium Version- top

    10. We have added shortcodes to the Premium Version of this template which makes editing and customizing of the template very easy.


Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist.
Label:

Template RP0613

Gambar header template blog SEO Friendly gratis Juni 2013
Template blog SEO friendly gratis juni 2013 ini adalah buatan dari Eva lagi. Seperti sebelumnya Eva sudah membuat template blog Cardboard Style, kali ini dia membuat template blog yang lebih bergaya social network, dan minta dipajang di sini....
Sebenarnya template blog SEO Friendly model social network ini saya yang memulai pembuatan awalnya. Tapi karena terlalu sibuk sampai update blog saja harus dibantu kakaknya Eva. Jadi Eva mengambil alih untuk merampungkan template ini.

Tampilan TEMPLATE BLOG SEO FRIENDLY GRATIS JUNI 2013

Seperti teman-teman bisa lihat dari blog demo di atas bahwa Eva menaruh credit link untuk kontes SEO FBI-BET.COM dan KONTES HUMOR di dalamnya. Maklumlah Eva itu sudah kerja, berbisnis, masih mau ikutan kontes SEO. Jadi waktunya itu asli padat, makanya setiap cara yang bisa menghasilkan backlink pasti ditempuh....termasuk attribution link pada template....
Jadi dimohon bantuannya untuk tidak menghapus linknya untuk sementara. Katanya attribution link di template blog gratis ini bisa dicabut setelah tanggal 11 Juli 2013. Soalnya kontesnya sudah berakhir.

Ok seperti biasa template ini juga perlu disesuaikan dengan blog anda, jadi baca cara lengkapnya di bawah ini....

Fitur Template Blog SEO FRIENDLY Juni 2013

Ada beberapa hal yang membuat template blog ini menjadi SEO Friendly,....untuk mudahnya silahkan baca poin-poin di bawah ini:
  • Title tag sudah sangat SEO Friendly
  • Menggunakan meta description otomatis, jadi buat yang malas memasukkan meta description maka tempate ini akan membuat meta description sendiri
  • Dynamic Heading yang memuat judul artikel pada h1
  • Breadcrumbs juga sudah terpasang
  • Komentar yang tidak menampilkan gambar profil yang diskala sehingga lebih ringan
  • Juga balon komentar di atas foto profil untuk memastikan kata kunci anda muncul di kata-kata awal dalam blog.
Jika anda tidak ingin menggunakan meta description otomatis, maka kode di bawah ini harus di hapus dari dalam EDIT HTML:
<meta expr:content='data:blog.pageName + &quot; adalah artikel dari blog &quot; + data:blog.title + &quot; dengan judul &quot; + data:blog.pageName' name='description'/>
Setelah kode di atas terhapus, maka ikuti panduan di artikel meta tag description untuk memasukkan meta ini secara manual.... Jika sudah, saatnya melakukan sedikit renovasi pada tampilan template blog gratis ini.

1. Memasang Template Blog SEO Friendly Gratis ini ke blog anda

  • Unduh templatenya dulu di link download Template Blog Gratis Social Network Wannabe yang ada di atas
  • Kalau sudah, silahkan diekstrak file .rar yang di download.
  • Masuk ke menu TEMPLATE dari blog yang ingin diganti templatenya.
  • Klik tombol orange CADANGKAN/PULIHKAN
  • Akan muncul popup form, silahkan klik BROWSE dan cari file .xml di dalam folder yang tadi saudara ekstrak
  • Jika sudah ketemu pilih file tersebut dan klik UNGGAH
  • Tunggu sampai file template blog SEO Friendly ini selesai diunggah.
  • Jika berhasil diunggah, maka template blog ini akan melekat pada blog anda.

2. Merapikan Widget Blog Yang Berantakan Setelah Pemasangan Template Blog

  • Untuk melakukan ini bukalah halaman blog anda.
  • Setelah itu amati apakah ada widget yang membuat penampilan blog jadi berantakan?
  • Jika ada, bukalah menu TATA LETAK, dan cari di mana posisi widget tersebut dalam template blog.
  • Pindahkan posisinya ke tempat yang lebih nyaman di lihat mata.
  • Setelah itu klik SIMPAN SETELAN
  • Muat ulang halaman blog anda dan lihat apakah susunan template blog SEO friendly ini sudah terlihat rapi? Jika belum ulangi langkah-langkah pengaturan posisi yang ada di atas.

3. Sesuaikan Tampilan Template Blog SEO Friendly Gratis Ini Dengan Blog Anda

Tentunya anda tidak mau template ini menampilkan foto gadis yang sedang minum kopi kan? Atau anda juga ingin mengganti gambar header yang sesuai dengan karakter dan tema blog anda? Kalau begitu ikuti prosedur di bawah ini....

Mengganti Gambar Profil Pada Sidebar Kiri Template Blog SEO Friendly ini
  • Siapkan gambar profil anda dengan ukuran 160px * 160px
  • Upload di blogger seperti saat mengupload gambar pada artikel dan ambil URL gambarnya di HTML mode
  • Buka menu template lalu klik EDIT HTML
  • Setelah EDIT HTML editor terbuka silahkan cari kode di bawah ini...
.profil {
background:#e6e6e6 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ7BDbs8wDvga-N9_9LZXtQxmB20HRCo1WeB3tTyExJE4862lf8MzCnQv2wI0QIdynRZEq-neoeIEy-WG_5zj5xtgeIFjvv3YmJSKQn2DjpaLa1b_1ddCSQwl7EtKj5puEgcOnLqbfgR5Q/s1600/profile.png) no-repeat;
width:160px;
height: 160px;
border-radius:80px;
-moz-box-shadow:3px 3px 5px 2px #aaa;
-webkit-box-shadow: 3px 3px 5px 2px #aaa;
box-shadow: 3px 3px 5px 2px #aaa;
margin-top:10px;
}
Ganti URL berwarna merah di atas dengan URL gambar yang saudara upload tadi, dan simpan perubahan. Sekarang gambar profil pada sidebar kiri template blog ini sudah berubah, jika saudara melakukan proses di atas dengan benar.

Mengganti Gambar Profil Pada Samping Artikel di Template Blog SEO Friendly ini
  • Sekarang ambil URL gambar saudara dan perhatikan pada URL tersebut ada kode s1600. Silahkan ubah kodenya jadi s80. Lihat contoh di bawah...
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ7BDbs8wDvga-N9_9LZXtQxmB20HRCo1WeB3tTyExJE4862lf8MzCnQv2wI0QIdynRZEq-neoeIEy-WG_5zj5xtgeIFjvv3YmJSKQn2DjpaLa1b_1ddCSQwl7EtKj5puEgcOnLqbfgR5Q/s80/profile.png
  • Sekarang coba buka lagi menu TEMPLATE dan EDIT HTML, lalu cari kode di bawah ini
.profilkecil {
float:left;
margin-right:15px;
width:80px;
background:#e6e6e6 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ7BDbs8wDvga-N9_9LZXtQxmB20HRCo1WeB3tTyExJE4862lf8MzCnQv2wI0QIdynRZEq-neoeIEy-WG_5zj5xtgeIFjvv3YmJSKQn2DjpaLa1b_1ddCSQwl7EtKj5puEgcOnLqbfgR5Q/s80/profile.png);
height: 80px;
margin-top:10px;
border-radius:40px;
-moz-box-shadow:1px 1px 5px 2px #aaa;
-webkit-box-shadow: 1px 1px 5px 2px #aaa;
box-shadow: 1px 1px 5px 2px #aaa;
}
  • Masukkan kode URL gambar yang sudah saudara edit jadi s80 tadi untuk menggantikan URL yang berwarna merah di atas
  • Klik SIMPAN TEMPLATE dan gambar profil di samping judul artikel akan berganti menjadi gambar yang anda pilih.

Mengganti gambar Header Template Blog SEO Friendly Gratis ini
  • Kalau saudara ingin mengganti gambar header sesuai dengan selera anda, maka caranya sangat mudah....
  • Buat gambar yang ingin dipasang dalam ukuran 806 x 244 pixels
  • Upload gambar tersebut seperti cara mengupload gambar profil di atas
  • Ambil URL gambar untuk menggantikan URL berwarna merah yang ada dalam kode di bawah ini
#Header1 {
width:792px;
float:left;
overflow:hidden;
font-size:12px;
background:#888888 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM78qBkSe3rBedKf4l2zvyeKiURV_-urkLcyp3WM-j_oEerJxjqrlfmuvNv0vy5Y0QxKR2jrIxXw7apNV35y4pE4PDqVIK7CiUSnalRIv053B19X8lMjt37f01n5l73sDVKSeUUXAvKlEO/s1600/cafe.jpg) no-repeat;
height:230px;
padding:7px;
margin-top:48px;
}
  • Klik SIMPAN TEMPLATE dan gambar header blog akan terganti
Jika saudara sudah melakukan 3 perubahan di atas, maka tampilan dari template blog SEO friendly ini sudah selesai disesuaikan dengan keinginan anda.... Sekarang masalahnya tinggal satu, yaitu menyesuaikan menu yang ada di navbar dan menu yang ada di bawah header....

MENGEDIT LINK PADA NAVBAR TEMPLATE BLOG

  • Sekarang silahkan masuk ke menu TEMPLATE dan klik EDIT HTML
  • Pada jendela pengeditan ketik CTRL+F dan cari kode class='midbar1'
  • Anda akan segera melihat kode di bawah ini....
<ul class='midbar1'>
<li><a href='#'>Beranda</a></li>
<li><a href='#'>Sitemap</a></li>
<li><a href='#'>Artikel 1</a></li>
<li><a href='#'>Artikel 2</a></li>
</ul>
  • Silahkan ubah tanda # dengan URL yang diinginkan dan edit juga teks jangkar dari link sesuai keinginan anda.
  • Klik SIMPAN TEMPLATE dan menu pada NAVBAR akan berubah

MEMASANG MENU DI BAWAH HEADER

  • Untuk memasang menu di bawah header sangat mudah. Anda cukup masuk ke menu TATA LETAK dan cari widget MENU BAR di atas POSTING BLOG widget
  • Klik EDIT pada MENU BAR
  • Akan terbuka jendela editor, silahkan masukkan kode di bawah ini....
<div id="mymenu">
<ul>
<li><a href="#">Link one</a></li>
<li><a href="#">Link two</a></li>
<li><a href="#">Link three</a></li>
<li><a href="#">Link four</a></li>
</ul>
</div>
  • Edit URL dan anchor text sesuai kebutuhan dan klik SIMPAN
  • Sekarang menu bawah header sudah akan tampil pada blog anda.

Ok, itu saja dulu. Mudah-mudahan template blog seo friendly gratis ini sesuai dengan selera beberapa teman blogger, dan mudah-mudahan bermanfaat. Terima kasih sudah singgah di blog ini
Label:
Langganan: Postingan ( Atom )