PANDUAN BLOGnih

Tampilkan postingan dengan label Desain. Tampilkan semua postingan

Senin, 08 Desember 2014

Inilah Cara Mengubah Tahun Copyright Footer Blog Otomatis Rubah

Ini adalah cara mencantumkan tahun yang sedang berjalan di blog atau website pada umumnya, contohnya Copyright (c) 2014 Nama Blog. All rights reserved.

Setiap pergantian tahun, maka tahun copyright di footer blog Anda pun harus diubah dong nanti, misalnya dari 2014 menjadi 2015.

Nah, dengan sebuah kode, kita gak usah repot-repot edit HTML template untuk mengubahnya setiap pergantian tahun. Kode ini akan otomatis menampilkan tahun yang sedang berjalan, tanpa harus edit template.

Cara Mengubah Tahun Copyright Footer Blog secara Otomatis

Jika kode copyright di footer blog Anda sudah seperti kode di bawah ini, tentu tidak harus diubah lagi.

Jika kodenya biasa saja, misalnya seperti ini:

Maka, ubahkan dengan kode berikut ini:

Copyright © <script type='text/javascript'>var creditsyear = new Date();document.write(creditsyear.getFullYear());</script> <a expr:href='data:blog.homepageUrl'><data:blog.title/></a>. All rights reserved.

Cara mengubahnya:
1. Template > Edit HTML
2. Cari (Ctrl+F) kode "Copyright" (biasanya di bagian bawah)
3. Pastikan kodenya seperti kode di atas. Jika tidak, ganti (replace) dengan kode di atas.
4. Save Template!

Dengan begitu, maka tahun copyright di footer kita akan berubah secara otomatis tiap pergantian tahun.

Hasilnya akan seperti ini:
Copyright © 2014 Contoh Blog. All Rights Reserved.

Tahun depan akan seperti ini:

Senin, 01 Desember 2014

Panduan Cara Membuat Widget Popular Posts Bagus di Blog

Membuat Widget Popular Posts Bagus seperti yang bisa dilihat di blog-blog orang sangat gampang. Anda tinggal menambahkan kode CSS di template blog.

Namun, sebelumnya, tentu Anda harus memasang dulu Widget Popular Postnya di Sidebar blog.

Popular posts berfungsi sebagai navigasi menu dan internal link yang bagus buat blog dan dianjurkan oleh Google. Dengan internal link, blog kita jadi User Friendly.

Salah satu Cara Membuat Widget Popular Posts Keren di Blog:

Di Blogger Dashboard, klik menu "Layout"
Klik “Add a Gadget” di Sidebar
Tambahkan/Pilih “Popular Posts Widget”
Centang pilihan sesuai selera, bisa dengan gambar, ringkasan, atau dua-duanya. Bisa juga cuma judul doang.
Save!

Langkah menambah style Popular Post Widget

Klik menu "Template" > "Edit HTML"
Cari (Ctrl + F) kode </b:skin>
Copy + Paste kode berikut ini sebelum atau di atas kode </b:skin> tadi.

.popular-posts ul {
padding-left: 0px;
counter-reset: popcount;
}
.popular-posts ul li:before {
list-style-type: none;
margin-right: 15px;
padding: 0.3em 0.6em;
counter-increment: popcount;
content: counter(popcount);
font-size: 16px;
background: #292D30;
color: #ffffff;
position: relative;
font-weight: bold;
font-family: georgia;
float: left;
border: 2px solid #dddddd;
box-shadow: 1px 2px 9px #666666; }
.popular-posts ul li {
border-bottom: 1px dashed #dddddd;
}
.popular-posts ul li:hover {
border-bottom: 1px dashed #696969;
}
.popular-posts ul li a {
text-decoration:none; color:#5A5F63;
}

.popular-posts ul li a:hover {
text-decoration:none;
}

Selamat, Anda sudah Membuat Widget Popular Posts Keren di Blog!

Cara Membuat Navigasi Halaman Blog dengan Nomor

Cara Membuat Navigasi Halaman Blog (Numbered Page Navigation) dengan Nomor di bagian bawah Homepage.

NAVIGASI halaman merupakan bagian dari internal link (tautan internal) yang dianjurkan oleh Google. Fungsinya untuk memudahkan user mengeksplorasi konten blog kita.

Demonya bisa dilihat di bagian bawah halaman depan (Home) blog ini.

Berikut ini cara mudah membuat Numbered Page Navigation atau Navigasi Halaman blog:

1. Template > Edit HTML
2. Copas kode berikut ini di bawah kode ]]></b:skin>

#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}

.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{font-size: 14px;padding: 5px 12px;margin-right:5px; color: #666; background-color:#eee;}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#359BED;text-decoration:none;color: #fff;}
#blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#359BED;}
.showpageOf{display:none!important}
#blog-pager .pages{border:none;}

3. Copas kode berikut ini di atas </body>

<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<script type='text/javascript'>
/*<![CDATA[*/
var perPage=7;
var numPages=6;
var firstText ='First';
var lastText ='Last';
var prevText ='« Previous';
var nextText ='Next »';
var urlactivepage=location.href;
var home_page="/";
/*]]>*/
</script>
<script src="http://helplogger.googlecode.com/svn/trunk/page-navigation2.js"/>
</b:if>
</b:if>

4. Save template!

Model atau gaya Navigasi Halaman Blog dengan Nomor lainnya bisa dilihat di Help Blogger.*

Memasang Tombol Pinterest di Gambar Posting Blog

Cara Menambah, Menampilkan, atau Memasang Tombol Pinterest di Gambar Posting Blog.

PINTEREST merupakan salah satu media sosial yang terus berkembang dan kian populer. Media sosial yang mirip instagram --fokus ke gambar/foto-- ini bisa mendongkrak popularitas blog dan menambah seo social media blog.

Kita bisa Memasang Tombol Pinterest di Gambar Posting Blog agar user atau kita sendiri dengan mudah share gambar dan posting blog ke akun Pinterest.

Btw, membuat akun di Pinterest bagus buat membuat backlink gratis blog kita, sekaligus Social Media SEO --salah satu dari 3 pilar seo blog selain link dan konten.

Ini dia cara Memasang Tombol Pinterest di Gambar Posting Blog

1. Template > Edi HTML
2. Copas kode berikut ini di atas kode </body>

3. Save template!

Selamat, Tombol Pinterest sudah terpasang di Gambar Posting Blog Anda!

Belum punya akun pinterest? Buat Sekarang!

Membuat Subjudul (Subtitle) untuk SEO Posting Blog

Membuat Subjudul Posting Blog Agar Lebih SEO & User Friendly

UNTUK bersaing dengan blogger lain, posting blog kita harus dioptimalkan SEO-nya.

Membuat Subjudul (Subtitle) merupakan salah cara untuk memperkuat SEO Posting Blog (SEO Onpage).

Selain itu, subjudul juga akan menarik perhatian pengunjung (eye catching). Skema judul dalam tulisan di blog kita akan menjadi seperti ini:

Judul (Title): Add a Subtitle to a Blogger Blog
Subtitle (Subjudul): Make Your Posts More Search Engine Friendly and User Friendly

Ini dia cara Membuat Subjudul (Subtitle) untuk SEO Posting Blog:

1. Di Dashboard Blogger, klik "Template" > "Edit HTML"
2. Cari (Ctrl+F) kode </b:skin>
3. Copy and + Paste kode berikut ini dan simpan di atas/sebelum kode </b:skin> tadi.

.subtitle{
font-family:Trebuchet MS',Verdana,Arial,Sans-serif;
font-size:15px;
color: #ca1717;
line-height:20px;
}

Anda bisa ganti warna subjudul dengan mengganti kode warna color: #ca1717 menjadi kode warna HTML lainnya.

4. Save Template!

5. Buat posting baru atau edit posting lama yang akan ditambahkan Subjudul.

6. Copy + Paste kode berikut ini di bagian teratas sebelum isi posting (sebelum alinea pertama tulisan).

<div class="subtitle">Subtitle Text. Please Substitute for your own text</div>

7. Masukkan Subjudul ke bagian yang berwarna merah dalam kode di atas.
9. Klik Publish!!! Beres......

Membuat Subjudul juga bisa di tengah postingan. Caranya: gunakan Subheading di subjudul posting blog.

Sumber

Tab 1 Top Area

Panduan SEO

Bisnis Online

Recent Post