Saat ini banyak para Blogger memasang Kotak Berlangganan (Subscription Box) di Blog mereka. Apalagi postingan dia yang sudah banyak melebihi 500 postingan, wajib pasang beginian tuh, diantaranya ada yang memasang dibagian footer, sidebar dan seperti tutorial kali ini memasang di bawah postingan. Oke langsung saja kita praktekan..
Demo Kotak Berlangganan dibawah Postingan
Cara Pertama :
1. Buka Blogger -> Login Blogger.
2. Dashboard -> Edit HTML
3. Temukan kode ]]></b:skin> atau kode </style>
4. Copy-paste kode dibawah ini, dan letakkan tepat Diatas kode ]]></b:skin> atau kode </style>
.berlangganan-box {
border-top: 1px solid #E9E9E9;
border-bottom: 1px solid #E9E9E9;
padding: 15px;
margin:0;
text-align:center;
}
.berlangganan-box input.email-address[type="text"] {
width:60%;
padding:10px;
border:1px solid #ddd;
text-align:center;
border-radius: 4px;
outline:none;
background: #fff;
}
.berlangganan-box input.submit-email[type="submit"] {
transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;
padding:10px 15px;
background:#07ACEC;
border-radius: 4px;
color:#fff;
border:none;
font-weight:bold;
border-bottom: 3px solid #0D9AD0;
outline:none;
}
.berlangganan-box input.submit-email[type="submit"]:hover {
background:#0D9AD0;
cursor:pointer;
}
.berlangganan-box input.email-address[type="text"]:focus {
box-shadow:0 0 2px #106FE4;
}
5. Temukan kode <div style='clear: both;'/> Jika sudah?
6. Copy-paste kode berikut ini dan letakkan tepat dibawah kode <div style='clear: both;'/>
<form action='https://feedburner.google.com/fb/a/mailverify?uri=MayCyber-Download/HBiCa' method='post' onsubmit='window.open('https://feedburner.google.com/fb/a/mailverify?uri=MayCyber-Download/HBiCa', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
<p>Berlangganan via email (gratis):</p><p><input class='email-address' name='email' placeholder='Masukan alamat email...' type='text'/></p><input name='uri' type='hidden' value='MayCyber-Download'/>
<input name='loc' type='hidden' value='en_US'/>
<p><input class='submit-email' type='submit' value='Berlangganan'/></p>
</form>
NB : Silakan Ganti Tulisan Berwarna Merah dengan ID Feed Anda.
Update !
Jika kode <div style='clear: both;'/> susah ditemukan/tidak ada kode tersebut? Silakan ikuti langkah-langkah berikut ini.
Silakan cari kode yang mirip dengan kode dibawah.
<b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
Terakhir Tinggal Taro kode berikut ini dibawahnya..
<form action='https://feedburner.google.com/fb/a/mailverify?uri=MayCyber-Download/HBiCa' method='post' onsubmit='window.open('https://feedburner.google.com/fb/a/mailverify?uri=MayCyber-Download/HBiCa', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
<p>Berlangganan via email (gratis):</p><p><input class='email-address' name='email' placeholder='Masukan alamat email...' type='text'/></p><input name='uri' type='hidden' value='MayCyber-Download'/>
<input name='loc' type='hidden' value='en_US'/>
<p><input class='submit-email' type='submit' value='Berlangganan'/></p>
</form>
</div>
Kesimpulan : Jika blog anda memasang Related Post. Taruh saja dibawahnya bisa lihat blog saya ko, tepat dibawah Related Post !
Bila masih terjadi kesalahan? Luangkan waktu anda untuk berkomentar. Pasti saya akan membantu anda. Thank's For Reading. Thank's Visited. Semoga Bermanfaat!
Happy Blogging^.^
Saat ini banyak para Blogger memasang Kotak Berlangganan (Subscription Box) di Blog mereka. Apalagi postingan dia yang sudah banyak melebihi 500 postingan, wajib pasang beginian tuh, diantaranya ada yang memasang dibagian footer, sidebar dan seperti tutorial kali ini memasang di bawah postingan. Oke langsung saja kita praktekan..
Demo Kotak Berlangganan dibawah Postingan
Cara Pertama :
1. Buka Blogger -> Login Blogger.
2. Dashboard -> Edit HTML
3. Temukan kode ]]></b:skin> atau kode </style>
4. Copy-paste kode dibawah ini, dan letakkan tepat Diatas kode ]]></b:skin> atau kode </style>
.berlangganan-box {
border-top: 1px solid #E9E9E9;
border-bottom: 1px solid #E9E9E9;
padding: 15px;
margin:0;
text-align:center;
}
.berlangganan-box input.email-address[type="text"] {
width:60%;
padding:10px;
border:1px solid #ddd;
text-align:center;
border-radius: 4px;
outline:none;
background: #fff;
}
.berlangganan-box input.submit-email[type="submit"] {
transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;
padding:10px 15px;
background:#07ACEC;
border-radius: 4px;
color:#fff;
border:none;
font-weight:bold;
border-bottom: 3px solid #0D9AD0;
outline:none;
}
.berlangganan-box input.submit-email[type="submit"]:hover {
background:#0D9AD0;
cursor:pointer;
}
.berlangganan-box input.email-address[type="text"]:focus {
box-shadow:0 0 2px #106FE4;
}
5. Temukan kode <div style='clear: both;'/> Jika sudah?
6. Copy-paste kode berikut ini dan letakkan tepat dibawah kode <div style='clear: both;'/>
<form action='https://feedburner.google.com/fb/a/mailverify?uri=MayCyber-Download/HBiCa' method='post' onsubmit='window.open('https://feedburner.google.com/fb/a/mailverify?uri=MayCyber-Download/HBiCa', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
<p>Berlangganan via email (gratis):</p><p><input class='email-address' name='email' placeholder='Masukan alamat email...' type='text'/></p><input name='uri' type='hidden' value='MayCyber-Download'/>
<input name='loc' type='hidden' value='en_US'/>
<p><input class='submit-email' type='submit' value='Berlangganan'/></p>
</form>
NB : Silakan Ganti Tulisan Berwarna Merah dengan ID Feed Anda.
Update !
Jika kode <div style='clear: both;'/> susah ditemukan/tidak ada kode tersebut? Silakan ikuti langkah-langkah berikut ini.
Silakan cari kode yang mirip dengan kode dibawah.
<b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
Terakhir Tinggal Taro kode berikut ini dibawahnya..
<form action='https://feedburner.google.com/fb/a/mailverify?uri=MayCyber-Download/HBiCa' method='post' onsubmit='window.open('https://feedburner.google.com/fb/a/mailverify?uri=MayCyber-Download/HBiCa', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
<p>Berlangganan via email (gratis):</p><p><input class='email-address' name='email' placeholder='Masukan alamat email...' type='text'/></p><input name='uri' type='hidden' value='MayCyber-Download'/>
<input name='loc' type='hidden' value='en_US'/>
<p><input class='submit-email' type='submit' value='Berlangganan'/></p>
</form>
</div>
Kesimpulan : Jika blog anda memasang Related Post. Taruh saja dibawahnya bisa lihat blog saya ko, tepat dibawah Related Post !
Bila masih terjadi kesalahan? Luangkan waktu anda untuk berkomentar. Pasti saya akan membantu anda. Thank's For Reading. Thank's Visited. Semoga Bermanfaat!
Happy Blogging^.^
download Cara Membuat Kotak Berlangganan (Subscription Box) Responsive! Dibawah Postingan Blogger. android terbaru, apk android terbaru Cara Membuat Kotak Berlangganan (Subscription Box) Responsive! Dibawah Postingan Blogger. android asus, Cara Membuat Kotak Berlangganan (Subscription Box) Responsive! Dibawah Postingan Blogger. android advance, Cara Membuat Kotak Berlangganan (Subscription Box) Responsive! Dibawah Postingan Blogger. android apk, Cara Membuat Kotak Berlangganan (Subscription Box) Responsive! Dibawah Postingan Blogger. android app, Cara Membuat Kotak Berlangganan (Subscription Box) Responsive! Dibawah Postingan Blogger. android games, Cara Membuat Kotak Berlangganan (Subscription Box) Responsive! Dibawah Postingan Blogger. android programming, Cara Membuat Kotak Berlangganan (Subscription Box) Responsive! Dibawah Postingan Blogger. aplikasi edit foto,Cara Membuat Kotak Berlangganan (Subscription Box) Responsive! Dibawah Postingan Blogger. aplikasi facebook, Cara Membuat Kotak Berlangganan (Subscription Box) Responsive! Dibawah Postingan Blogger. aplikasi bbm
Cara Membuat Kotak Berlangganan (Subscription Box) Responsive! Dibawah Postingan Blogger.
,Cara Membuat Kotak Berlangganan (Subscription Box) Responsive! Dibawah Postingan Blogger. aplikasi edit video
aplikasi vidmate Cara Membuat Kotak Berlangganan (Subscription Box) Responsive! Dibawah Postingan Blogger. aplikasi wa, aplikasi play store Cara Membuat Kotak Berlangganan (Subscription Box) Responsive! Dibawah Postingan Blogger. Download, Download Cara Membuat Kotak Berlangganan (Subscription Box) Responsive! Dibawah Postingan Blogger. indonesia aplikasi download lagu, aplikasi pembobol wifi Cara Membuat Kotak Berlangganan (Subscription Box) Responsive! Dibawah Postingan Blogger. Google Drive, download aplikasi instagram Cara Membuat Kotak Berlangganan (Subscription Box) Responsive! Dibawah Postingan Blogger. 3gp,Cara Membuat Kotak Berlangganan (Subscription Box) Responsive! Dibawah Postingan Blogger. mp4,Cara Membuat Kotak Berlangganan (Subscription Box) Responsive! Dibawah Postingan Blogger. mkv, Cara Membuat Kotak Berlangganan (Subscription Box) Responsive! Dibawah Postingan Blogger. google drive, Cara Membuat Kotak Berlangganan (Subscription Box) Responsive! Dibawah Postingan Blogger. 480p,Cara Membuat Kotak Berlangganan (Subscription Box) Responsive! Dibawah Postingan Blogger. 720p, aplikasi android terbaik Cara Membuat Kotak Berlangganan (Subscription Box) Responsive! Dibawah Postingan Blogger.,download aplikasi anti virus, aplikasi bigo live, download template web gratis, download template gratis, template website php, template website responsive, template blogspot, download template html, download template website dinamis gratis, download template premium, download template mirip atau clone, Download Professional XML Blogspot Templates, Free Blogger Templates, download blogger template responsive, Cara Membuat Kotak Berlangganan (Subscription Box) Responsive! Dibawah Postingan Blogger. download template blogger seo, download template blog xml, download template blog gratis terbaru, download template blog simple, download template blogger keren, cara mengganti template blog, download template fast loading seo friendly, Cara posting artikel, Cara memasang widget, Memahami menu-menu di blogger, Cara mengganti atau memasang template, Cara membuat halaman statis, Cara memasang favicon, Cara mengganti judul blog dengan logo, 10 Tutorial blogger lainnya, Cara Menghasilkan Uang dari Blog , Panduan Lengkap, Rahasia Cara Daftar Google AdSense Agar Mudah Diterima, SEO, BLOG, DAN INTERNET MARKETING, Tutorial Belajar SEO dan Blogging juga Internet Marketing Terpadu Yang Mudah Untuk Anda Pelajari, BELAJAR SEO, cara tutorial Membuat Website Wordpress, Cara Cepat Mendapatkan Backlink Untuk Menaikkan Ranking, Download Free Template Blog SEO Friendly Responsive Design Mudah Diedit, Cara membuat blog di blogger com, Cara Melakukan Optimasi SEO Onpage Google Dengan Benar, Berbagai Cara Cari Uang Di Internet Yang Perlu Anda Tahu, CARA MUDAH MEMBUAT THUMBNAIL POST WARNA WARNI SESUAI LABEL POST, CARA MEMBUAT BLOG SEO 100 DI CHKME COM, 5 TEMPLATES BLOGGER SEO RESPONSIVE KEREN TERBAIK 2017 GRATIS, CARA AGAR ARTIKEL ATAU POSTINGAN CEPAT TERINDEX GOOGLE, LANGKAH LANGKAH OPTIMASI ONPAGE PADA BLOG, CARA DAPAT UANG DARI BERBAGAI BISNIS ONLINE, UPLOAD VIDEO DI FACEBOOK BISA DAPAT UANG, CARA MEMBUAT WIDGET TWITTER DI BLOGGER BLOGSPOT, CARA MEMBUAT BREADCRUMBS SEO FRIENDLY DENGAN FONT AWESOME, MEMBUAT TOMBOL BACK TO TOP DENGAN EFEK BOUNCE, CARA MEMBUAT BADGE GOOGLE PLUS DAN DAPAT DI MODIFIKASI, MACAM TAG KONDISIONAL UNTUK MODIFIKASI TAMPILAN DAN MENYEMBUNYIKAN WIDGET, CARA MEMBUAT CATATAN KAKI SEO DAN TERINDEX GOOGLE, TIPS TRIK MEMPERCEPAT LOADING BLOG, TIPS TRIK MENDAPATKAN UANG DOLLAR DARI BLOGGER BLOGSPOT, CARA MEMBUAT THREADED COMMENTS VALID HTML5 DI BLOGGER, MEMBUAT ARTIKEL TERKAIT DISERTAI THUMBNAIL GAMBAR, JQUERY SLIDING PANEL DENGAN MEMBUKA MENUTUP UNTUK BLOGGER, CARA MEMBUAT STICKY WIDGET SIDEBAR DI BLOG, CARA MEMASANG TRANSLATE DENGAN GAMBAR BENDERA DI BLOG, FASTESEO SEO RESPONSIVE BLOGGER TEMPLATE, 6 RAHASIA CARA SAYA MENINGKATKAN RANKING ALEXA, DOWNLOAD TEMPLATE BLOGSPOT SEO RESPONSIVE PREMIUM, Cara memasang widget, download template blog anime, SSH PREMIUM, SSH GRATIS, OPEN SSH, Config HI Axis100Config HI Indosat, Config HI Smartfreen, Config HI Telkomsel, Config HI Three 3, Config HI XL, Config KPN Tunnel Ultimate, Config KPN Tunnel Ultimate Axis, Config KPN Tunnel Ultimate Telkomsel, Config KPN Tunnel Ultimate Three, Config OpenVPN Axis, Config OpenVPN Indosat, Config OpenVPN Three 3, Config OpenVPN XL
0 Komentar untuk "Cara Membuat Kotak Berlangganan (Subscription Box) Responsive! Dibawah Postingan Blogger."