blog capoenk: langganan

Showing posts with label langganan. Show all posts

Wednesday, May 1, 2013

by Yuga irgi on 7:20 AM No comments

Email Subcribe Feedburner dan tombol share di blog sangatlah penting untuk meningkatkan trafik blog. Agar nantinya para pengunjung blog mau untuk berlangganan dan share artikel blog anda tentunya anda juga harus bisa menarik perhatian mata pengunjung. Untuk melakukan hal ini tidaklah sulit karena sudah saya sediakan pada postingan ini dengan modifikasi sehingga tampilan kotak feedburner menjadi lebih menarik dan dilengkapi dengan tombol share yang bisa berputar. Sehingga pengunjung bisa menikmati blog anda yang rapi dan teratur. Berikut tampilan dari Modifikasi Email Subcribe Feedburner Dan Social Share Berputar serta cara pemasangannya :

1. Login ke blog lalu klik Tata Letak > Tambah Widget > pilih HTML/Java Script.

2. Lalu Masukan kode berikut ini :

<style> .form{border:2px solid #ff0000;background:#fff padding:3px;width:308px;height:230px;-moz-border-radius:6px}.rss{background:url("http://i56.tinypic.com/5y6kxi.png") no-repeat top right}.button{background:#9b9b9b;color:#FFF;font-size:11px;font-family:Arial,Tahoma,Verdana;margin-left:5px;border:1px solid #ff0000;padding:3px 5px 3px 5px;font-weight:bold;-moz-border-radius:5px} </style> <div class="form"> <div class="rss"> <div style="font-weight:bold; color:#333333; font-size:15px; padding:10px 5px 5px 10px;"><a href="http://mas-andes.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdK0Iak6qMElpKJIFsIw-D0W28ju6zqiVycWPOtC3uArQ1CL4RGeeEhrC9kGdpWgwutqESG39YMyjYT6kof-jGV2E7DGIvYRxRR4A5squHVnT8sJu5IOyU7xDGikEylrsXH7kl721g0X9c/s144/rss%20feed%20icon.gif" /></a> <a href="http://feeds.feedburner.com/blogcapoenk"><blink>GET UPDATE VIA RSS</blink></a></div> <div style="font-weight:bold; padding:10px 10px;">GET UPDATE VIA EMAIL</div> <div style="padding-left:10px">Jika anda suka dengan artikel di blog ini. Silahkan berlangganan via RSS. Isi alamat email anda di bawah ini:</div> <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogcapoenk', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><div style="padding-left:10px; padding-bottom:10px; padding-top:10px"><input type="text" style="width:160px; height:18px" name="email" onblur="if (this.value == "") {this.value = "Ketik email anda disini...";}" onfocus="if (this.value == "Ketik email anda disini...") {this.value = ""}" type="text" value="Ketik email anda disini..." /> <input type="hidden" value="blogcapoenk" name="uri" /><input type="hidden" name="loc" value="en_US" /><input class="button" type="submit" value="SUBCRIBE" /></div></form> <style> #social a:hover {background-color: transparent;opacity:0.7;} #social img { -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } #social img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } </style> <center><div id="social">  <a title="Grab Our Rss Feed" href="http://feeds.feedburner.com/blogcapoenk" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHWo6PQGbvDDTuXb0q_jxZR-xdtGxPZoNz0E1F35q9pCJxRmyTqIJDEbvb8Y5Z4II68T1Q5Kn5aYLwc-9_m9Jyurv4YfDrRyhJjBTWTKI8jkHtDs6rk7HyreZnV4JulgsMQWpZiYg4yVY7/s1600/RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a>   <a rel="nofollow" title="Get Free Updates Via Email" href="http://feeds.feedburner.com/blogcapoenk" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmfBblARNgxDkfG1FPmISQrTBmaHRj5nSzeYmewct9xB49YKSJI_kNPvGBkr1T0gN5eIZgjTdahSKN1_YH3hi_QnKmnQTZJQbcY7s1b5MAHeOtgTfl2Nfr_lwQbi5stkelkV_j04jk4dhh/s1600/RSS-EMAIL-48x48.png" style="margin-right:1px;" alt="Icon"/></a>   <a rel="nofollow" title="Like Our Facebook Page" href="https://www.facebook.com/arieadie30" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrKO0ViM5VfrkqIPVNuyJ1qpWVVinoDIV57clwWRNya9VYjEAZ1c4gw4IZOzon6SACsxSnJd0VWSISLcvFZD0IzJQu2-pVXxoecNqdOFWK55DYdPWKmJN71zaMf27bETX11beL2B-ZBYki/s1600/FACEBOOK-48x48.png" style="margin-right:1px;" alt="Icon"/></a>   <a rel="nofollow" title="Follow Our Updates On Twitter" href="http://twitter.com/lindamarlina40" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2cFiHBL3IVQEPXvFS8PvFbB7_yqLPzX-OC3LduM3UAm7x1Q9ZoThDSseapt4iKra6WrynTfHLpI7McOSJDqes5YQwnZPqs8E0GAerPAQn4iTihD_qYo3WUdXfbrtdcwIf-7-i3VD_cP-T/s1600/TWITTER-48x48.png" style="margin-right:1px;" alt="Icon"/></a>   <a title="Follow Us On Google+" rel="nofollow" href="https://plus.google.com/104093787575230359634" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-jqHv-k36mvytm2wE8V4fXE4m-JPhPBGeHoYFcRCab9FNqi6YKg23GNKNYFHU_Ox4IDXeUtQGmZUwX3h5U_CbosbS7CX250_StxiV7gIFxfM7LboSigxMYJseip_HCvl-SjjtdXqfomE9/s1600/GOOGLE-PLUS-48x48.png"/></a></div></center> </div></div>

Keterangan:

Ganti Kode warna merah dengan ID Feedburner anda.
Ganti Kode warna hijau dengan ID Facebook anda.
Ganti Kode warna ungu dengan ID Twitter anda.
Ganti Kode warna biru dengan ID Google+ anda.

3. Simpan dan lihat hasilnya.

Continue

Tuesday, March 26, 2013

membuat subscribe keren di blog

by Yuga irgi on 10:29 PM No comments

capek buat subscribe kayak gini, tapi akhirnya selesai juga....maklum gw blogger pemula gan..
nah langsung saja, jika sobat ingin membuat susunan widget yang kayak gini langkah awalnya buat widget pencarian seperti pada gambar disebelah... dan jika sobat hanya mau membuat subscribe via email yang kayak gini langsung saja simak turtorial saya di bawah ini...
Langkah - langkahnya :
1. login blog sobat
2. masuk ke Tata Letak > Tambah Gadget > pilih HTML/JavaScript
3. Pastekan code dibawah ini..

<table><tr><td><div style="background: url("http://i1297.photobucket.com/albums/ag22/jeskarex/email_zps007a0b15.jpg") no-repeat scroll left top transparent; border: 6px inset transparent; padding: 10px; text-align: left;">
<blink><span style="font-size: x-small;"><b><span style="font-family: "Trebuchet MS",sans-serif;"><span style="color: #eeeeee;">        <span style="background-color: black;"> Receive</span> All Updates In Your Inbox<br/>        <span style="background-color: black;"> by </span>submitting your Email ID below</span></span></b></span></blink></div></td><td>
<p><a href="http://feeds.feedburner.com/blogcapoenk" rel="alternate" type="application/rss+xml"><img src="http://www.feedburner.com/fb/images/pub/feed-icon32x32.png" alt="" style="vertical-align:middle;border:0"/></a> <a href="http://feeds.feedburner.com/blogcapoenk" rel="alternate" type="application/rss+xml"></a></p></td></tr></table>
<form style="border:none;padding-top:10px;text-align:left;" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogcapoenk', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input name='loc' type='hidden' value='en_US'/><input name='uri' type='hidden' value='blogcapoenk'/>
<table border='0' cellpadding='0' cellspacing='0' style='margin-top: 5px;'width='155'>
<input class='feedinput' name='email' onblur='if (this.value == "") {this.value = "Enter your mail here . . .";}' onfocus='if (this.value == "Enter your mail here . . .") {this.value = ""}' size='20' style='width: 180px;' type='text' value='Enter your mail here . . .'/>
<input align='right' height='24' id='imageField' name='I2' src='http://i1297.photobucket.com/albums/ag22/jeskarex/Subscribe_zpsed000a3a.png' type='image' width='110'/>
</table>
</form>

4. Save dan lihat hasilnya..

Keterangan :
Warna Merah adalah url gambar sobat
Warna Biru adalah text yang sobat mau
blogcapoenk ganti dengan alamat feedburner sobat yang lain sobat modifikasi aja sendiri

Continue

Cara Bikin Form atau Widget Kotak Berlangganan via email

by Yuga irgi on 10:26 PM No comments

Cara membuat feed berlangganan via email

Bagaimana wujudnya ?, Coba lihat gambar di samping atau perhatikan form berlangganan di pojok kanan atas blog ini.. Nah begitulah kira-kira :), Bagi yang belum mengetahui, itu fungsinya apa toh ?

Fungsi form berlangganan:
Pengunjung bisa mendapatkan updated terbaru artikel yang di posting di blog kita melalui emailnya masing-masing

Caranya ?
Tentu saja pengunjung harus mendaftarkan emailnya di form yang sudah di sediakan, seperti contoh diatas. Anda ingin berlangganan artikel terbaru dari blogger-coepoe ? - silahkan daftarkan melalui email anda dan jangan lupa aktifkan melalui email konfirmasi yang di terima setelah pendaftaran selesai.

Emang punya pelanggan apa gunanya ?
Tentu saja sangat berguna. Semakin banyak pelanggan akan semakin banyak pengunjung yg mampir ke blog kita, apalagi jika kita sering posting artikel baru. Pelanggan pun akan menerima email setiap ada updated terbaru dari blog kita :)

Gimana cara bikinnya ?
Gampang, ikutin aja petunjuknya di bawah. Saya akan memberikan tip bagaimana :

Membuat Form Berlangganan Untuk Sidebar
Membuat Form Berlangganan Untuk di bawah Postingan

Pertama, Daftar dulu di feedburner.com, tujuannya untuk mendapatkan alamat feed blog kita. Tidak perlu saya jabarkan bagaimana cara mendaftarnya, karena langkah-langkahnya sangat mudah. Tinggal masukkan alamat blog sobat, selanjutnya ikutin sesuai navigasi yang ada di webnya. Saya yakin tidak sulit. Tapi ada satu yang harus di perhatikan. Setelah pendaftaran, jangan lupa "Aktifkan" fungsi Email Subscribtions. Klik Tab Publicize >> Klik Email Subscribtions >> Aktifkan

Cara Membuat Form Berlangganan Via Email

Klik Edit Feed Details, selanjutnya akan muncul tampilan seperti gambar di bawah ini :

Yang harus di perhatikan adalah Alamat URL Feed blog kita, contohnya punya Blogger Coepoe alamatnya: http://feeds.feedburner.com/BloggerCoepoe. Yang saya tandai warna merah bisa di ubah sesuai identitas blog anda

Membuat Form Berlangganan Untuk Sidebar
Model 1

Script Model 1 :

<form onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogcapoenk', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" action="http://feedburner.google.com/fb/a/mailverify" style="border: 0px solid rgb(222, 222, 222); padding: 3px; text-align: left; background: url("http://3.bp.blogspot.com/_c6kkookxcew/sdzycinypwi/aaaaaaaaeiq/-wctpr_ksfm/s400/feedreader_2.jpg") no-repeat scroll right center rgb(255, 255, 255);" target="popupwindow" method="post"><input value="en_US" name="loc" type="hidden" /><input value="blogcapoenk" name="uri" type="hidden" />

<p style="text-align: left; margin-bottom: 3px;"><b><img style="margin: 0pt 5px 5px 0pt; float: left; cursor: pointer;" alt="Feed" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2UZsUzeOiDyh_v5lanttqtsJDdX5PAC0MlIpaNcOZYv9R5GoRmo-MApBKt6g7QJc1OSWvuQKIl8oAy61C_vFhgHsq3_CpfRqBm9ow7pwweT42ZxlfwsSkQUb01zjwwI_oXCxLGsIXbVuc/s1600/feed-jobindo.png" border="0" height="16" width="16" />Langganan Artikel Terbaru BC via Email </b>

</p><table style="margin-bottom: 3px;" border="0" cellpadding="0" cellspacing="0" width="400"><tbody><tr><td rowspan="2" valign="top" width="75"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnSiUquKCfKQwgPgwVO54SaFJ6mGfXPP8pVbB9lqGGSztJQ3Rdcp-5yO_UzFldhwEjgiKBLqnIWNYkxFZfIt3LG4wb0vvJldqHim8-AI6MPOQ353gmE4nm-PeJuR4GifxRFCn57H_oUvQl/s1600/Newspaper-db2.png" height="55" width="70" />

</td><td align="left" height="24" valign="top" width="205"><input onblur="'if" onfocus="'if" style="width: 200px;" class="feedinput" value="Masukkan Email" name="email" size="200" type="text" /></td><td align="left" valign="top" width="119"><input id="imageField" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikxdEd4wlsPeFqQmqxTWvQXpSPa7E0-wK59vgxdO8RAFnLMebXtuhmviQw1-lLrNKnkTnE0XY6uGPCPWunECgoMid4egthMTRcZp_2vcsGBBfmN_DH75Kg5XYAKSDfk3kiR03YyXujsqdx/s1600/subscribe-dbjobindo.png" name="I2" type="image" align="left" height="24" width="82" />

</td>

</tr>

<tr>

<td colspan="2" align="right" height="24" valign="top"><div align="left">» Cek Email Anda untuk konfirmasi berlangganan</div></td>

</tr><tr></tr>

</tbody></table></form>

Model 2

Script Model 2 :

<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogcapoenk', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' style='border:0px solid #ccc;padding:3px;text-align:left; background: #ffffff url('http://i37.photobucket.com/albums/e74/mrphoto16/Hermanblog/logo_RSS.png') no-repeat right' target='popupwindow'>
<input name='loc' type='hidden' value='en_US'/><input name='uri' type='hidden' value='blogcapoenk'/>

<div class='feedburner-onpost'>
<font color='#000000'>Berlangganan artikel tutorial blog capoenk <br />secara gratis, Silahkan masukkan Email</font>
<table border='0' cellpadding='0' cellspacing='0' style='margin-bottom:3px;' width='232'>
<tr><td width='150'><input class='feedinput' name='email' onblur='if (this.value == "") {this.value = ""}' onfocus='if (this.value == "Tulis email bunda disini") {this.value = ""}' size='20' style='width:150px' type='text' value='Tulis email bunda disini'/></td>
<td align='right' valign='top' width='82'><input align='left' height='24' id='imageField' name='I2' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXKn69If4HtJR0RCW9SumygGzgPRYEcxJ-j1tulFNYcXlyqP8kQBA1REUsYZdquC6DWxmpz00quOiyNEBcgHUWO1ua7eYVfpWZK3qUuyf6cZPfQ-CAUDeDbF9-x8Fy6_QRPFMLXu-71dU/s200/subscribe-zoom-c.png' type='image' width='82'/></td>
</tr></table><a href='http://feeds.feedburner.com/blogcapoenk' rel='nofollow'><img alt='ResepKulinerInd' height='26' src='http://feeds.feedburner.com/~fc/blogcapoenk?bg=666666&fg=FFFFFF&anim=1&label=listeners' style='border:0' width='88'/></a>
</div></form>

KETERANGAN :
Warna blogcapoenk : Diganti dengan Nama Feed blog anda
Warna Biru : Text yang bisa di ganti dengan kalimat bebas
Warna Ungu : URL image backsground, bisa di ganti dengan background sesuai selera anda

Tinggal pilih mana model yang sesuai selera, kemudian Copy Paste script diatas ke sidebar dengan pilihan HTML/JAVASCRIPT, letakkan sesuai yang di kehendaki. Selamat mencoba

Continue

Email Subscription dengan Gambar

by Yuga irgi on 9:58 PM No comments

Email Subscription dengan Gambar Adalah Salah Satu Cara untuk Memcantik Kotak Email Subcription agar pengunjung lebih tertatik. Email Subscription ini Dilengkapi oleh Beberapa Tombol Social Media. Seperti Facebook Dan Twitter. Dengan Gambar yang diberi Efek Sketsa. Memasang Widget Email Subscription ini tidak memerlukan tempat yang cukup besar. dan Cara untuk memasangnya juga tidak perlu mengedit HTML Template anda. Untuk itu saya akan memberitahu cara untuk membuat Email Subscription Dengan Gambar. Untuk cara memasangnya, Anda harus ikut cara berikut ini:

Silahkan Loggin Ke Blogger Anda.
Setelah itu, Klik Menu Tata Letak dan Add Gadget HTML.
Masukan kode Berikut ini:

Keterangan:

Ganti Tulisan http://www.facebook.com/pages/arieadie30/395122827241045?ref=hl dengan Alamat Facebook Anda.
Ganti Tulisan http://twitter.com/lindamarlina40 dengan Alamat Twitter Anda.
Ganti Tulisan http://feeds.feedburner.com/blogcapoenk dengan Alamat Feed Burner Anda.
Ganti Tulisan https://plus.google.com/114812141180411759844 dengan Alamat Plus Google Anda.
Ganti Tulisan http://feeds.feedburner.com/~fc/blogcapoenk?bg=FF9900&fg=000000&anim=0&label=listeners" height="26" width="88" style="border:0" alt="" /></a> dengan FeedCount Anda.

Setelah Itu, Klik Tombol Simpan.

Selamat Mencoba,

Salam Sukses,

Continue

Cara Mudah Membuat Popup Email Subscribe / Berlangganan Artikel Terbaru Pada Blog

by Yuga irgi on 9:55 PM No comments

Cara kerja Popup Email Subscribe Update Pada Blog ini hampir sama dengan pembuatan Popup Like Box Facebook yang dilengkapi dengan timer countdown yakni sama-sama terbuka pada saat halaman blog di buka atau direload dan sama-sama dilengkapi script pembaca cookies browser untuk tidak muncul kedua kali jika browser di reload (refresh) atau dikunjungi kedua kalinya.

Langkah-langkah pemasangannya sendiri juga tidak rumit karena hanya memerlukan sebuah kode css/javascript dan memasukkan ke dalam gadget html/javascript pada blog. Jika sobat ingin melihat langsung bagaimana cara kerjanya, silahkan klik live demo di bawah ini.

CSS, HTML, JavaScript dan Cara Memasang

Nah, jika sobat tertarik untuk menggunakan Popup box berlangganan artikel terbaru pada blog ini, berikut cara pemasangan dan kodenya :

Login ke Blogger
Pilih Tata Letak » Add Gadget » HTML/Java Script
Copy paste kode di bawah ini dan pastekan tepat di dalam box HTML/Javascript

Keterangan :

Ganti "blogcapoenk" dengan username feedburner yang sobat miliki

Klik simpan dan lihat hasilnya..

Continue

Cara Membuat Widget Mashable di Blog - Kotak Subscribe Keren

by Yuga irgi on 9:52 PM No comments

Hari ini Blog SEO akan berbagi sebuah informasi menarik dan penting seputar cara membuat widget mashable atau kotak subscribe yang keren. Judul yang digunakan pada artikel ini adalah Cara Membuat Widget Mashable di Blog - Kotak Subscribe Keren.

Widget merupakan salah satu unsur yang patut ada dalam sebuah blog. Entah itu untuk memperindah blog, membuat blog seo friendly, atau yang lainnya.

Dan widget yang akan kita bahas kali ini adalah Widget Mashable atau Kotak Subscribe yang keren. Widget ini merupakan inspirasi dari situs teknologi besar, yaitu www.mashable.com.

Dilihat dari situsnya, saya tidak melihat sedikitpun ada widget yang seperti diatas, tapi mungkin dulunya Mashable menggunakan widget ini, karena itu dinamakan Widget Mashable.

Fitur Widget Mashable

- Google+ Badge
- Facebook Like Button
- Google+ Button
- Twitter Follow Button
- Email Subscribe

Nah, sekarang bagaimana Cara Membuat Widget Mashable di Blog - Kotak Subscribe Keren:
1. Buka www.blogger.com, login akun

2. Buka menu Tata Letak

3. Buat widget baru dengan menekan tombol Add Widget / Tambahkan Gadget. Pilih HTML/Java Script

4. Lalu copy paste kode ini:

<style type="text/css">
/*<!CDATA[*/
#w2b-mashable{width:100%;margin:auto;padding:0;}
.w2b-googleplus {height: 57px;}
.w2b-facebook {background:#FFFFFF;border: 1px solid #DCDCDC;margin-top: -2px;padding: 5px 10px;}
.w2b-gplusone {background-color: #f5fcfe;border: 1px solid #d8e6eb;border-top: 1px solid white;font-size: .87em;color: black;padding: 9px 0 0 11px;line-height: 24px;height:30px;}
.w2b-gplusone span {display: inline-block;vertical-align: middle;height: 20px;margin-top: -17px;font-size: 11px;font-family: "Arial","Helvetica",sans-serif;}
.w2b-twitter {background-color: #eef9fd;border: 1px solid #c7dbe2;border-top: 0;}
.w2b-twitter a.twitter-follow-button {display: block;}
.w2b-twitter iframe {margin: 9px 11px;}
.w2b-emailbox {background-color: #E3EDF4;border: 1px solid #b6d0da;border-top: 1px solid #eff5f7;padding: 12px 16px;overflow: hidden;}
.w2b-emailbox form{width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;border: 0;}
.w2b-emailbox input.emailu {float:left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;border: 0;color: #999;padding: 7px 10px 8px;width: 100%;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;font-size: 13px;}
.w2b-emailbox input.emailu:focus {color: #333;}
.w2b-emailbox input.submitu {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;color: white;padding: 7px 14px;font-weight: bold;font-size: 12px;float: right;cursor: pointer;}
.w2b-emailbox input.submitu:hover {text-decoration: none;}
.w2bBlue{border:1px solid #397CBA;text-shadow: 1px 1px 0 #3A7AB2;background: #60abf8;background: -moz-linear-gradient(top, #60abf8 0%, #4082c4 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#60abf8), color-stop(100%,#4082c4));background: -webkit-linear-gradient(top, #60abf8 0%,#4082c4 100%);background: -o-linear-gradient(top, #60abf8 0%,#4082c4 100%);background: -ms-linear-gradient(top, #60abf8 0%,#4082c4 100%);background: linear-gradient(top, #60abf8 0%,#4082c4 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60abf8', endColorstr='#4082c4',GradientType=0 );}
.w2bBlue:hover{background: #9ccefc;background: -moz-linear-gradient(top, #9ccefc 0%, #5087bf 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9ccefc), color-stop(100%,#5087bf));background: -webkit-linear-gradient(top, #9ccefc 0%,#5087bf 100%);background: -o-linear-gradient(top, #9ccefc 0%,#5087bf 100%);background: -ms-linear-gradient(top, #9ccefc 0%,#5087bf 100%);background: linear-gradient(top, #9ccefc 0%,#5087bf 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ccefc', endColorstr='#5087bf',GradientType=0 );}.w2b-moresubs {background: none repeat scroll 0 0 #EBEBEB;border-style: solid;border-width: 1px;border-color: #fff #ccc #ccc;padding: 3px 8px 3px 3px;text-align: right;font-size: 7px;letter-spacing: 1px;}
.w2b-moresubs a {display: inline-block;font-weight: bold;color: #1E598E;text-decoration: none;text-shadow: 1px 1px 1px #fff;}
/*]]>*/
</style>
<div id="w2b-mashable">
<div class="w2b-googleplus">
<script type="text/javascript">
/**/
</script>
<div class="g-plus" data-href="https://plus.google.com/116697555748361957305" data-width="350" data-height="69" data-theme="light"></div>
</div>
<div class="w2b-facebook">
<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Ffacebook.com%2Farieadie&send=false&layout=standard&width=340&show_faces=true&action=like&colorscheme=light&font=arial&height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:340px; height:66px;" allowtransparency="true"></iframe>
</div>
<div class="w2b-gplusone">
<script type="text/javascript">/**/
</script>
<div class="g-plusone" data-size="medium" data-href="http://blogcapoenk.blogspot.com/"></div>
<span>Recommend on Google</span>
</div>
<div class="w2b-twitter">
<a href="https://twitter.com/lindamarlina40" class="twitter-follow-button" data-show-count="true">Follow @lindamarlina40</a>
<script type="text/javascript">/**/</script>
</div>
<div class="w2b-emailbox">
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogcapoenk', 'popupwindow', 'scrollbars=yes,width=550,height=520'); return true" target="popupwindow">
<table width="100%">
<tr>
<td>
<input class="emailu" name="email" placeholder="Enter your email" type="text"/>
</td>
<td width="64px">
<input class="submitu w2bBlue" type="submit" value="Subscribe"/>
</td>
</tr>
</table>
<input name="uri" type="hidden" value="blogcapoenk"/>
<input name="loc" type="hidden" value="en_US"/>
</form>
<div class="w2b-moresubs">
<a href="http://blogcapoenk.blogspot.com/">Get this Gadget</a>
</div>
</div>

5. Simpan widgetnya lalu lihat hasilnya di blog kamu.

Keterangan:
- Warna merah: Diganti dengan alamat profil Google+ kamu
- Warna biru: Diganti dengan alamat Fans page Facebook kamu
- Warna coklat: Diganti dengan alamat blog kamu
- Warna kuning: Diganti dengan alamat Twitter dan username Twitter kamu
- Warna blogcapoenk: Diganti dengan ID Feedburner kamu

Jika ada yang tidak dimengerti atau ada kesalahan, silahkan tinggalkan komentar dibawah ini

Continue

Cara Membuat Widget Subscribe Keren untuk Blog

by Yuga irgi on 9:43 PM No comments

Kali ini saya akan membahas Cara Membuat Widget Subscribe Keren untuk Blog. Seperti yang kita ketahui, Subscribe yaitu berlangganan, jika ingin mendapatkan informasi terbaru dari blog seseorang, maka pengunjung bisa mengetahui informasi terbaru dengan cara subscribe atau berlangganan via email.

Berikut Tutorialnya :

1. Seperti biasa, Masuk ke Akun Blogger sobat.

2. Pilih Rancangan, Edit HTML, Centang "Expand Template Widget"

3. Cari kode </head>, bila sudah Copy kode dibawah ini tepat diatas kode </head>

<style type='text/css'>
#hsection{border:4px solid #D3D3D3;background-color:#e9e9e9;}#hsection:hover{border:4px solid #BABABA;background-color:#e9e9e9;}
#sectionmy .sectionmy2 h2.subscription { border:0; margin:0; padding:6px 0 0 55px; height:42px; font-size:16px;font-family:"Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif;font-weight:bold; }
#sectionmy .sectionmy2 h2.rss { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjULYjm1kH2W6nxALyShhgjHP6BAoJuQ1SEYD-GIEcgJBbv6y4lfCz5SIIg1Ty2YHi5-IgL-FX3ThesB4Mv1ml2UET8RO-42k7gHo2mIqIoKfx4uM648BJyNth1v_vslqh8BzMGVNJbT3fS/) no-repeat top left; }
#sectionmy .sectionmy2 h2.email { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTOH8m1FBqTgxT8yuY0YPxuIOYuVSRJkA4anVpshFSd5rJBYrEvhKfbhNU98BkMUG6GrGfuewbGES00z77VKJP2iX1wUS1HlsGISd8b2gvtRh8SbMyFIx6NRk8ynSKsqKBilsQq7JhA812/) no-repeat top left; }
#sectionmy .sectionmy2 h2.twitter { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgm63CfFbPQu02cBR9JQOPpT0m99W_b_7fzbOCSUA9KmJ4uSPb7lFytWoOVc37VvVRAjN2ODVV9vc6akALdutF6DIHLxwIJdmOvo3HXUwlMYBoQPJwJEKI1XiWdxOFsraROUaregj1BH7bO/) no-repeat top left; }
#sectionmy .sectionmy2 .subscription a { color:#252e28; text-decoration:none; }
</style>

4. Simpan Template

5. Kembali sobat masuk ke Rancangan, Elemen laman, Tambah Gadget, Copy kode dibawah ini di HTML/Javascript

<div id="hsection"><div id="sectionmy"><div class="sectionmy2">
<h2 class="subscription rss"><a href="http://feeds2.feedburner.com/blogcapoenk">SUBSCRIBE VIA RSS</a></h2>
<h2 class="subscription email"><a href="http://feedburner.google.com/fb/a/mailverify?uri=blogcapoenk&loc=en_US">SUBSCRIBE VIA EMAIL</a></h2>
<h2 class="subscription twitter"><a href="http://www.twitter.com/lindamarlina40">FOLLOW ON TWITTER</a></h2>
</div></div></div>

Keterangan: Ganti kode yang berwarna blogcapoenkdengan ID Feedburner sobat, untuk mempunyai ID Feedburner, sobat langsung daftarkan DISINI
Ganti kode yang bewarna biru dengan Username Twitter sobat

6. Simpan. Dan lihat hasilnya :D

Continue

Merubah Tampilan Widget Follow By Email

by Yuga irgi on 9:40 PM 1 comment

Belajar Blogger - Salah satu fitur blogger yang banyak digunakan oleh para blogger adalah fitur untuk berlangganan artikel lewat E-mail. Dengan fitur ini pengunjung (Visitor) akan lebih mudah untuk mendapatkan update dari blog yang mereka ikuti.

Untuk para blogger tentunya sudah tidak asing lagi, widget berlangganan via email ini akan membantu untuk memberikan traffic dari pembaca-pembaca setia dari blog. Nah, jika kamu menginginkan atau memperbolehkan pembaca blog kamu untuk mengikuti blog kamu, maka kamu wajib untuk memasang widget ini.

Blogger sendiri sudah menyediakan widget ini. Namun jika menggunakan widget punya blogger, saya rasa masih belum cukup keren. Maka dari itu aku akan memberikan beberapa model widget follow By Email untuk mengganti tampilan standard dari blogger.

Merubah Tampilan Widget Follow By Email :

Ikuti langkah di bawah ini untuk mengganti tampilan follow by Email Blogger :

Masuk ke Blogger kemudian klik Drop Down Menu Blogger
Kemudian pilih "Template" > Edit HTML
Cari ]]></b:skin> , ( Ctrl + F kemudian masukkan ]]></b:skin> )
Pilih dari beberapa code tampilan yang kamu suka di bawah ini

Widget Follow By Email 1

Widget Follow By Email 2

Widget Follow By Email 3

Widget Follow By Email 4

Nah, diatas merupakan kode-kode CSS dari widget follow by email. Sekarang bagaimana cara untuk menambahkannya.

Cara Menambahkan Widget Follow By Email :

Masuk ke Dasboard Blogger
Kemudian klik Drop Down Menu
Pilih Tata Letak
Pilih Add Gadget
Pilih Widget "Follow By Email"
Simpan

Kalau sudah selesai kamu bisa melihat hasil dari perubahannya. Dan bersiap-siaplah untuk mendapatkan pelanggan postingan-postingan kamu lewat email.

Semoga Bermanfaat.

Continue

Sosial Bookmarking & Kotak Berlanganan Artikel Untuk Blogger

by Yuga irgi on 9:29 PM No comments

Hai sobat blogger, seperti pada widget-widget yang sama namun dengan desain yang berbeda, pada tutorial ini kita akan membahas bagaimana membuat sosial bookmarking & kotak berlangganan artikel untuk blogger.

Langkah Membuat Sosial Bookmarking & Kotak Berlanganan Artikel Untuk Blogger :

Buka akun blogger Anda
Masuk ke menu tata letak, add gadget > HTML/Javascript
Pastekan kode dibawah ini :

<style>
#socialbox{border:2px solid black;
width:270px;padding: 5px 5px 5px 5px; }
img.beintouch:hover {
background: none repeat scroll 0 0 #ffbc99;
border-radius: 16px 16px 16px 16px;
box-shadow: 0 0 10px #ffbc12;
}
.emailtext {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2QamCsMqRk0vK0TYK_PA8FlSq3R4PG63DRnbJ4gRrsisZR1j2aNOiweW-xvY4Fc7zTjU-BPee9znQCIETBEdNXkmo5KMDbJacaQJDLjqYtAIT1NvxnMWY8TlooDCuW-AAgK7mY7ISsQU/s1600/mailbox.png") no-repeat scroll 4px center transparent;
border: 1px solid #7E4E27;
border-radius: 4px 4px 4px 4px;
box-shadow: 1px 1px 4px #7E4E27 inset;
color: #444444;
font-weight: bold;
margin-left: 2px;
padding: 7px 15px 7px 35px;
text-decoration: none;
width: 120px;
}
.ebutton {
background: #D55959;
border: 1px solid #D3D3D3;
border-radius: 4px 4px 4px 4px;
color: #FFFFFF;
cursor: pointer;
font-weight: bold;
margin-left: -18px;
margin-top: 5px;
padding: 6px 15px;
text-decoration: none;
text-shadow: 1px 1px 0 #000000;
}
</style>
<br />
<div id="socialbox">
<table align="" cellpadding="1px" cellspacing="0px" style="width: 290pxpx;"><tbody>
<tr><td>
<a href="http://facebook.com/Bloggertrix" rel="nofollow" target="_blank"> <img class="beintouch" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjozep-494-Gb9HhN8L2dVu1IGv8Y0FqS3e97wTiWcMlSO0UxE4iai6slV-FCZKgwODpFcIo6yuJg911WzXkBjRXaRuJB5v0_QovxSC-6_dHGlnK6FAtn8nGeo6tGBpm5Q4PetYZAKXYMQ/s1600/bloggertrix-facebook-icon.png" /></a></td><td>
<a href="http://twitter.com/ID Twitter Anda" rel="nofollow" target="_blank"><img class="beintouch" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2MQ6Nlv1CWAZlGQgSjhh9IEJr7-P-CZc7TUsEdzP8kQAnBpkrYsdgPKxpOzuN5Km6kucQdKBa4gMx4zd4Oa2BLpahWx63lrGH01qOSt1DXbH6w9RenySuR_g6SEBqEp6Vcdo-UDOrwcY/s1600/bloggertrix-twitter-icon.png" /></a></td><td>
<a href="http://pinterest.com/ID Pinterst Anda" rel="nofollow" target="_blank"><img class="beintouch" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghtciFfwysmYd7WuA_338qmQ_sYmCtTxre2Akls38eDyrpFOphNZA7WpLYWydIT_7Z8nXgUfXnx9K2CcfG9CZrYoPAO9xUlKvcTzD5gIpDuIFxQkZG_cqNpbsohHx9w-w2GCMuR1q7BTY/s1600/bloggertrix-pinterest-icon.png" /></a></td><td>
<a href="URL Google+ Anda" rel="nofollow" target="_blank"><img class="beintouch" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBn0YBnfYoRKqW1eXmMkxFuvsgDJWLarY0OyfD0CqkOuDNSJu7RIc80H3P4y29AkJEWle4gs2z8MdHadwT26GgvzZLQdY_Y3EvRD9J8BRXOnc52Lt0CdLSDrHr-8cJ17AGnCg3x6mC7PA/s1600/bloggertrix-google-icon.png" /></a></td><td>
<a href="http://feeds.feedburner.com/ID Feedburner Anda" rel="nofollow" target="_blank"><img class="beintouch" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNkKa690g91Mv3L9MWhxjTlIlZB2UJG6miHy0Vgj8dGVbHuXlFGPfTLnYwKMgVuH-LG9l6vBO3Y3ok6rg0cBhs8fCy2_GV-IUQVhK8QlD3iNy_fniAEJKAL9u8BmrIGT5DzpKHtRhNl8w/s1600/bloggertrix-rss-feed-icon.png" /></a></td></tr>
</tbody></table>
<div>
<center>
<b>Dapatkan Artikel Kami Dengan Email</b></center></div>
<form action="http://feedburner.google.com/fb/a/mailverify" class="emailform" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=ID Feedburner Anda', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="margin: 0pt;" target="popupwindow">
<input name="uri" type="hidden" value="ID Feedburner Anda" />
<input name="loc" type="hidden" value="en_US" />
<input class="emailtext" name="email" onblur="if (this.value == "") {this.value = "Enter your email...";}" onfocus="if (this.value == "Enter your email...") {this.value = ""}" type="text" value="Enter your email..." />
<input alt="" class="ebutton" title="" type="submit" value="Subscribe" />
</form>
</div>

Keterangan :
Ganti kode-kode yang sudah diwarnai diatas, sesuai dengan kebutuhan Anda.
4. Save template Anda.

Continue

cara membuat Email Subscribe

by Yuga irgi on 9:25 PM No comments

Berbagai Macam cara membuat Email Subscribe memang banyak sekali di posting sahabat-sahabat blogging kita. Sebelumnya saya pernah posting dengan topik membuat Subcribe di blogspot, namun yang kemaren itu bisa di bilang kurang lengkap.

Mengapa kurang lengkap, ya karena kali ini kita akan menambah kan banyak fitur Seperti Follow Twitter ,Like halaman facebook, dan Like Google Plus.

nah ..langsung saja kita mulai cara-caranya.

1. Silahkan salin kode berikut ini ke dalam elemen Html/Javascript blog anda.
caranya di rancangan/desain pilih add widget pilih add html/javascript.

keterangan:
1. Ganti angka 300 yang berwarna merah sesuai ukuran yang anda inginkan.
2. ganti id Google plus yang berwarna biru dengan ID google Plus anda.
3.Ganti arieadie yang berwarna hijau dengan page halaman facebook anda.
4. Jika anda mau merubah background nya ,anda cukup mengganti kode #E3EDF4
dengan kode kesukaan anda.
5.Ganti lindamarlina dengan id twetter anda.
6.Ganti blogcapoenk dengan id email subscribe feedburner anda.
7. simpan widget anda dan lihat hasilnya.

Selamat mencoba ,semoga tutorial tentang membuat email subscription keren ini bermanfaat buat sahabat blogging.
jangan lupa ya support komentarnya di bawah.

Continue

Cara membuat widget email subscribe keren abiz

by Yuga irgi on 9:23 PM 2 comments

Halo, sobat blogger! Posting saya kali ini, mengenai memodifikasi widget email subscribe. Tampilannya kurang lebih seperti ini :

Gimana gan, keren kan? Kalo gitu langsung saja tancap gas gaan...

1. Login blog.
2. Tata letak.
3. Add gadget.
4. HTML/Javascript.
5. Copas script dibawah ini :

<style>

/* Social Widget */

#B-mashable-bar {

border: 0;

margin-bottom: 10px;

margin: 0 auto;

width:300px;

}

.fb-likebox {

background: #fff;

padding: 10px 10px 0 10px;

border: 1px solid #D8E6EB;

margin-top: -2px;

border-bottom:0;

}

.googleplus {

background: #fff;

border-right: 1px solid #D8E6EB;

border-left: 1px solid #D8E6EB;

border-image: initial;

font-size: .90em;

font-family: "Arial","Helvetica",sans-serif;

color: #000;

padding: 9px 11px;

line-height: 1px;}

.googleplus span {

color: #000;

font-size: 11px;

position: absolute;

display:inline-block;

margin: 9px 80px;}

.g-plusone { float: left;}

.twitter {

background: #fff;

padding: 5px;

border: 1px solid #C7DBE2;

border-top: 0;}

#mashable {

background: #EBEBEB;

border: 1px solid #CCC;

border-top: 1px solid white;

padding: 2px 8px 2px 3px;

text-align: right;

border-image: initial;}

#mashable .author-credit {}

#mashable .author-credit a {

font-size: 10px;

font-weight: bold;

text-shadow: 1px 1px white;

color: #1E598E;

text-decoration:none;}

#email-news-subscribe .email-box{

padding: 5px 10px;

font-family: "Arial","Helvetica",sans-serif;

border-top: 0;

border-right: 1px solid #C7DBE2;

border-left: 1px solid #C7DBE2;

border-image: initial;

height:35px;}

#email-news-subscribe .email-box input.email{

background:#FFFFFF;

border: 1px solid #dedede;

color: #999;

-moz-border-radius: 3px;

-webkit-border-radius: 3px;

-o-border-radius: 3px;

-ms-border-radius: 3px;

-khtml-border-radius: 3px;

border-radius: 3px;

border-image: initial;

font-family: "Arial","Helvetica",sans-serif;}

#email-news-subscribe .email-box input.email:focus{color:#333}

#email-news-subscribe .email-box input.subscribe{

background: #ff9b00;

border-radius:3px;

-moz-border-radius:3px;

-webkit-border-radius:3px;

border:1px solid #cc7c00;

color:white;

text-shadow:#d08d00 1px 1px 0;

padding:5px 14px;

margin-left:3px;

font-weight:bold;

font-size:12px;

cursor:pointer;

border-image: initial;}

#email-news-subscribe .email-box input.subscribe:hover{

backfround: #ff9b00;

-moz-box-shadow:0 0 3px #999;

-webkit-box-shadow:0 0 3px #999;

box-shadow:0 0 3px #999;

border-radius:3px;

-moz-border-radius:3px;

-webkit-border-radius:3px;

border:1px solid #cc7c00;

color:#FFFFFF;

text-shadow:#d08d00 1px 1px 0}

#other-social-bar {

background-color: #D8E6EB;

box-shadow: 0 1px 1px #FFFFFF inset;

padding: 0px;

font-family: "Arial","Helvetica",sans-serif;

font-weight:bold;

overflow: hidden;

border: 1px solid #B6D0DA;

height:30px;

}

#other-social-bar ul {list-style: none outside none; padding-left: 4px;}

#other-social-bar .other-follow {

float: left;

color:#1E598E;

overflow: hidden;

height:20px;

padding:5px;

width: 260px;}

#other-social-bar .other-follow ul {

list-style: none outside none;

padding-left: 4px;}

#other-social-bar .other-follow ul li {

font-size: 12px;

font-weight: bold;

display:inline;

border:0;

text-shadow: 1px 1px white;}

#other-social-bar .other-follow ul li a {

font-size: 12px;

color:#1E598E;

font-weight: bold;

display:inline;

text-shadow: 1px 1px white;}

#other-social-bar .other-follow li {

font-size: 12px;

font-weight: bold;

display:inline;

border:0;

text-shadow: 1px 1px white;}

#other-social-bar .other-follow li a {

font-size: 12px;

color:#1E598E;

font-weight: bold;

display:inline;

text-shadow: 1px 1px white;}

#other-social-bar .other-follow li.my-rss {

background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjok3GFXBHHHGzwlc-E7W09RZdUEEqj-oY8LdPc6q2Dlx6ZXi5J5bh-LxMMvH8qnT3U6qDRbQDB7n8XOckhe3BPMklUCx7j4AAXqPpf-Hwy7_U8tWRzlX8WBESdzu5oAJiaPe14CEcvGfU/s400/rss-16x16.png') no-repeat transparent;

line-height: 1;

padding: 0px 3px 1px 20px;

width: 60px;

margin-bottom:0px;

margin-left:5px;}

#other-social-bar .other-follow li.my-rss a, #other-social-bar .other-follow li.my-linkedin a, #other-social-bar .other-follow li.my-gplus a{

text-decoration:none;

}

#other-social-bar .other-follow li.my-rss a:hover, #other-social-bar .other-follow li.my-linkedin a:hover, #other-social-bar .other-follow li.my-gplus a:hover{

text-decoration:underline;

}

#other-social-bar .other-follow li.my-fb { background: url ('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgklVmrgfXLJ3P0QtAsWTw7wvu1MvGUSEiTSU4XiUPlupwK4QpVpt6rTz6el93aiQwLMpv-ewqmAC5API9m88G2vnAERQENhcDIt8m3P8JFWkkgdJrreg09Pj08zTTEQBgUG2ZlxHwQ8_A/s400/facebook.png') no-repeat transparent;

line-height: 1;

padding: 0px 3px 1px 20px;

width: 60px;

margin-bottom:0px;}

#other-social-bar .other-follow li.my-gplus {

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH3HCm62oHtdmI-I-rHamJ2n_ApkZpbuSFls4aQLfC_KWRKdr1RBPRaybK3vIwiuK-MM1hYVhyphenhyphenRx4ePE2GwiaixyUTOTr5doUxKU1Z1TddFcbosahNVMRC7e_qKfDoISLkEdL9-vTMvTA/s400/gplus-16x16.png) no-repeat transparent;

line-height: 1;

width: 60px;

padding: 0px 3px 1px 20px;

margin-bottom:0px;}

</style>



<div style="margin-bottom:1px;"> <div id="B-mashable-bar" > 

<div class="fb-likebox">  <script type="text/javascript" src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/en_US"></script>

<script type="text/javascript">FB.init("");</script>

<fb:fan profile_id="PROFILE ID FACEBOOK" stream="0" connections="18" width="300px" height="170px" header="0" logobar="0" css="http://script-bamz-us.googlecode.com/files/facebook.js"></fb:fan> </div> <div class="googleplus">  <span>Recommend us on Google!</span><div class="g-plusone" data-size="medium"></div> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> </div>

<div class="twitter">  <iframe title="" style="width: 300px; height: 20px;" class="twitter-follow-button" src="http://platform.twitter.com/widgets/follow_button.html#_=1319978796351&

align=&button=blue&id=twitter_tweet_button_0&

lang=en&link_color=&screen_name=USERNAME TWITTER ANDA&show_count=&

show_screen_name=&text_color=" frameborder="0" scrolling="no"></iframe> </div> <div id="email-news-subscribe">

 <div class="email-box">

<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=ID FEEDBURNER', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">

<input class="email" type="text" style="width: 160px; font-size: 12px+" id="email" name="email" value="Enter Your Email here.." onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if (this.value==')this.value=this.defaultValue;" />

<input type="hidden" value="ID FEEDBURNER" name="uri" />

<input type="hidden" name="loc" value="en_US" />

<input class="subscribe" name="commit" type="submit" value="Subscribe" />

</form>

</div> </div> <div id="other-social-bar">  <ul class="other-follow"> <li class="my-rss"> <a rel="nofollow" title="RSS" href="http://feeds.feedburner.com/ID FEEDBURNER ANDA" target="_blank">RSS Feed</a> </li> <li class="my-fb"> <a rel="nofollow" title="FB" rel="author" href="ALAMAT FB ANDA" target="_blank">Facebook</a> </li> <li class="my-gplus"> <a rel="nofollow" title="Goofle Plus" rel="publisher" href="http://plus.google.com/107316055823938290681" target="_blank">Google Plus</a> </li> </ul> </div> <div id="mashable"> <span class="author-credit" style="font-family: Arial, Helvetica, sans-serif;"><a href="http://infoiki.blogspot.com/2012/08/cara-membuat-widget-email-subscribe.html" target="_blank" >get this</a></span></div></div>

 </div>

Keterangan :
1. Ganti kode berwarna merah dengan ID feedburner anda.
2. Ganti kode yang saya beri Blok kuning dengan Id profile facebook fans page anda.
Example : http://facebook.com/pages/nama-page/DISINI ID PROFILE ANDA

3. Ganti kode berwarna hijau dengan url facebook fans page anda.
4. Ganti kode yang saya beri Blok merah dengan username twitter anda.
5. Ganti kode berwarna ungu dengan ID google plus anda.
Example : https://plus.google.com/ID GOOGLE PLUS ANDA/posts

6. Terakhir, klik Save dan lihat hasilnya.

Good luck! :)

Continue

blog capoenk

Wednesday, May 1, 2013

Tuesday, March 26, 2013

membuat subscribe keren di blog

Cara Bikin Form atau Widget Kotak Berlangganan via email

Email Subscription dengan Gambar

Cara Mudah Membuat Popup Email Subscribe / Berlangganan Artikel Terbaru Pada Blog

CSS, HTML, JavaScript dan Cara Memasang

Cara Membuat Widget Mashable di Blog - Kotak Subscribe Keren

Fitur Widget Mashable

Cara Membuat Widget Subscribe Keren untuk Blog

Merubah Tampilan Widget Follow By Email

Merubah Tampilan Widget Follow By Email :

Cara Menambahkan Widget Follow By Email :

Sosial Bookmarking & Kotak Berlanganan Artikel Untuk Blogger

Langkah Membuat Sosial Bookmarking & Kotak Berlanganan Artikel Untuk Blogger :

cara membuat Email Subscribe

Cara membuat widget email subscribe keren abiz

klik donk

Blog Archive

About

Labels

About Me