Cara membuat Widget Stay Connect

Kali ini coba membuat Widget Stay Connect,lak usang panjang lebar kita masuk TKP.





Seperti apa bentuknya ? Silakan bisa dilihat pada gambar dibawah:

Cara pemasangannya juga mudah sob, yakni tinggal ikuti langkah-langkahnya dibawah. hehe..

Cara membuat widget stay connected :

• Seperti biasa kamu harus Login ke dashboard blogger kamu.

• Pilih Rancangan > Elemen Laman > Add gadget (HTML/JavaScript).

• Copy script dibawah ini dan paste pada gadget.
  
  <style>
  #news-letter{clear:both;padding-top:10px;}
  .msg-box{float:left;width:50px;height:54px;margin-right:9px;padding-top:5px;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvky2KQ7XLx2QGsJ55eT0bUYLB8139E11h_yf98jlogljxnlWhF_mVrkx5SaWT8JFcT9Vz3s0538Szre86tCrQLIspPhunNduNM4wiVQhZ46DCWMPQeHQTTbKKz9STpjPjoQsFU5lgFAY/s800/mail-box.png) no-repeat;}
  .news-headline{position: relative;z-index: 999;font-size: 10px;padding-bottom:10px;font-weight:bold;}
  </style>
  
  
  <div class="news-headline" color:#333;>
  Read latest headlines in your favorite news  reader
  </div>
  <center>
  <table border="0">
  <tr>
  <td style="padding-right:4px;">
  <a href="http://twitter.com/TWITTER-NAME" target="_blank" title="Follow Me On Twitter">
  <img style="width:25px; height:25px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEqK7fpqF3ueY-SAYUx657_GURxsO6QZsZoAQCLMZ1yDrqD5opv8w0KpaI9KlYfQGa5IQPjjXvdxMI9CKpJkE3Ff2GwXp74pOhD9oXuupIygLlFlgOJdjpeuB46jMotJ38J47evlk1fVA/s800/twitt.png" /></a>
  </td>
  <td style="padding-right:4px;">
  <a href="http://feeds.feedburner.com/FEEDNAME" target="_blank" title="Subscribe Via RSS">
  <img style="width:25px; height:25px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimYJ-B9YoFf9kJ3jI1cWWJmcWUZkbQEJZ241oOIvU7mjzrmPKWwrZXrlFtyYAjmoVJa4jlxxrxB-6eJxkJfFxB8JfySae7aNdDU06-YeLkK3K2pBYCMK8IxPAhzDS77KSQ-7F5jLK6kEk/s800/Feed-icon_128.png" /></a>
  </td>
  <td style="padding-right:4px;">
  <a href="FACEBOOK-URL" target="_blank" title="Find Us On Facebook">
  <img style="width:25px; height:25px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivfXtykCyCWW-cUEbxe9w8M3gx_TysJrM5ZbLP3a4ZHXea7ZZglEUAlPXILt4crnTzgpCSuwDbvVCjGRTbNetqS5GUoE1iQPe6Pbs3g4O6a1-xUozvrAwXUVmgL1wgeb31a3UPSNo7_cU/s800/Facebook_icon.png" /></a>
  </td>
  <td style="padding-right:4px;">
  <a href="GOOGLE-PLUS-URL" target="_blank" title="Add me on Google+">
  <img style="width:25px; height:25px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcrYhC9tu2ARhV8ZyGrSpmIdaTGECBT-TOmGztgM6x3fN0O1d8xFVmsT7mb3NQTVTVEQ-iLVogSUMt3ABnuhccpzatI-OAM0Idjh5WtXaCygScnmKLqPk-UC996QzSfjlPqKWmUFssgKc/s800/googleplusicon.png" /></a>
  </td>
  <td style="padding-right:4px;">
  <a href="http://www.stumbleupon.com/share?url=URL BLOG KAMU" target="_blank" title="Stumble Upon">
  <img style="width:25px; height:25px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3QfTXCvbFA8g-JwL-xx8DWOtv2Qew4pQ65JlDv1xnCWniVsxOGi9_sCdp_zm-r1EIuPiVT-dHR99ueqdQJQ9ajgdTX1xmn1RGc8D0enmid59_oIfMq37HgaCYZyyfwT3koAwQDgFDGEw/s800/stumbleupon_icon.png" /></a>
  </td>
  <td style="padding-right:4px;">
  <a href="http://technorati.com/faves?sub=addfavbtn&add=URL BLOG KAMU" target="_blank" title="Add To Technorati">
  <img style="width:25px; height:25px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5lUF6CsSi2mSxc-bgvdI0luz3C2SaSLJKDdT3J7yxhbxCiMrJCtDZi2Lrf33g1XGMTJUe4y3Uno7ETvGJccRWZTM5ugIbUF2bUyGtMtNq4K9FLmEWtPz19yvFrPzuGXmx_poP9eowJs4/s800/Technorati-icon.png" /></a>
  </td>
  <td>
  <td style='padding-top:-2px;'>
  <a href="http://feeds.feedburner.com/FEEDNAME"><img src="http://feeds.feedburner.com/~fc/FEEDNAME?bg=000000&amp;fg=ffffff&amp;anim=0&amp;label=listeners" height="26" width="88" style="border:0" alt="" /></a>
  </td>
  </td>
  </tr>
  </table>
  </center>          
  <div id="news-letter">
  <span class="msg-box"></span>
  <b>Sign up for our email news letter</b>
  <form onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=FEEDNAME', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow" method="post" action="http://feedburner.google.com/fb/a/mailverify?uri=FEEDNAME">
  <p><input type="text" valign="middle" name="email" value="Enter your email address" size="25" maxlength="100" onfocus="this.value = '';" style="width: 140px; height: 21px; font-size: 11px; color: rgb(51, 51, 51);" gtbfieldid="2"/>
  <input type="hidden" value="FEEDNAME" name="uri"/>
  <input type="hidden" name="loc" value="en_US"/>
  <input type="submit" value="Sign Up" id="submit"/>
  </p>
  </form>
  </div>
  Get this <a href="http://kamu-klik.blogspot.com/2012/02/widget-berlangganan-keren-stay-connect.html" target="_blank"><blink>widget</blink></a></div>
  

• Lalu kamu Save / Simpan.

Panduan mengedit widget stay connected :

• Ganti FEEDNAME dengan nama/judul feed blog anda yang sudah terdaftar pada layanan Feedburner. Kalau anda belum memiliki akun di Feedburner maka mendaftarlah lebih dulu dan supaya mudah diingat (untuk cara mendaftar, silakan cari di google dgn kata kuncu 'Cara mendaftar feedburner) buatlah judul feed blog anda sama dengan title blog. Misalnya untuk blog ini saya berikan nama feednya “Kamu-Klik”.

• Ganti TWITTER-NAME dengan nama akun twitter anda.

• Ganti FACEBOOK-URL dengan alamat fan page atau boleh juga profil Facebook anda.

• Ganti GOOGLE-PLUS-URL dengan nama akun Google +1 anda.

• Dan yang terakhir, ganti URL BLOG KAMU dengan alamat/url homepage blog anda. Misalnya http://phoneholix.blogspot.com/.

Sumber: http://phoneholix.blogspot.com/#ixzz1moL40ysp