Tips Seo Agar Isi Blog Responsive - Untuk membuat supaya isi blog lebih bagus dilihatnya mapun bagus dalam hal
SEO maka diperlukan susunan yang rapi.Dan kali ini saya ingin berbagi
Bagaimana Agar Isi Blog Lebih Responsive memnag banyak sekarang tip-tips yang bertebaran di search engine dan semuanya memang bagus-bagus tinggal kita saja lagi yang pandai-pandai dalam memilih
Tips Seo Blog tersebut.Orang akan lebih tertarik melihat apabila blog kita tersusun dengan rapi disamping itu tampilan pada template pun berpengaruh juga karena semakin cantik tampilan templatenya semakin senang dan betah orang untuk berlama-lama diblog kita.Sekarang kita kembali pada
Seo Tips Blogspot untuk menyusun kerapian isi blog anda bisa pergunakan widget yang akan saya share tapi jangan khawatir widget ini tidak membuat loading blog kita jadi berat dan intinya ini aman dipergunakan pada blog kesayanagn kita.Berikut ini akan ini adalah tata cara pemasangan widget isi blognya yang mana widget ini ada saya rubah sedikit pada kode html nya jadi anda tak perlu ragu lagi untuk memasangnya.
☼Cara Memasang Widget Isi Blog Responsive☼
1. Login Ke Blogger.com
2. Pada Dasboard => Pilih Laman = > Laman Baru
3. Salin Kode Dibawah Ini Pada Formulir yang tersedia (Mode HTML bukan Compose)
<style>
#tocTable {
border:2px solid white;
font:normal normal 11px/normal Verdana,Tahoma,Arial,Sans-Serif;
color:#333;
border-collapse:collapse;
text-align:left;
margin:0 0 5px;
}
#tocTable th,
#tocTable td {
border:1px solid white;
background-color:#fafafa;
padding:10px 15px;
}
#tocTable th {
background-color:#5d5d5d;
font-weight:bold;
color:white;
text-shadow:0 1px 0 rgba(0,0,0,.3);
}
#th-1 {
width:60%;
background-color:#5A930D;
}
#th-2,#th-3 {width:20%}
#tocTable td.toc-header-col-1,
#tocTable td.toc-header-col-2 {
padding:0 !important;
background-color:#2372A7;
}
#tocTable td.toc-header-col-3 {background-color:#D7DEF0}
#tocTable a {
display:block;
text-decoration:none;
color:white;
padding:10px 15px;
background:none;
}
#tocTable td.toc-header-col-1:hover,
#tocTable td.toc-header-col-2:hover {
background-color:#174B6F;
-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,.4);
-moz-box-shadow:inset 0 0 3px rgba(0,0,0,.4);
box-shadow:inset 0 0 3px rgba(0,0,0,.4);
}
#tocSort {
display:block;
width:220px;
font:normal bold 12px/normal Verdana,Tahoma,Arial,Sans-Serif;
color:#333;
cursor:pointer;
border:none;
outline:none;
background-color:#eee;
margin:0 0 2px 0;
padding:5px;
}
</style> <script>
var theTotalPosts = 9999, // Tentukan jumlah maksimal posting
theOptions = "Sortir...", // Label opsi 1
theSortPosts = "Sortir berdasarkan Abjad", // Label opsi 2
theSortLabels = "Sortir berdasarkan Label", // Label opsi 3
theTitles = "Judul Artikel", // Header tabel 1
theLabels = "Label Artikel", // Header tabel 2
theDates = "Bulan Terbit", // Header tabel 3
theBlankLabels = "Tak Berlabel", // Label kosong
theSiteUrl = "http://ganti dengan blog anda.blogspot.com"; // URL blog kamu
</script> <script src="http://dte-project.googlecode.com/svn/trunk/toc-table-sort.js"></script>
Demikianlah
Tips Seo Agar Isi Blog Responsive.