Kamis, 14 Maret 2013

Cara Buat Widget Subscribe yang Bagus/Keren di Blog

Banyak situs atau blog yang menampilkan icon feed (seperti contoh di atas) untuk memberitahukan bahwa di situs tersebut tersedia RSS feed.



RSS (Really Simple Syndication) adalah teknologi yang digunakan secara luas oleh hampir semua situs berita atau blog untuk menyebarkan ringkasan tulisan terbaru, kadang-kadang juga menyertakan artikel lengkap dan bahkan gambar dan suara.

Apa Manfaat RSS/Subscribe?

  • RSS membantu kita untuk dengan mudah mengikuti informasi terbaru dari situs favorit.
  • Menghemat waktu karena tidak perlu mengunjungi setiap situs favorit satu persatu.

Cara membuat subscribe email?

1.anda harus login ke blogger.com
2.klik layout
3.add a gadget
4.pilih HTML/java script
copy kode di bawah gambar yang anda inginkan


Style 1:
<!-- This Is A CopyRight Subscribed E-Mail Widget.It Is Free To Use But With HTML Design Code.If AnyOne Found To Be Changing This Code Should Be Under Legal Action. --><style type="text/css">
#exe-SubscribeE-Mail{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBidhnn83bS_gtO86bqv5XO4t1R0Y1Ai3RVIuvkHJ4npQqrwrTuZFpxBLC8HSJ1WTkf3gEL2J7eyDnqv8mo_rD3yFQuF5pFSAR0u3infXmppWV1UQPXQFqOsM2I193pDDSBtJU0SGStg/s1600/Silver-E-Mail-Subscribtion-Form.png)no-repeat scroll center center transparent;width:368px;height:143px;disaply:block;}form#exe-SubscribeE-MailForm{display:block; padding-top:67px; padding-left:42px;;margin:0;}form#exe-SubscribeE-MailForm #s{padding-top:3px; padding-left:2px; width: 225px; font-size:15px; vertical-align:top; border:none; background:transparent;} form#exe-SubscribeE-MailForm #sbutton{padding-top:-8px; padding-right:45px; height:30px; width:15x; border:none; background:transparent;} </style> <div id="exe-SubscribeE-Mail"> <form id="exe-SubscribeE-MailForm" action="http://feedburner.google.com/fb/a/mailverify" method="post"
target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=student-brains', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input type="hidden" value="student-brains" name="uri"/><input type="text" id="s" name="email" value="Enter Your E-Mail Here" onfocus='if (this.value == "Enter Your E-Mail Here") {this.value = ""}' onblur='if (this.value == "") {this.value = "Enter Your E-Mail Here";}'/><input type="hidden" name="loc" value="en_US"/><input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /></form></div><!-- This Is A CopyRight Subscribed E-Mail Widget.It Is Free To Use But With HTML Design Code.If AnyOne Found To Be Changing This Code Should Be Under Legal Action. -->


 Style 2:
<!-- This Is A CopyRight Subscribed E-Mail Widget.It Is Free To Use But With HTML Design Code.If AnyOne Found To Be Changing This Code Should Be Under Legal Action. --><style type="text/css">
#exe-SubscribeE-Mail{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisX6E_8KVzEPz8sPxn7m-PdyFIIq9oIR1YEXzb-B_g5c4zI_CrIgeQu4__TqJTgXtaIfp5VO99gVAXutmBG12u5kPyzPv1pmgVHXB8oUNV1RWFirFUsoV5gSPrHw8VQoZuL6I182DhCA/s1600/Blue-E-Mail-Subscribtion-Form.png)no-repeat scroll center center transparent;width:368px;height:143px;disaply:block;}form#exe-SubscribeE-MailForm{display:block; padding-top:67px; padding-left:42px;;margin:0;}form#exe-SubscribeE-MailForm #s{padding-top:3px; padding-left:2px; width: 225px; font-size:15px; vertical-align:top; border:none; background:transparent;}
form#exe-SubscribeE-MailForm #sbutton{padding-top:-8px; padding-right:45px; height:30px; width:15x; border:none; background:transparent;} </style> <div id="exe-SubscribeE-Mail"> <form id="exe-SubscribeE-MailForm" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=student-brains', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input type="hidden" value="student-brains" name="uri"/><input type="text" id="s" name="email" value="Enter Your E-Mail Here" onfocus='if (this.value == "Enter Your E-Mail Here") {this.value = ""}' onblur='if (this.value == "") {this.value = "Enter Your E-Mail Here";}'/><input type="hidden" name="loc" value="en_US"/><input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /></form></div><!-- This Is A CopyRight Subscribed E-Mail Widget.It Is Free To Use But With HTML Design Code.If AnyOne Found To Be Changing This Code Should Be Under Legal Action. -->

Style 3:
<!-- This Is A CopyRight Subscribed E-Mail Widget.It Is Free To Use But With HTML Design Code.If AnyOne Found To Be Changing This Code Should Be Under Legal Action. --><style type="text/css">
#exe-SubscribeE-Mail{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY9ryzKtM403L7bZM-TQwGnqjMp5sTXm87lLYFLNHsDXIXayErGKY6ykrlr_mr5-iED-gYZf9_4h3cMMr5y9mZDvTnvQDfszqp-U-f5gDBCoksbXSK1bZJWQLtObKi5Y3_5Mvdc2AuTg/s1600/Red-E-Mail-Subscribtion-Form.png)no-repeat scroll center center transparent;width:368px;height:143px;disaply:block;}form#exe-SubscribeE-MailForm{display:block; padding-top:67px; padding-left:42px;;margin:0;}form#exe-SubscribeE-MailForm #s{padding-top:3px; padding-left:2px; width: 225px; font-size:15px; vertical-align:top; border:none; background:transparent;}
form#exe-SubscribeE-MailForm #sbutton{padding-top:-8px; padding-right:45px; height:30px; width:15x; border:none; background:transparent;} </style> <div id="exe-SubscribeE-Mail"> <form id="exe-SubscribeE-MailForm" action="http://feedburner.google.com/fb/a/mailverify" method="post"
target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=student-brains', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"> <input type="hidden" value="student-brains" name="uri"/><input type="text" id="s" name="email" value="Enter Your E-Mail Here" onfocus='if (this.value == "Enter Your E-Mail Here") {this.value = ""}' onblur='if (this.value == "") {this.value = "Enter Your E-Mail Here";}'/><input type="hidden" name="loc" value="en_US"/><input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /></form></div><!-- This Is A CopyRight Subscribed E-Mail Widget.It Is Free To Use But With HTML Design Code.If AnyOne Found To Be Changing This Code Should Be Under Legal Action. -->
5.ganti teks berwarna merah dengan FEED ID kamu
6.save

Tidak ada komentar:

Posting Komentar