Arifin B P Spot

" Tidak Semua Benar, Hanya Perlu Anda Pahami "

Mempercantik Widget Jetpack Email Subscription

Jetpack merupakan plugin yang banyak digunakan oleh pengguna WordPress khususnya self hosted. Jetpack memiliki banyak fitur dan widget yang bisa digunakan untuk memaksimalkan blog.

Mulai dari sharing toolsratingrelated postspam protectionemail subscription dan masih banyak yang lainnya.

Dalam kesempatan kali ini saya ingin memberikan tips dimana salah satu widget yang disediakan oleh Jetpack yaitu email subcription, akan dipercantik dengan sedikit penambahan CSS.

Apa itu widget email subcriptionWidget email subscription banyak digunakan oleh pemilik blog guna mendapatkan pelanggan tetap, seperti layaknya langganan koran.

Setiap hari akan diberikan koran untuk bahan bacaan, di blog juga demikian cukup mendaftarkan email maka email terdaftar akan mendapatkan artikel setiap waktu ketika blog melakukan update artikel.

Sebenarnya tidak hanya menggunakan Jetpack untuk bisa membuat widget ini, ada yang menggunakan feedburner dalam hal ini. Namun karena mungkin kebanyakan pengguna WordPress menggunakan plugin ini maka saya akan memberikan tipsnya khusus untuk Jetpack.

Mungkin cukup basa basinya ya hehe, kita langsung masuk saja ke dalam pembahasan sesuai dengan judul artikel. Disini saya anggap Anda sudah mengerti tentang cara menambahkan widget email subscription dari Jetpack.

Di menu widget admin blog berbasis WordPress tinggal kita tambahkan saja Langganan Blog (Jetpack) dan letakkan widget tersebut sesuai selera Anda, bisa di samping kanan, samping kiri, atas, bawah itu terserah Anda.

Dalam pengaturan widget tersebut akan ada beberapa kolom yang perlu diisi mulai dari teks untuk ditampilkan ke pembaca, tulisan input di dalam kolom email, tulisan di tombol berlangganan dan lainnya seperti gambar di bawah ini.Widget email subscription

Kalau kita simpan maka akan menghasilkan widget seperti gambar di bawah iniTampilan widget

Tampilannya sangat sederhana dan mungkin tidak selaras dengan warna dari tema yang Anda gunakan sehingga kurang nyaman untuk dilihat. Oleh karena perlu dilakukan editing terhadap tampilan tersebut agar lebih cantik dan menarik sehingga selaras dengan warna tema.

Dalam editing widget tersebut saya akan menghilangkan tulisan “Mau langganan artikel blog….“, sehingga cukup dengan tampilan judul widget, kolom input email dan tombol berlangganan.

Baca Juga :   Inilah Beberapa Keuntungan Jika Memiliki Blog

Berikut saya berikan cara untuk merubahnya

  • Pertama masuk ke menu Admin di WordPress kemudian klik Tampilan>Edit CSS dan akan muncul lembar kerja seperti iniEdit CSS
  • Kemudian tambahkan kode di bawah ini (di bawah */)
#subscribe-email input { //ID Selector untuk bagian kolom input email
width: 94%; //Lebar kolom input email
height: auto; //Tinggi kolom input email
padding: 10px 8px; //Untuk mengatur jarak dari dalam kolom
color: black; //Warna teks di dalam kolom input
font-size: 15px; //Ukuran teks
float: left; //Mengatur sisi luar
border: 1px solid #00A1E0; //Tebal dan warna border
margin: 0; //Mengatur jarak setelah border
}
.jetpack_subscription_widget input[type=”submit”] { //ID Selector untuk bagian tombol berlangganan
background: #00A1E0; //Warna background
color: white; //Warna teks
width: 100%; //Lebar tombol
height: auto; //Tinggi tombol
padding: 10px 8px; //Untuk mengatur jarak dari dalam tombol
font-size: 15px; //Ukuran teks di dalam tombol
}
  • Langkah terakhir tinggal kita Simpan Stylesheet dan lihat hasilnya di dalam widget tersebut seperti gambar di bawah ini Hasil edit CSS

Hasil dari edit CSS menjadi lebih sederhana dan selaras dengan warna tema bukan?

Contoh CSS di atas adalah contoh yang saya sesuaikan dengan tema blog saya, jika Anda menggunakan tema dengan warna lain bisa Anda sesuaikan sesuai selera.

Bisa mengubah bagian width, height, font-size, color, background, padding, margin dan lainnya untuk menghasilkan pengaturan yang sesuai selera Anda. Cukup mudah bukan? Silahkan dicoba 🙂 .

The Author

Arifin Budi P

Penulis konten yang tidak bermutu, namun bermanfaat bagi sebagian orang. “Sampaikanlah dariku walau hanya satu ayat” (HR. Bukhari)

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Arifin B P Spot © 2016 Frontier Theme