Cara Mudah Memasang Kotak Subscribe keren [Kotak Langganan Via Email] di Blog - Dihaimoma Menulis
0

Cara Mudah Memasang Kotak Subscribe keren [Kotak Langganan Via Email] di Blog

- 08:53:00
Dihaimoma.com

Sedatang di blog ngawur ini Gan. Pada postingan kali ini, Dihai akan berbagi cara memasang kotak subscribe keren dan responsive di blog. Contohnya, sobat bisa lihat seperti yang saya pasang di blog ngawur ini.  

Sebenarnya, tidak begitu sulit untuk membuat dan memasang kota berlangganan artikel via email di blog.

Tapi....

Satu hal yang harus sobat siapkan adalah akun feedburner rss. Cara daftar dan menggunakan kota subscribe bawaan feedburner pernah saya bahas  di artikel ini: Cara Mendaftar Feedburner dan Membuat Subscribe di Blog- Lengkap dengan Gambar sobat bisa baca sekalian mendaftar feedburner.

Naa setelah sobat berhasil mendaftar dan memiliki akun feedburner. Saya akan memberikan dua cara pemasangan kotak berlangganan via email keren dan responsive yang saya maksudkan dalam artikel ini.

  1. Pemasangan di tata letak via HTML/JavaScript.
  2. Pemasangan di dalam blog via HTML.

      • Cara memasang kota Subscribe di tata letak blog via HTML/JavaScript.


          Sobat copy kode di bawah ini lalu masuk ke tata letak dan tentutan lokasi yang sobat ingin tampilkan kota subscribe. Kalau sudah, sobat add gadged  pilih  HTML/JavaScript lalu paste codenya. Naa sobat simpan dan lihat hasilnya.
          <div class='widget enews-widget' id='enews-ext-2'><div class='widget-wrap'><div class='enews'><h4 class='widget-title widgettitle'>BERLANGGANAN VIA EMAIL</h4><form action='https://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;https://feedburner.google.com/fb/a/mailverify?uri=Blog-Plazzasoft&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'><p>Jadilah orang Orang Pertama yang Membaca Artikel Kami. Cukup Masukan Email dan dapatkan Artikel Terbaru dari Kami.Terima Kasih.</p><input name='email' placeholder='Alamat Email' type='text'/><input name='uri' type='hidden' value='DihaimomaMenulis'/><input name='loc' type='hidden' value='en_US'/><input type='submit' value='Lanjutkan'/></form></div></div></div><style type='text/css'>.enews-widget {background-color:#4488dd;color:#FFF;padding:20px !important;margin-top:10px}.enews-widget h4 {font:17px/18px &#39;Oswald&#39;,Arial;margin:0 0 20px 0}.enews .screenread {height:1px;left:-1000em;overflow:hidden;position:absolute;top:-1000em;width:1px}.enews-widget input {font-size:15px;margin-bottom:15px;box-sizing:border-box;background-color:#FFF;border:2px solid #FFF;color:#333;padding:9px 11px;width:100%}.enews-widget input[type=&quot;submit&quot;] {font:16px/20px &quot;Oswald&quot;,Arial;background-color:#dc143c;color:#FFF;margin:0;width:100%;border:none;cursor:pointer}.enews-widget input[type=&quot;submit&quot;]:hover {background-color:#0173B2}</style>

          Keterangan:
          • Warnah merah  Sobat gati dengan kata-kata sobat (biarkan juga tidak apa2)
          • Warnah hijau ganti dengan ID Feedburner sobat.
          • Warnah unggu ganti dengan warnah Background sesuai keinginan sobat.

            Catatan: Cara mendapat ID Feedburner adalah sobat masuk ke akun Feedburner. Pada bagian atas menu Analyze klik Edit Feed Details perhatikan bagian Feed Address kata-kata yang terdapat dalam kotak di samping kanan, itulah ID Feedburner milik sobat. 

            • Cara Pasang kotak berlangganan di blog via HTML di akhir postingan Artikel.


                Sobat masuk ke blog--- Tema----Edit HTML dan cari kode  <div class='post-footer-line post-footer-line-1'> di dalam template sobat. Biar mudah  tekan CTRL+ F lalu masukkan kode tadi di kota pencarian yang akan muncul lalu tekan enter. Kalau sudah ketemu, paste code subscribe tepat dibawah kode di atas ini. Selanjutnya, sobat simpan template dan coba lihat blog.

                Kalau sobat masih kurang paham, perhatikan gambar berikut:

                Dihaimoma


                Catatan: Oyah Sob, kalau artikel ini kurang jelas dan sobat masih belum mengerti tinggalkan komentar maka kami akan memperbaiki kesalahan tersebut supaya pengungjung berikutnya tidak mengalami hal yang sama. Terima kasih.


                Advertisement

                WARNING

                1. Komentar Anda merupakan sebuah kontribusi untuk memperbaiki dan mengembangkan blog ini menjadi lebih berguna dan Informatif

                2. Komentar dan kritikan Anda untuk isi blog ini kami sangat menghargai.

                3. Komentar harus menggunakan bahasa yang baik, benar, dan mendidik.
                EmoticonEmoticon

                 

                Start typing and press Enter to search