Download Template X-Grid Responsive

Download Template X-Grid Responsive

Halo Sobat Blogger,
Untuk memilih template terbaik sobat bisa menyesuaikan dengan gaya sobat, niche blog, hobi, karakter dan lain sebagainya. Namun template yang terbaik tentu saja tidak hanya keren di lihat namun juga harus sesuai dengan standart yang berlaku salah satunya adalah cepat, responsive,  SEO friendly dan lain sebagainya.
Berikut ini adalah Contoh Screenshotnya:
Berikut daftar beberapa fitur yang ada di template ini :

FiturKeterangan
SEO FriendlyTersedia
User FriendlyTersedia
ResponsiveTersedia
Youtube ResponsiveTersedia
BreadcrumdTersedia
Aouto ReadmoreTersedia
Erorr Page 404Tersedia
Share ButtonTersedia
SearchTersedia
Custom Deleted Comment Tersedia
Navigation MenuTersedia
Custom LabelTersedia
Threaded CommentTersedia
Related PostTersedia
Blog PagerTersedia
Widget FooterTersedia
And MoreTersedia


Perhatian : jika anda tertarik mengunakanya diharapkan jangan menghilangkan atau mengubah credit footer ( Link Desain Template ) untuk menghargai kami sebagai pembuat template ini, sehingga kami juga lebih bersemangat memberikan update-update template terbaru buat anda. saya ucapkan terimakasih.
Download Template Invision Responsive Blogger

Download Template Invision Responsive Blogger

Halo Sobat Blogger,
Untuk memilih template terbaik sobat bisa menyesuaikan dengan gaya sobat, niche blog, hobi, karakter dan lain sebagainya. Namun template yang terbaik tentu saja tidak hanya keren di lihat namun juga harus sesuai dengan standart yang berlaku salah satunya adalah cepat, responsive,  SEO friendly dan lain sebagainya.
Berikut ini adalah Contoh Screenshotnya:
Berikut daftar beberapa fitur yang ada di template ini :

FiturKeterangan
SEO FriendlyTersedia
User FriendlyTersedia
ResponsiveTersedia
Youtube ResponsiveTersedia
BreadcrumdTersedia
Aouto ReadmoreTersedia
Erorr Page 404Tersedia
Share ButtonTersedia
SearchTersedia
Custom Deleted Comment Tersedia
Navigation MenuTersedia
Custom LabelTersedia
Threaded CommentTersedia
Related PostTersedia
Blog PagerTersedia
Widget FooterTersedia
And MoreTersedia

Perhatian : jika anda tertarik mengunakanya diharapkan jangan menghilangkan atau mengubah credit footer ( Link Desain Template ) untuk menghargai kami sebagai pembuat template ini, sehingga kami juga lebih bersemangat memberikan update-update template terbaru buat anda. saya ucapkan terimakasih.
Cara Membuat Tombol Slide Demo dan Download

Cara Membuat Tombol Slide Demo dan Download

Halo sobat blogger,
saya akan berbagi tutorial cara membuat tombol slide demo dan download yang keren, khusus pengguna blog yang Nichenya di Download sangat cocok diterapkan Tombol sprti ini.

Catatan : Sebelumnya sobat harus terapkan fontawesome pada blog sobat

Langsung aja Silahkan simak tutorialnya :

Langkah Pertama
Pertama buka blogger > Template > Klik Edit HTML dan terapkan kode di bawah ini tepat sebelum kode </style>


#wrap {
    margin: 20px auto;
    text-align: center;
}

#wrap br {
    display: none;
}

.btn-slide, .btn-slide2 {
    position: relative;
    display: inline-block;
    height: 50px;
    width: 200px;
    line-height: 50px;
    padding: 0;
    border-radius: 50px;
    background: #fdfdfd;
    border: 2px solid #0099cc;
    margin: 10px;
    transition: .5s;
}

.btn-slide2 {
    border: 2px solid #efa666;
}

.btn-slide:hover {
    background-color: #0099cc;
}

.btn-slide2:hover {
    background-color: #efa666;
}

.btn-slide:hover span.circle, .btn-slide2:hover span.circle2 {
    left: 100%;
    margin-left: -45px;
    background-color: #fdfdfd;
    color: #0099cc;
}

.btn-slide2:hover span.circle2 {
    color: #efa666;
}

.btn-slide:hover span.title, .btn-slide2:hover span.title2 {
    left: 40px;
    opacity: 0;
}

.btn-slide:hover span.title-hover, .btn-slide2:hover span.title-hover2 {
    opacity: 1;
    left: 40px;
}

.btn-slide span.circle, .btn-slide2 span.circle2 {
    display: block;
    background-color: #0099cc;
    color: #fff;
    position: absolute;
    float: left;
    margin: 5px;
    line-height: 42px;
    height: 40px;
    width: 40px;
    top: 0;
    left: 0;
    transition: .5s;
    border-radius: 50%;
}

.btn-slide2 span.circle2 {
    background-color: #efa666;
}

.btn-slide span.title,
  .btn-slide span.title-hover, .btn-slide2 span.title2,
  .btn-slide2 span.title-hover2 {
    position: absolute;
    left: 90px;
    text-align: center;
    margin: 0 auto;
    font-size: 16px;
    font-weight: bold;
    color: #30abd5;
    transition: .5s;
}

.btn-slide2 span.title2,
  .btn-slide2 span.title-hover2 {
    color: #efa666;
    left: 80px;
}

.btn-slide span.title-hover, .btn-slide2 span.title-hover2 {
    left: 80px;
    opacity: 0;
}

.btn-slide span.title-hover, .btn-slide2 span.title-hover2 {
    color: #fff;
}

Simpan template

Langkah Kedua
Untuk kode pemanggil silahkan terapkan pada postingan tab HTML.
Agar tampilannya rapi saat memasukkan kode HTML kedalam postingan, sebaiknya gunakan Tekan "Enter" untuk baris baru  pada menu "Pilihan" seperti gambar di bawah ini
<div id="wrap">
<a href="#" class="btn-slide" target="_blank">
  <span class="circle"><i class="fa fa-rocket"></i></span>
  <span class="title">Demo</span>
  <span class="title-hover">Click here</span>
</a>
<a href="#" class="btn-slide2" target="_blank">
  <span class="circle2"><i class="fa fa-download"></i></span>
  <span class="title2">Download</span>
  <span class="title-hover2">Click here</span>
</a>
</div>

Selesai

Berikut ini contohnya :


Download Templat Mirip Kang Ismet 2017

Download Templat Mirip Kang Ismet 2017

Halo Sobat Blogger,
Untuk memilih template terbaik sobat bisa menyesuaikan dengan gaya sobat, niche blog, hobi, karakter dan lain sebagainya. Namun template yang terbaik tentu saja tidak hanya keren di lihat namun juga harus sesuai dengan standart yang berlaku salah satunya adalah cepat, responsive,  SEO friendly dan lain sebagainya.
Berikut ini adalah Contoh Screenshotnya:
Berikut daftar beberapa fitur yang ada di template ini :

FiturKeterangan
SEO FriendlyTersedia
User FriendlyTersedia
ResponsiveTersedia
Youtube ResponsiveTersedia
BreadcrumdTersedia
Aouto ReadmoreTersedia
Erorr Page 404Tersedia
Share ButtonTersedia
SearchTersedia
Custom Deleted Comment Tersedia
Navigation MenuTersedia
Custom LabelTersedia
Threaded CommentTersedia
Related PostTersedia
Blog PagerTersedia
Widget FooterTersedia
And MoreTersedia

Perhatian : jika anda tertarik mengunakanya diharapkan jangan menghilangkan atau mengubah credit footer ( Link Desain Template ) untuk menghargai kami sebagai pembuat template ini, sehingga kami juga lebih bersemangat memberikan update-update template terbaru buat anda. saya ucapkan terimakasih.
Download Template Blogger Mocca Responsive

Download Template Blogger Mocca Responsive

Halo Sobat Blogger,
Template ini sangat cocok bagi pengguna Google Adsense template ini didesain agar iklan yang muncul mudah di liat oleh pengunjung/visitor blog sobat.

Untuk memilih template terbaik sobat bisa menyesuaikan dengan gaya sobat, niche blog, hobi, karakter dan lain sebagainya. Namun template yang terbaik tentu saja tidak hanya keren di lihat namun juga harus sesuai dengan standart yang berlaku salah satunya adalah cepat, responsive,  SEO friendly dan lain sebagainya.
Berikut ini adalah Contoh Screenshotnya:
Berikut daftar beberapa fitur yang ada di template ini :

FiturKeterangan
SEO FriendlyTersedia
User FriendlyTersedia
ResponsiveTersedia
Youtube ResponsiveTersedia
BreadcrumdTersedia
Aouto ReadmoreTersedia
Erorr Page 404Tersedia
Share ButtonTersedia
SearchTersedia
Custom Deleted Comment Tersedia
Navigation MenuTersedia
Custom LabelTersedia
Threaded CommentTersedia
Related PostTersedia
Blog PagerTersedia
Widget FooterTersedia
And MoreTersedia

Bagi yang tertarik silahkan bisa sobat liat demo dan link downloadnya di bawah ini

Perhatian : jika anda tertarik mengunakanya diharapkan jangan menghilangkan atau mengubah credit footer ( Link Desain Template ) untuk menghargai kami sebagai pembuat template ini, sehingga kami juga lebih bersemangat memberikan update-update template terbaru buat anda. saya ucapkan terimakasih.
Download Template Simplify 2 Untuk Blogger

Download Template Simplify 2 Untuk Blogger

Halo Sobat Blogger,
Untuk memilih template terbaik sobat bisa menyesuaikan dengan gaya sobat, niche blog, hobi, karakter dan lain sebagainya. Namun template yang terbaik tentu saja tidak hanya keren di lihat namun juga harus sesuai dengan standart yang berlaku salah satunya adalah cepat, responsive,  SEO friendly dan lain sebagainya.
Berikut ini adalah Contoh Screenshotnya:
Berikut daftar beberapa fitur yang ada di template ini :

FiturKeterangan
SEO FriendlyTersedia
User FriendlyTersedia
ResponsiveTersedia
Youtube ResponsiveTersedia
BreadcrumdTersedia
Aouto ReadmoreTersedia
Erorr Page 404Tersedia
Share ButtonTersedia
SearchTersedia
Custom Deleted Comment Tersedia
Navigation MenuTersedia
Custom LabelTersedia
Threaded CommentTersedia
Related PostTersedia
Blog PagerTersedia
Widget FooterTersedia
And MoreTersedia

Bagi yang tertarik silahkan bisa sobat liat demo dan link downloadnya di bawah ini

Perhatian : jika anda tertarik mengunakanya diharapkan jangan menghilangkan atau mengubah credit footer ( Link Desain Template ) untuk menghargai kami sebagai pembuat template ini, sehingga kami juga lebih bersemangat memberikan update-update template terbaru buat anda. saya ucapkan terimakasih.
Download Template Ads Simple Responsive Blogger

Download Template Ads Simple Responsive Blogger

Halo Sobat Blogger,
Template ini sangat cocok bagi pengguna Google Adsense template ini didesain agar iklan yang muncul mudah di liat oleh pengunjung/visitor blog sobat.

Untuk memilih template terbaik sobat bisa menyesuaikan dengan gaya sobat, niche blog, hobi, karakter dan lain sebagainya. Namun template yang terbaik tentu saja tidak hanya keren di lihat namun juga harus sesuai dengan standart yang berlaku salah satunya adalah cepat, responsive,  SEO friendly dan lain sebagainya.
Berikut ini adalah Contoh Screenshotnya:
Berikut daftar beberapa fitur yang ada di template ini :

FiturKeterangan
SEO FriendlyTersedia
User FriendlyTersedia
ResponsiveTersedia
Youtube ResponsiveTersedia
BreadcrumdTersedia
Aouto ReadmoreTersedia
Erorr Page 404Tersedia
Share ButtonTersedia
SearchTersedia
Custom Deleted Comment Tersedia
Navigation MenuTersedia
Custom LabelTersedia
Threaded CommentTersedia
Related PostTersedia
Blog PagerTersedia
Widget FooterTersedia
And MoreTersedia

Bagi yang tertarik silahkan bisa sobat liat demo dan link downloadnya di bawah ini

Perhatian : jika anda tertarik mengunakanya diharapkan jangan menghilangkan atau mengubah credit footer ( Link Desain Template ) untuk menghargai kami sebagai pembuat template ini, sehingga kami juga lebih bersemangat memberikan update-update template terbaru buat anda. saya ucapkan terimakasih.
Download Template SEO Simple Responsive Blogger

Download Template SEO Simple Responsive Blogger

Halo Sobat Blogger,
Untuk memilih template terbaik sobat bisa menyesuaikan dengan gaya sobat, niche blog, hobi, karakter dan lain sebagainya. Namun template yang terbaik tentu saja tidak hanya keren di lihat namun juga harus sesuai dengan standart yang berlaku salah satunya adalah cepat, responsive,  SEO friendly dan lain sebagainya.
Berikut ini adalah Contoh Screenshotnya:
Download Template SEO Simple Responsive Blogger
Berikut daftar beberapa fitur yang ada di template ini :

Fitur Keterangan
SEO Friendly Tersedia
User Friendly Tersedia
Responsive Tersedia
Youtube Responsive Tersedia
Breadcrumd Tersedia
Aouto Readmore Tersedia
Erorr Page 404 Tersedia
Share Button Tersedia
Search Tersedia
Custom Deleted Comment  Tersedia
Navigation Menu Tersedia
Custom Label Tersedia
Threaded Comment Tersedia
Related Post Tersedia
Blog Pager Tersedia
Widget Footer Tersedia
And More Tersedia

Bagi yang tertarik silahkan bisa sobat liat demo dan link downloadnya di bawah ini

Perhatian : jika anda tertarik mengunakanya diharapkan jangan menghilangkan atau mengubah credit footer ( Link Desain Template ) untuk menghargai kami sebagai pembuat template ini, sehingga kami juga lebih bersemangat memberikan update-update template terbaru buat anda. saya ucapkan terimakasih.