Blogsipan: Template

Home Posts filed under Template

Showing posts with label Template. Show all posts

.dateHeader/>

Cara Membuat Widget Popular Post Ala Evo Magz

Membuat Popular Post Ala Evo Magz - Popular post merupakan sebuah widget untuk menampilkan daftar pos yang sering dikunjungi oleh visitor. Evo magz, template buatan mas sugeng yang banyak digunakan oleh para blogger di indonesia, evo magz merupakan template dengan tampilan yang sangat penuh dengan warna.

Cara Membuat Widget Popular Post Ala Evo Magz

Selain itu, widget popular post seperti evo magz juga bisa kamu pakai di template kamu dengan hanya menyelipkan beberapa kode css di template yang kamu gunakan.

cara membuat popular post seperti evo magz juga sangat mudah, berikut cara membuat Widget popular post ala evo magz :

Masuk ke dashboard blog
Pilih template
Klik Edit html
kemudian cari kode ]]></b:skin> atau </style> untuk mempermudah tekan ctrl+f
Kemudian pastekan kode css berikut di atas kode ]]></b:skin> atau </style>

/* Custom CSS for Blogger Popular Post Widget */
.PopularPosts ul,
.PopularPosts li,
.PopularPosts li img,
.PopularPosts li a,
.PopularPosts li a img {
margin:0 0;
padding:0 0;
list-style:none;
border:none;
background:none;
outline:none;
}
.PopularPosts ul {
margin:.5em 0;
list-style:none;
color:black;
counter-reset:num;
}
.PopularPosts ul li img {
display:block;
margin:0 .5em 0 0;
width:50px;
height:50px;
float:left;
}
.PopularPosts ul li {
background-color:#eee;
margin:0 10% .4em 0 !important;
padding:.5em 1.5em .5em .5em !important;
counter-increment:num;
position:relative;
}
.PopularPosts ul li:before,
.PopularPosts ul li .item-title a, .PopularPosts ul li a {
font-weight:bold;
color:#000 !important;
text-decoration:none;
}
.PopularPosts ul li:before {
content:counter(num) !important;
display:block;
position:absolute;
background-color:#333;
color:#fff !important;
width:22px;
height:22px;
line-height:22px;
text-align:center;
top:0px;
right:0px;
padding-right:0px !important;
}
/* Set color and level */
.PopularPosts ul li:nth-child(1) {background-color:#A51A5D;margin-right:1% !important}
.PopularPosts ul li:nth-child(2) {background-color:#F53477;margin-right:2% !important}
.PopularPosts ul li:nth-child(3) {background-color:#FD7FAA;margin-right:3% !important}
.PopularPosts ul li:nth-child(4) {background-color:#FF9201;margin-right:4% !important}
.PopularPosts ul li:nth-child(5) {background-color:#FDCB01;margin-right:5% !important}
.PopularPosts ul li:nth-child(6) {background-color:#DEDB00;margin-right:6% !important}
.PopularPosts ul li:nth-child(7) {background-color:#89C237;margin-right:7% !important}
.PopularPosts ul li:nth-child(8) {background-color:#44CCF2;margin-right:8% !important}
.PopularPosts ul li:nth-child(9) {background-color:#01ACE2;margin-right:9% !important}
.PopularPosts ul li:nth-child(10) {background-color:#94368E;margin-right:10% !important}
.PopularPosts .item-thumbnail {
margin:0 0 0 0;
}
.PopularPosts .item-snippet {
font-size:11px;
}
.profile-img{
display:inline;
opaciry:10;
margin:0 6px 3px 0;
}

merah

Kemudian simpan template

Sekian artikel kali ini tentang Cara Membuat Widget Popular Post Ala Evo Magz. Semoga bermanfaat dan jangan lupa tinggalkan komentar.

.dateHeader/>

Template

5 Template Terbaik Untuk Blogger

Comment

Template merupakan hal yang penting untuk sebuah blog. dengan adanya template, tampilan blog akan terlihat lebih indah. selain untuk keindahan, template juga berfungsi untuk meningkatkan kualitas SEO untuk blog yang kita kelola. Untuk itu, kehadiran template untuk blog sangatlah dibutuhkan untuk kelangsungan pengelolaan blog.

Selain itu, fungsi dari sebuah template juga untuk mengatur tata letak agar terlihat rapi dan lebih terlihat profesional tergantung dari template yang kalian gunakan di blog.

Untuk blog toko online silahkan baca 10 Template Toko Online Gratis Untuk Blogger

Membuat template bukan suatu hal yang mudah untuk dilakukan. selain membutuhkan skill dalam meng-coding html, javascript, dan lain-lain, banyak waktu yang dibutuhkan untuk membuat satu template yang sempurna untuk sebuah blog. Untuk menghemat waktu, kini template sudah banyak bertebaran di internet dan denga mudah dapat kita download dan terapkan langsung di blog yang kalian kelola.

Dari ribuan template yang ada, kalian mungkin akan bingung memilih template yang bagus dan baik untuk SEO blog. di kesempatan kali ini saya akan memberi referensi tentang 5 template terbaik untuk blogger yang akan saya bahas selanjutnya.

Berikut ini merupakan template yang saya filter dari kualitas SEO, kecepatan Loading dan Responsivenya. Berikut 5 Template Terbaik Untuk Blogger Serta Fitur-Fiturnya:

1. Evo Magz

5 Template Terbaik Untuk Blogger

Template Evo Magz buatan mas sugeng yang begitu fenomenal dikalangan blogger indonesia. dan saya salah satu pengguna template ini. Template yang 100% SEO ini sangat banyak memiliki keunggulan dan fitur-fitur yang kamu dapat jika menggunakan template ini.

Baca juga : Cara Setting Template Evo magz 100% SEO

Fitur Template Evo Magz :

100% Responsive
Custom Mobile Template
SEO Optimized
Ad and AdSense Optimized
Fully Customizable
Font Awesome
Breadcrumb
Auto Readmore
Related Posts
Share Buttons
Tab View Widget
Recent Post Widget
Numbered Page Navigation
Back to Top button
Custom Error page
Facebook Comments (new)
and much more

2. Johny Wuzz

5 Template Terbaik Untuk Blogger

Template Johny Wuzz merupakan salah satu template yang di gunakan oleh CB blogger ini memiliki keunggulan dalam hal kecepatan. selain sangat cepat loading, template ini juga SEO dan Responsive.

Fitur Template Johny Wuzz :

Simple template blogger with elegant look
Auto readmore without javascript
Fast loading
Stylish threaded comment
SEO friendly and visitor friendly
Sidebar toggle hide and show
Navigation menu dropdown
Ads ready and many more

3. BroSense

5 Template Terbaik Untuk Blogger

Template keren buatan mas sugeng ini dibagikan secara gratis. memang secara desain template ini kurang keren. tapi dibalik kekurangan pasti ada kelebihan. kekurangan di tampilan bisa dikalahkan oleh kelebihan untuk menaikan CTR adsense. bahkan seorang Eka Lesmana menganjurkan menggunakan template ini untuk melakukan pendaftaran adsense.

Fitur Dan Keunggulan Template BroSense :

SEO sudah dioptimalkan
Desain Responsive banget
Mudah dimodif lewat fitur perancang template
Sudah auto Readmore
Sudah terdapat Breadcrumb
Related Post juga sudah tersedia
Social Share Buttons
Facebook Comments
Loading super ngebut
Dan pastinya mampu ningkatin CTR Iklan

4. Sang SEO Responsive Blogger

5 Template Terbaik Untuk Blogger

Template Buatan kang mousir yang memiliki keunggulan dari kualitas SEO, Responsive, dan fast loading tentunya. Template Sang SEO Responsive ini merupakan template dengan menu yang komplit dalam satu paket. untuk mengetahui lebih langsung tentang keunggulan template ini kamu bisa mengunjungi web pembuatnya langsung di Kang-mousir.blogspot.com

Fitur Template Sang SEO Responsive:

100% Responsive
Valid HTML5 ( All Page )
Valid CSS3 ( All Page )
Valid Author Rich Snippet
SEO Friendly
User Friendly
Fast Loading
Webmaster Structured Data
Clean Design
HCard Author and Update ( Home Page, Post Page and Satic Page )
Auto Readmore
Breadcrumbs
Related Posts
Cool Threaded Comment
Share Button
Page Navigation
Custom Error Page
Custom Deleted Comment
Custom Navigation In Post Page
Custom Popular Post
Custom Label
Full Title Tag
Ads Ready
Dropdown Menu
Search button
Back Top Top Button
Recent Post By Tag
Navigation Menu With Social Icon
And more.

5. SEOsimple

5 Template Terbaik Untuk Blogger

Template buatan muhammad akram merupakan salah satu template yang juga di pos dalam artikel kang-mousir. master blog saja merekomendasikan template SEO simple ini, apa lagi saya yang masih nubi. untuk info lebih lanjut mengenai template SEOsimple ini, kamu bisa mengunjungi web pembuatnya langsung di www.kuncidunia.com dan kamu juga bisa mendownload lansung di webnya.

Itulah 5 referensi template terbaik menurut saya. kamu bisa mengunjungi si pembuat untuk mendapatkan langsung kelima template tersebut.

.dateHeader/>

Template

10 Template Toko Online Gratis Untuk Blogger

2 Comments

Template Toko Online Gratis Untuk Blogger - Media online sekarang sudah banyak digunakan untuk melakukan transaksi jual beli barang maupun jasa. selain itu, menggunakan media online sebagai tempat berjualan dapat mempermudah para penjual dan pembeli untuk melakukan negosiasi tanpa harus bertemu langsung.

Untuk itu, membuat sebuah website merupakan keharusan agar proses pembuatan toko online menjadi sempurna. membuat website tentunya kamu harus memiliki keahlian coding bukan? tentu memakan waktu, tenaga, dan dana yang lebih. untuk itu para desainer template kini mulai membuat template yang dikhususkan untuk toko online menggunakan Blogger.

Pembahasan mengenai artikel kali ini yaitu tentang Template Toko Online Gratis Untuk Blogger, Saya sudah menyiapkan list template blogger yang khusus dibuat untuk toko online dan juga tentang fitur singkatnya. berikut list Template Blogger khusus untuk toko online.

1. IndoToko