Cara mudah membuat halaman info pada blogspot


Faronesia.com - Halaman info pada blog sangatlah penting untuk beberapa blogger, selain sebagai pelengkap menu juga sebagai sarana para pembaca untuk melihat info-info terupdate pada blog tersebut, contohnya seperti, info penonaktifkan blog sementara waktu, info giveaway, info pemenang quiz, dan lain sebagainya. Nah disini admin sudah menyiapkan kode css dan htmlnya, anda tinggal menempelkan sesuai perintah yang tertera pada tutorial ini.

Namun sebelum melanjutkan, seperti biasa, agar pemasangannya berjalan dengan lancar ada baiknya anda membackup template blog anda sebelum di modifikasi. Hal ini berguna untuk jaga-jaga jika anda salah menempelkan kode yang menyebabkan error pada template.

Cara membuat halaman info pada blogspot

  • Masuk dashboard blog anda
  • Lalu masuk ke menu tema
  • Cari kode </b:skin> atau </style>
  • Tempelkan kode css dibawah ini tepat diatas kode </b:skin> atau </style>
.faronesia-section{
  width: 100%;
  background: #f1f1f1;
  padding: 40px 0;
  border: 2px solid #0081ff;
  border-radius: 10px;
}
.faronesia-width{
  max-width: 1000px;
  overflow: hidden;
  padding: 0 20px;
  margin: auto;
}
.faronesia-section h1{
  text-align: center;
}
.border{
  width: 100px;
  height: 3px;
  background: #0081ff;
  margin: 40px auto;
}
.faronesia{
  padding-right: 0px;
}
.faronesia p{
  text-align: justify;
  margin-bottom: 20px;
  padding: 5px;
}
.faronesia a{
  display: inline-block;
  color: #0081ff;
  text-decoration: none;
  border: 2px solid #0081ff;
  border-radius: 24px;
  padding: 8px 40px;
  transition: 0.4s linear;
}
.faronesia a:hover{
  color: #fff;
  background: #0081ff;
}
  .faronesia{
    text-align: center;
  }
  • Lalu buatlah halaman dengan nama info atau sejenisnya, selanjutnya tempelkan kode html pada kolom html (bukan compose) dibawah ini:
<div class="faronesia-section">
        <div class="faronesia-width">
          <h1>info faronesia</h1>
          <div class="border"></div>
          <div class="faronesia-section-row">
              <div class="faronesia">
                <p>
                  Faronesia juga menyediakan beberapa fitur untuk para pengunjung agar lebih interaktif terhadap website faronesia seperti, partner web, menu tanggapan untuk memberikan apresiasi, kritik dan saran terkait website faronesia dan masih banyak lagi.
                </p>
                <a href="#">Read More</a>
              </div>
            </div>
  • Selanjutnya, simpan halaman yang telah anda buat.
Demonya lihat dibawah ini

info faronesia

Faronesia juga menyediakan beberapa fitur untuk para pengunjung agar lebih interaktif terhadap website faronesia seperti, partner web, menu tanggapan untuk memberikan apresiasi, kritik dan saran terkait website faronesia dan masih banyak lagi.
Read More
Demikianlah mengenai Cara membuat halaman info pada blogspot semoga bermanfaat untuk para pembaca dimanapun anda berada. jangan lupa share dan jika ingin tanggapan serta masukan silahkan di kolom komentar yang telah tersedia dibawah postingan ini.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel