Jumat, 21 Februari 2014

Cara Menempatkan Kode CSS Pada Template Blogger

Template merupakan bagian dari daya tarik suatu website atau blog, dan dengan design template yang indah serta didukung dengan tampilan yang kaya link seperti menu, postingan yang populer, postingan terkait dan lain sebagainya juga merupakan pendukung agar SEO.

Sebagai kode design yang dinamins, CSS banyak digunakan oleh webmaster untuk memperindah tampilan web atau blognya. Pada blogger, untuk menempatkan kode CSS bisa dengan external dan juga cara internal. untuk yang cara internal kita bisa menempatkan langkah sebagai berikut:
Login ke akun blog anda
Pilih Template > Edit
Lalu tempatkan kode CSS di antara <[[ dan ]]>, contoh:

------------------------------------------
<![CDATA[
.mobile .tabs-inner .PageList .widget-content {
  background: transparent;
  border-top: 1px solid;
  border-color: $(tabs.border.color);
  color: $(tabs.text.color);
}

.mobile .tabs-inner .PageList .widget-content .pagelist-arrow {
  border-$startSide: 1px solid $(tabs.border.color);
}
]]>
-------------------------------------------
Perlu diingat, biasanya diatas dari kode CSS bawaan template default dari blogger adalah nama-nama variabel dari template tersebut.
semoga bermanfaat

Artikel Terkait