ArtStudio v2 Blogger Template

ArtStudio v2 Blogger Template - Setelah melewati masa sehari tanpa aktifitas di blog ini , sekarang Ichi Hikaru kembali lagi untuk berbagi template Premium Gratis ala Portfolio yang pastinya keren .

Jarang sekali loh template template seperti ini bisa didapat di internet , tempat download template dan sejenisnya . Kalaupun ada , paling premium dan anda harus membayar untuk desain seperti ini .
Tapi , disini anda bisa memilikinya secara gratis dan cuma-cuma tanpa dipungut biaya sama sekali dan lagi , Tanpa Syarat ini itu . Anda tidak perlu berlangganan artikel dan semacamnya yang pada akhirnya mungkin akan merepotkan anda .

Dan lagi , disini saya hanya ingin berbagi . Dan jika ada salah satu pihak yang merasa dirugikan atas kebijakan saya ini . Contect Person saya selalu terbuka untuk menerima pengaduan apapun , dan saya selalu bersedia untuk menjawab semua pertanyaan anda :) .

Oke , Template blogger Gratis yang akan saya bagikan kali ini adalah template Portfolio blogger template penerus atau generasi kedua dari Art Studio .

ArtStudio v2 Preview

Di template ArtStudio v2 ini kita akan melihat slider desain yang berbeda dari seri sebelumnya . Di template ini juga sudah dilengkapi dengan Dropdown menu yang memungkinkan anda menambahkan link sebanyak yang anda mau . Dan lagi , Customisasi menu di versi ini jauh lebih mudah dari seri sebelumnya .

Dan salah satu tambahan yang sangat mencolok dari versi ini adalah adanya Galleria Footer Content dengan thumbnail yang besar . Dan Galleri ini akan otomatis mengupdate postinga terbaru anda .

Features

1. Dropdown Menu
2. Slider Content
3. Featured Menu Description
4. Galleria Footer Content
5. 4 Collumn Footer Content
6. Font Awesome
7. etc

Setting

Menu

Untuk setting menu , cari kode dibawah ini

<div class='navigation right'>
<ul class='menu sf-js-enabled sf-arrows'>
<li><a href='/'>Home</a></li>
  <li class=''><a class='sf-with-ul' href='#'>Blog</a></li>
<li><a href='#'>Portfolio</a></li>
..... kode selanjutnya

Ganti tanda "#" dengan URL tujuan anda .

Slider

Di slider ini anda harus memasukkan gambar secara manual . Cari kode dibawah ini

<div id='slider-body'>
            <div id='slider-content'>

            <div id='featured'>
<div id='heroclose'>
<a href='#' onclick='document.getElementById(&apos;mainouter&apos;).className=&apos;nohero&apos;; return false;' title='Close'><span/></a>
</div>
<!-- star icon gambar kanan -->
              <ul class='gambar-kanan'>
                   <li class='gambar-kanan  ui-tabs-selected' id='nav-gambar-1'><a href='#gambar-1'><img alt='featured 1' height='45' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO9F9hdiok0D_APrw8phO2lYWbClGmzxG3d4AtGk7Ugl89l_sLcRT5mm3bYu-FCzQCCYNgSy2pSe5KleAG0ylLRJNfJNMjo67bb-O1356eTxxmUnH55_Ds9r7FQXP8AER51sTo3rHcMZWo/s1600/slide_2.jpg' width='60'/><span>Small Thumbnail Feat...</span></a>
<p class='excerpt'>Mauris ultrices ornare massa, non eleifend tortor dapibus non. Quisque ornare, elit et rhoncus...</p>
</li>  kode lainnya ....

Silahkan sesuaikan dengan keinginan anda

Featured Menu

Disini anda bisa meletakkan deskripsi singkat tentang situs anda , siapa anda dan apa yang anda lakukan , cari kode ini

<div class='columns equalHeight' style='height: 189px;'>
     <h2>Who I Am</h2>
     <p>Vestibulum dictum viverra augue vitae venenatis, sed do eiusmod tempor incididunt ut
        labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
        nisi ut aliquip ex ea commodo consequat.
     </p>
                  <a class='more' href='#'><span>Read More</span></a>
    </div> 

Sesuaikan kalimat dan Link yang menyertainya

Galleria Footer Content

Ini merupakan widget yang perlu anda tambahkan di dalam Layout .
Caranya masuk ke menu Layout
Klik Add Gadget pada kolom panjang diatas 4 kolom footer
Pilih HTML/JavaScript
Letakkan kode ini

<style type='text/css'>
#bp_recent{
width:960px;
margin:0 auto;
padding:none !important;
}
.bp_item_thumb {
background: #34393d;
padding: 6px;
border: 1px solid #40464b;
float: left;
margin: 0px 23px 23px 0px;
position: relative;
}
.bp_item_thumb img {
position: relative;
display:block;
}
.bp_item_thumb img:hover{
opacity: 0.3;
background-color: rgb(255, 255, 255,);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
-webkit-transition: all 0.6s ease-in-out;
}
</style>
<div id='bp_recent'></div>
<script style='text/javascript' src='https://lioneldandy.googlecode.com/files/xc-recentpost.js'></script>
<script style='text/javascript'>
var numberOfPosts = 12;
var showPostDate = false;
var showSummary = false;
var titleLength = 0;
var showCommentCount = false;
var showThumbs = true;
var showNoImage = true;
var imgDim = 123;
var imgFloat = 'left';
var myMargin = 0;
var mediaThumbsOnly = true;
var showReadMore = false;
</script>
<script src='URL-BLOG-ANDA/feeds/posts/summary?max-results=12&orderby=published&alt=json-in-script&callback=bprecentpostswiththumbnails'></script>

Ganti kata yang saya cetak tebal dengan URL blog anda .Kemudian simpan .

Selesai

Info Template

Template ini merupakan Kelanjutan atau versi 2 dari ArtStudio Blogger Template dengan desain yang lebih simpel dan mudah untuk di kustomisasi .

Demo Download

Dan semoga apa yang saya kerjakan dan saya berikan bisa bermanfaat :)

Author : Ichi Hikaru

Share this Article

Related Posts