Dewa Blogger: Hasil penelusuran untuk simple-button-demo-dan-download

Halaman

    Social Items

Home / Hasil penelusuran untuk simple-button-demo-dan-download

Simple Button Demo dan Download - Ok sudah cukup usang dalam beberapa hari ini aku jarang cek blog yang satu ini dan maaf jikalau aku terlambat menjawab semua komentar anda.

Kali ini aku akan membuatkan tips dan mencoba menjawab dari pertanyaan teman di blog ini, ok eksklusif saja

Memasang button menyerupai yang dipakai blog ini cukuplah mudah, anda hanya perlu menambahkan instruksi CSS dan HTML di bawah ini :

Sebelumnya anda sudah memasang font awesome pada template, jikalau belum silahkan tambahkan link dibawah ini sebelum </head>

<link href='//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet'/>

Buka Template > Edit HTML > Terapkan instruksi di bawah ini sebelum </style>

.whitebutton {     margin: 20px auto;     padding: 20px 0;     width: 200px; }  .whitebutton a {     background: #fff;     color: #666;     display: block;     font-size: 17px;     font-weight: 700;     font-family: 'Arial',Verdana,sans-serif;     height: 50px;     line-height: 50px;     text-align: center;     text-decoration: none;     text-transform: uppercase;     width: 200px;     position: relative;     z-index: 2; }  .whitebutton a:before {     content: '\f019';     font-family: FontAwesome;     font-weight: normal;     padding: 8px;     margin-left: -12px;     margin-right: 6px; }  .whitebutton span {     background: #444;     color: #fff;     display: block;     font-size: 12px;     font-family: 'Arial', Verdana,sans-serif;     height: 40px;     line-height: 40px;     text-align: center;     width: 200px;     z-index: 1;     text-transform: uppercase;     font-weight: bold; }  .whitebutton .up {     background: #e25734;     margin: -25px auto;     opacity: 0;     border-radius: 0 0 5px 5px;     transform: translate(0,-50px);     transition: 350ms; }  .whitebutton .down {     margin: -30px auto;     opacity: 0;     border-radius: 5px 5px 0 0;     transform: translate(0,-50px);     transition: 350ms; }  .whitebutton .down:before {     content:'\f14a';     font-family: FontAwesome;     font-weight: normal;     margin-right: 6px;     color: #aaa; }  .whitebutton:hover .up {     opacity: 1;     transform: translate(0,0); }  .whitebutton:hover .down {     opacity: 1;     transform: translate(0,-90px); }  .whitebuttondemo {     margin: 20px auto;     padding: 20px 0;     width: 200px; }  .whitebuttondemo a {     background: #e25734;     color: #fff;     display: block;     font-size: 17px;     font-weight: 700;     font-family:'Arial',Verdana,sans-serif;     height: 50px;     line-height: 50px;     text-align: center;     text-decoration: none;     text-transform: uppercase;     width: 200px;     position: relative;     z-index: 2;     transition: 350ms; }  .whitebuttondemo a:before {     content:'\f002';     font-family: FontAwesome;     font-weight: normal;     padding: 8px;     margin-left: -12px;     margin-right: 6px; }  .whitebuttondemo a:hover {     color: #fff; }  .whitebuttondemo span {     background: #444;     color: #fff;     display: block;     font-size: 12px;     font-family: 'Arial', Verdana,sans-serif;     height: 40px;     line-height: 40px;     text-align: center;     width: 200px;     z-index: 1;     text-transform: uppercase;     font-weight: bold; }  .whitebuttondemo .up {     background: #444;     margin: -25px auto;     opacity: 0;     border-radius: 0 0 5px 5px;     transform: translate(0,-50px);     transition: 350ms; }  .whitebuttondemo:hover .up {     opacity: 1;     transform: translate(0,0); }

1. Bagi yang menggunakan Gunakan tag <br>

Terapkan HTML berikut di postingan pada tab HTML (bukan compose)

<div class="whitebuttondemo"> <a href="#" target="_blank">Demo</a><br> <span class="up">click to view</span></div> <br> <div class="whitebutton"> <a href="#" target="_blank">Download</a><br> <span class="up">click to begin</span><br> <span class="down">1.6MB .rar</span></div>

2. Bagi yang memakai Tekan "Enter" untuk baris baru

 Terapkan HTML berikut di postingan pada tab HTML (bukan compose)

<div class="whitebuttondemo">       <a href="#">Demo</a>       <span class="up">click to begin</span>     </div>  <div class="whitebutton">       <a href="#">Download</a>       <span class="up">click to begin</span>       <span class="down">1.6MB .rar</span>     </div>

Kemudian isikan link tautan anda pada instruksi yang aku tandai "#", selesai.

Hasilnya akan tampil menyerupai di bawah ini

Demo
click to view

Download
click to begin
1.6MB .rar



Cukup gampang bukan, silahkan dikreasikan kembali dan selamat mencoba.

Source :

Simple Button Demo Dan Download

merupakan template dengan tampilan grid dan satu kolom pada halaman postingan yang tentun Simple Grid Responsive Blogger Template

Simple Grid Responsive Blogger Template - Simple Grid merupakan template dengan tampilan grid dan satu kolom pada halaman postingan yang tentunya sudah Responsive dan SEO Friendly.

Template ini dibentuk khusus untuk sahabat yang lebih menyukai blog dengan tampilan grid dan lebih fokus ke konten yang terdapat pada blog.


Features Availability
Responsive True Cek
SEO Friendly True Cek
Google Testing Tool Validator True Cek
Mobile Friendly True Cek
Dynamic Heading True
Masonry Plugin True
Grid Based Layout True
1 Column Style True
3 Column Footer True
Google Friendly True
Custom Threaded Comment True
Responsive Ad Slot True
Clean Typography True
Minimalist True
Breadcrumbs True
Top Navigation True
Fixed Responsive Dropdown Navigation True
Light Base Theme Color True
Related Posts True
Search Box True
Social Share Button True
Smooth Scroll back To Top True
Custom Subscribe Box Widget True
Custom Contact Form Widget True
Sitemap Widget True
Multi Author Box True
Well Documentation True

Bagi yang ingin mencobanya, silakan lihat demo berikut link download di bawah ini :

Password Rar : simplegrid



Bagi yang tertarik dengan versi premium dari template ini, silakan pesan dengan harga 70 ribu penerimaan hanya melalui rekening BRI.


Untuk selebihnya silakan sanggup sahabat kreasikan sendiri, terima kasih.

Simple Grid Responsive Blogger Template

Simple SEO merupakan template responsive dengan tampilan yang terinspirasi dari template Simple SEO Responsive Blogger Template

Simple SEO Responsive Blogger Template - Simple SEO merupakan template responsive dengan tampilan yang terinspirasi dari template Super SEO yang pernah dibagikan oleh +Kang Ismet di blognya.

Simple SEO merupakan template responsive dengan tampilan yang terinspirasi dari template Simple SEO Responsive Blogger Template

Template ini dibentuk khusus dengan tampilan yang sederhana dan ringan namun dilengkapi dengan fitur yang diperlukan blogger ketika ini.

Features Availability
Responsive True Cek
SEO True Cek
Google Testing Tool Validator True Cek
Custom Threaded Comment True
Dynamic Heading True
2 Column True
Light Base Theme Color True
Auto Read More with Thumbnail True
Responsive Ad Slot True
Breadcrumbs True
Related Posts True
Search Box True
Social Share Button True
Responsive Dropdown Menu True
Multi Author Box True
Smooth Scroll back To Top True
Better Print Page Layout True
Custom Contact Form Widget True
Custom Subscribe Box Widget True
Custom Error Page True
Well Documentation True

Hasil skor menurut GTMetrix

Simple SEO merupakan template responsive dengan tampilan yang terinspirasi dari template Simple SEO Responsive Blogger Template

Bagi yang ingin mencobanya, silakan lihat demo berikut link downloadnya di bawah ini :

Password Rar : arlinadesign2015


Bagi yang tertarik dengan versi premium dari template ini, silakan pesan dengan harga 50 ribu melalui rekening.

Simple Seo Responsive Blogger Template

G Vusion 2 Update Responsive Blogger Template - Kali ini akan mengembangkan kembali sebuah template blogger yaitu G Vusion 2 Update.

akan mengembangkan kembali sebuah template blogger yaitu G Vusion 2 Update Responsive Blogger Template

Ya, G vusion 2 ialah template yang pernah aku bagikan di awal-awal artikel blog ini, namun kali ini merupakan Update dari versi 2.

Kenapa bukan G Vusion 3? Mungkin versi yang akan aku bagikan ini belum layak untuk disebut versi 3, sebab perubahannya tidak terlalu banyak dan juga aku template ini tanpa ada rencana sedikitpun. Tadinya hanya memenuhi request teman blogger untuk memperbaiki kepingan read-more postingan yang error saja, tapi memang dasarnya tukang oprek jadi aku bereksperimen hingga memperbaiki dan mengganti tampilan template G Vusion 2 menyerupai preview gambar di atas.

Lihat juga : G Vusion 2 Responsive Blogger Template

Ok, pribadi saja bagi yang ingin mencoba template ini. Silakan lihat fitur, demo, dan link downloadnya

Features Availability
Responsive True Cek
SEO True Cek
Mobile Friendly True Cek
Personal Blog True
Custom Threaded Comment True
2 Column True
Simple Flat Design True
Auto Read More with Thumbnail True
Responsive Ad Slot True
Breadcrumbs True
Related Posts with Thumb True
Search Box True
Social Share Button True
Sidebar Tab Widget True
Translation Ready True
Social Links Widget True
Smooth Scroll back To Top True
Recent Posts by Label True
Subscribe Box Widget True
Sitemap Widget True
Well Documentation True


Bagi yang berminat dengan versi premiumnya, silakan pesan dengan harga Rp 50.000. Penerimaan hanya melalui rekening BRI.


Walaupun template ini hanya dibentuk dengan sederhana, namun mudah-mudahan sanggup bermanfaat bagi teman blogger. Terima kasih.

G Vusion 2 Update Responsive Blogger Template


Lycoris 2.1 Responsive Blogger Template - Pada kesempatan ini aku akan share template Lycoris versi ke 2.1, yang yang merupakan update dari versi 2 yang sebelumnya pernah aku share disini.

Versi sebelumnya : Lycoris 2 Responsive Blogger Template

Untuk versi 2.1 ini tidak jauh berbeda dengan versi sebelumnya, disini aku hanya mengubah sedikit tampilan menjadi lebih simple dan perbaikan kecil lainnya.

Fitur :

Features Availability
Responsive True Cek
SEO True Cek
Masonry Grid Layout True
Custom Threaded Comment True
Sidebar Recent Post Slider True
1 Column (Homepage) True
2 Column (Postpage) True
Light Base Theme Color True
Simple Flat Design True
Auto Read More with Thumbnail True
Responsive Ad Slot True
Breadcrumbs True
Top Navigation True
Main Navigation True
Top Social Bookmark True
Related Posts with Thumb True
Search Box True
Social Share Button True
Custom 404 Page True
Smooth Scroll back To Top True
Better Print Page Layout True
Custom Subscribe Box Widget True
Sitemap Widget True
Well Documentation True

Bagi yang tertarik dengan template ini, silahkan lihat demo dan link downlodnya di bawah ini :

Lycoris 2.1 Responsive Blogger Template

New Minima Colored Responsive Blogger Template New Minima Colored

New Minima Colored - Sobat blogger, kali ini Saya akan membuatkan template kembali adalah New Minima Colored 2015.

Template Minima Colored ini pernah Saya bagikan sebelumnya di postingan pertama membuatkan template blog ini.

Lihat juga - Minima Colored 2.1 Responsive Blogger Template

Tampilan dasar dari New Minima Colored ini tidak jauh berbeda dengan sebelumnya. Versi kali ini merupakan adonan dari versi sebelumnya dan beberapa fitur dari template Revoltify. Ada beberapa fitur yang dihilangkan dan ada juga beberapa fitur yang ditambahkan yang menciptakan template ini lebih fresh dari sebelumnya.

Berikut beberapa fitur dari template ini

Features Availability
Responsive True Cek
SEO True Cek
Google Testing Tool Validator True Cek
Custom Mobile Version True Cek
Custom Threaded Comment True
Dynamic Heading True
2 Column True
Light Base Theme Color True
Simple Flat Design True
Auto Read More with Thumbnail True
Responsive Ad Slot True
Breadcrumbs True
Related Posts with Thumb True
Search Box True
Social Share Button True
Mini Homepage Share Button True
Sidebar Tab Widget True
Recent Post Widget True
Recent Comment Widget True
Custom 404 Page True
Smooth Scroll back To Top True
Better Print Page Layout True
Custom Subscribe Box Widget True
Sitemap Widget True Add
Contact Form Widget True Add
Well Documentation True Get

Add = Tidak perlu menambahkan CSS.


Kebetulan versi kali ini Saya bagikan gratis, silakan dapat sahabat download disini


Update 2017


Update

New Minima Colored Responsive Blogger Template New Minima Colored

Bagi yang ingin mendapat versi premium dari template ini, silakan pesan dengan harga 70rb penerimaan hanya melalui rekening BRI. Dalam versi premium ini sudah banyak yang diperbaiki dan tentunya lebih dioptimalkan dari versi sebelumnya (free).


Setingan template :

Sesuaikan opsi template dengan screenshot di bawah ini (klik new tab untuk memperbesar gambar)

Post Layout


Widget Subscribe Box


Format Waktu


Umpan Situs


Setelan Post


Jump Break


Custom Mobile Template


Menampilkan Tampilan Desktop Pada Versi Mobile (Alternatif)

New Minima Colored Responsive Blogger Template New Minima Colored

New Minima Colored

sekarang Saya akan membuatkan kembali template hasil redesign dari template New Minima Colored Redesign

New Minima Colored Redesign - Setelah kemarin membuatkan template View Responsive Grid Blogger Template yang bernuansa photography, sekarang Saya akan membuatkan kembali template hasil redesign dari template New Minima Colored yang pernah Saya bagikan sebelumnya disini.

Template kali ini sengaja dibentuk atas undangan sahabat blogger untuk menciptakan versi ringan dari template new minima colored dan tentunya ada beberapa fitur yang dihilangkan dari template ini sehingga ketika proses memuat halaman menjadi lebih cepat dan ringan.

Untuk fitur dapat sahabat lihat di bawah ini :

Features Availability
Responsive True Cek
SEO True Cek
Google Testing Tool Validator True Cek
Custom Threaded Comment True
Dynamic Heading True
2 Column True
Light Base Theme Color True
Simple Flat Design True
Auto Read More with Thumbnail True
Responsive Ad Slot True
Breadcrumbs True
Related Posts with Thumb True
Search Box True
Social Share Button True
Smooth Scroll back To Top True
Better Print Page Layout True
Custom Subscribe Box Widget True
Contact Form Widget True
Well Documentation True

Hasil skor menurut GTMetrix

sekarang Saya akan membuatkan kembali template hasil redesign dari template New Minima Colored Redesign

Bagi yang ingin mencobanya, silakan lihat demo berikut link downloadnya di bawah ini :

New Minima Colored Redesign

G Vusion 2 Responsive Blogger Template

G Vusion 2 Responsive Blogger Template

TAMPILAN :


Features Availability
Responsive True Cek
SEO True Cek
Google Testing Tool Validator True Cek
Custom Mobile Version True Cek
Valid HTML5 Threaded Comment True
2 Column True
Light Base Theme Color True
Simple Flat Design True
Auto Read More with Thumbnail True
Responsive Ad Slot True
Breadcrumbs True
Related Posts with Thumb True
Search Box True
Social Share Button True
Sidebar Tab Widget True
Translation Ready True
Flickr Image Gallery True
Custom 404 Page True
Smooth Scroll back To Top True
Better Print Page Layout True
Custom Subscribe Box Widget True
Sitemap Widget True
Well Documentation True


Perbaikan :

Memperbaiki halaman 404 redirect

Cari dan ganti semua aba-aba di bawah ini

<b:if cond='data:blog.pageType == &quot;error_page&quot;'> <style type='text/css'> .ct-wrapper, .header-wrapper, #header, #post-wrapper, #outer-wrapper, #footer-wrapper, #sidebar-wrapper, #credit, #social_networks {display:none;} </style> </b:if>

Dengan aba-aba ini

<b:if cond='data:blog.pageType == &quot;error_page&quot;'> <style type='text/css'> .ct-wrapper, .header-wrapper, #header, #post-wrapper, #sidebar-wrapper, #social_networks {display:none;} </style> </b:if>

G Vusion 2 Responsive Blogger Template

Langganan: Postingan (Atom)