Banyak trik membuat modifikasi berlangganan postingan via fedd atau email, satu diantaranya seperti screenshot berikut:
Ingin mencoba membuat formulir berlangganan postingan seperti itu? Ikuti tutorial berikut:
- Langkah Pertama tentu dalam keadaan login ke account blogger sobat. Pada Blogger Dashboard >> Klik Layout >> Edit HTML kemudian cari kode berikut ]]></b:skin>pada template sobat, setelah ketemu letakkan kode berikut sebelum kode tadi:
/*** Awal dari Formulir Berlangganan Posting ***/
#subscribe {
list-style: none;
margin: 0px;
}
#subscribe li {
padding: 10px;
position: relative;
margin-top: 0;
margin-right: 0;
margin-bottom: 5px;
margin-left: 0;
height: 64px;
}
#subscribe li h4 {
margin: 0 0 0 45px;
font-size: 24px;
line-height: 26px;
color: #333333;
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
display: block;
clear: none;
border: none;
}
#subscribe li p {
margin: 0 0 0 45px;
font-size: 13px;
letter-spacing: -0.02em;
clear: none;
}
#subscribe li img {
float: left;
position: relative;
padding: 0px;
margin: 0px 10px 0px 0px;
}
#subscribe li a.linkblock {
background: none;
border: none;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
position: absolute;
z-index: 50;
}
#subscribe li:hover {
background-color: #F5F5F5;
}
/*** Akhir dari Formulir Berlangganan Posting***/
#subscribe {
list-style: none;
margin: 0px;
}
#subscribe li {
padding: 10px;
position: relative;
margin-top: 0;
margin-right: 0;
margin-bottom: 5px;
margin-left: 0;
height: 64px;
}
#subscribe li h4 {
margin: 0 0 0 45px;
font-size: 24px;
line-height: 26px;
color: #333333;
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
display: block;
clear: none;
border: none;
}
#subscribe li p {
margin: 0 0 0 45px;
font-size: 13px;
letter-spacing: -0.02em;
clear: none;
}
#subscribe li img {
float: left;
position: relative;
padding: 0px;
margin: 0px 10px 0px 0px;
}
#subscribe li a.linkblock {
background: none;
border: none;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
position: absolute;
z-index: 50;
}
#subscribe li:hover {
background-color: #F5F5F5;
}
/*** Akhir dari Formulir Berlangganan Posting***/
- Simpan template.
- Langkah ke dua klik elemen halaman>> tambah gadget>> pilih HTML>> copy dan paste kode berikut pada kolom konten:
<li> <a class="linkblock" href=http://feeds.feedburner.com/elgehady title="Full RSS Feed"></a>
<img alt="Full RSS Feed" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0qJMEl9C1OGKC99rnuzgaaDrpV0ajqk_qSFylJzV4pkvBrD3zUmQIDCL8zyI04vsYEaWquqWZthnApSa_HlveudbkCuLskbdoLi37uOEfnSbdweZcMyHAyMMAb-xR_mCgtgdwmDRB7GE/s320/rss_feed.png"/> <h4>Full RSS Feed</h4> <p>Subscribe to our RSS Feed with full posts for your enjoyment.</p> </li>
<li> <a class="linkblock" href=http://feedburner.google.com/fb/a/mailverify?uri=elgehady title="E-Mail Delivery"></a>
<img alt="E-Mail Delivery" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin4W1lqZHM8-MIq97zejNGz16GMXKi4O0DAWyyMt4DwfA7KeQ0nfuR_T0ktF3eymeRcbRX_ubPYQR8kJpPJIU5P9y6QSRQRrrvHqOgF2pb_8QSs0DQULhqzFocPMoheEdvtGBXW8nyXs8/s320/email.png"/> <h4>E-Mail Delivery</h4> <p>We will send full blog posts to your inbox each time new posts plublished.</p> </li> </ul>
- Jangan lupa tuk mengganti id feedburner saya dengan id feed milik sobat, untuk image feed dan mail juga bisa sobat ganti sesuai selera.
- Simpan dan simpan lagi. Lihat hasilnya pada blog sobat.
Posts
1 komentar:
fontnya kecil amat sob
Post a Comment
"Komentar anda sangat bermanfaat untuk perkembangan blog ini. Jangan lupa adab berkomentar, dan jangan buang waktu untuk spam. Terima Kasih!!!."