hotbizindo

Membuat Tulisan Dicoret Pada facebook, Twitter, dan sosial media lainnya

Tool Unicode untuk membuat teks strikethrough atau tek dicoret<div dir="ltr" style="text-align: left;" trbidi="on"><br /><div><br /><div><br /><title>Unicode strikethrough text tool for Twitter, Facebook, internationalized domain names, etc.</title><br /><br /><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script><br /><script><br />$(document).ready(function() {<br /><br />  function strikethroughText(text) {<br />    var result = '';<br />    $.each(text.split(''), function() {<br />      result += this + '\u0336';<br />    });<br />    return result;<br />  }<br />  <br />  $('#strikethroughButton').click(function() {<br />    var text = $('#strikethroughField').val()<br />    $('#strikethroughResult').html(strikethroughText(text));<br />    $('#resultsDiv button').attr('disabled', false);<br />    $('#checkDomain').text('Lihat Apakah ' + strikethroughText(text.replace(/ /g,"-")) + '.com masih tersedia');<br />  });<br />  <br />  $('#tweetThis').click(function() {<br />    window.open('http://twitter.com/home?status='+$('#strikethroughResult').text()+'  Made with: http://toolsed.blogspot.com/2015/03/membuat-tulisan-dicoret-pada-facebook.html ');<br />  });<br />  <br />  $('#checkDomain').click(function() {<br />    var text = $('#strikethroughField').val();<br />    window.open('http://www.dynadot.com/domain/search2.html?domain=' + strikethroughText(text.replace(/ /g,"-")) + '&k16cOwH9U7x');<br />  });<br />  <br />});<br /></script><br /><style><br />  #container {width:100%;margin:0 auto;font-family:monospace;}<br />  h1, h2, h3, p strong {font-family:Georgia;}<br />  #strikethroughField, #strikethroughResult {display:block;margin-bottom:0 0 10px 0;width:400px;height:100px;padding:10px;border:1px solid #CCC;font-family:monospace;font-size:16px;}<br />  #resultsDiv button {font-family:monospace;font-size:12px;padding:4px;}<br />  .red {color:red;}<br /></style><br /></div><br /><div><br /><div id="container"><br /><h2><br />Unicode strikethrough text tool</h2><br /><h3><br />Mermbuat tulisan s̶t̶r̶i̶k̶e̶t̶h̶r̶o̶u̶g̶h̶  pada postingan Twitter, Facebook, nama domain international, dll.</h3><br /><div style="text-align: justify;"><br />Tool sederhana ini menghasilkan tulisan  s̶t̶r̶i̶k̶e̶t̶h̶r̶o̶u̶g̶h̶  menggunakan karakter unicode. Sementara teks yang dihasilkannya mungkin terlihat mirip dengan teks yang dihasilkan dengan menggunakan  <strike> HTML tag atau text-decoration:line-through CSS attribute, beda<span class="red">*</span>. Anda dapat menggunakan script ini untuk menghasilkan teks dicoret untuk menyisipkan ke Twitter atau Facebook, atau untuk mendaftarkan nama domain internasional yang mengandung karakter dicoret (misal. <a href="http://xn--strike-37dbbbbb.ws/">s̶t̶r̶i̶k̶e̶.ws</a>).<span class="red">**</span></div><br /><div style="text-align: justify;"><br /><span class="red">*</span>Jika Anda copy & paste &  <strike>HTML generated strike</strike> ini ke dalam dokumen teks atau HTML form field, atribut dekorasi teks tidak akan menempel (kecuali jika Anda menyisipkan ke dalam WYSIWYG HTML editor). Namun, jika Anda copy dan paste U̶N̶I̶C̶O̶D̶E̶ ̶g̶e̶n̶e̶r̶a̶t̶e̶d̶ ̶s̶t̶r̶i̶k̶e̶, ini, dekorasi teks akan tetap ikut bertahan tidak hilang.</div><br /><br /><br />Langsung saja boz, caranya gampang sekali: Silahkan tulis sembarang pada kotak "input" dibawah ini.<br /><br /><br /><ol style="text-align: left;"><br /><li>Hapus atau blok dan delete dulu tulisan "( <i>contoh: Maaf Salah Tulis di Coret</i> )" yang ada di dalam kotak "<b>input</b>" Lalu ganti dengan tulisan anda.</li><br /><li>Klik tombol "<b>Klik untuk Nyoret</b>" selesai. kamu bisa copi paste hasilnya.<br /></li><br /></ol><br /><b>Input</b>:<br /><br /><textarea autocomplete="false" id="strikethroughField">contoh: Maaf Salah Tulis di Coret

Ini Hasilnya (kamu bisa salin atau kopi paste, silahkan):

c̶o̶n̶t̶o̶h̶:̶ ̶M̶a̶a̶f̶ ̶S̶a̶l̶a̶h̶ ̶T̶u̶l̶i̶s̶ ̶d̶i̶ ̶C̶o̶r̶e̶t̶

Skrip ini ditulis oleh Adam Varga / @varga

informasi selengkapnya unicode strikethrough characters & internationalized domain names (IDN).

** Jika Anda menjalankan masalah mendaftarkan IDN melalui Dynadot, baca disini IDN FAQ. Petunjuk: Karakter diperbolehkan dalam .com dan .net TLDs jauh lebih ketat daripada gTLD lainnya.

Membuat Tulisan Dicoret Pada facebook, Twitter, dan sosial media lainnya

Tool Unicode untuk membuat teks strikethrough atau tek dicoret Unicode strikethrough text tool for Twitter, Facebook, internationalized doma...

Baca selengkapnya »

ninjawords.com

<div dir="ltr" style="text-align: left;" trbidi="on"><br /><div class="" style="text-align: left;"><br /></div><br /><div style="text-align: center;"><br />Ninja Word<br /></div><br /><div class="separator" style="clear: both; text-align: center;"><br /></div><br /><div class="separator" style="clear: both; text-align: center;"><br /></div><br /><div class="separator" style="clear: both; text-align: center;"><br /></div><br /><div class=""><br /><script src="http://code.jquery.com/jquery-1.10.1.min.js"></script><br /><script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script><br /><script type="text/javascript"><br />/*jslint white: true, indent: 2, onevar: false, browser: true, undef: true, nomen: false, eqeqeq: true, plusplus: false, bitwise: true, regexp: true, strict: false, newcap: true, immed: true */<br />/*global window, console, jQuery, setTimeout */<br /><br />/*<br />  Plugin: iframe autoheight jQuery Plugin<br />  Version: 1.9.3<br />  Author and Contributors<br />  ========================================<br />  NATHAN SMITH (http://sonspring.com/)<br />  Jesse House (https://github.com/house9)<br />  aaron manela (https://github.com/aaronmanela)<br />  Hideki Abe (https://github.com/hideki-a)<br />  Patrick Clark (https://github.com/hellopat)<br />  ChristineP2 (https://github.com/ChristineP2)<br />  Mmjavellana (https://github.com/Mmjavellana)<br />  yiqing-95 (https://github.com/yiqing-95)<br />  jcaspian (https://github.com/jcaspian)<br />  adamjgray (https://github.com/adamjgray)<br />  Jens Bissinger (https://github.com/dpree)<br /><br />  File: jquery.iframe-auto-height.plugin.js<br />  Remarks: original code from http://sonspring.com/journal/jquery-iframe-sizing<br />  Description: when the page loads set the height of an iframe based on the height of its contents<br />  see README: http://github.com/house9/jquery-iframe-auto-height<br /><br />*/<br />(function ($) {<br />  $.fn.iframeAutoHeight = function (spec) {<br /><br />    var undef;<br />    if ($.browser === undef) {<br />      var message = [];<br />      message.push("WARNING: you appear to be using a newer version of jquery which does not support the $.browser variable.");<br />      message.push("The jQuery iframe auto height plugin relies heavly on the $.browser features.");<br />      message.push("Install jquery-browser: https://raw.github.com/house9/jquery-iframe-auto-height/master/release/jquery.browser.js");<br />      alert(message.join("\n"));<br />      return $;<br />    }<br /><br />    // set default option values<br />    var options = $.extend({<br />        heightOffset: 0,<br />        minHeight: 0,<br />        callback: function (newHeight) {},<br />        animate: false,<br />        debug: false,<br />        diagnostics: false, // used for development only<br />        resetToMinHeight: false,<br />        triggerFunctions: [],<br />        heightCalculationOverrides: []<br />      }, spec);<br /><br />    // logging<br />    function debug(message) {<br />      if (options.debug && options.debug === true && window.console) {<br />        console.log(message);<br />      }<br />    }<br /><br />    // not used by production code<br />    function showDiagnostics(iframe, calledFrom) {<br />      debug("Diagnostics from '" + calledFrom + "'");<br />      try {<br />        debug("  " + $(iframe, window.top.document).contents().find('body')[0].scrollHeight + " for ...find('body')[0].scrollHeight");<br />        debug("  " + $(iframe.contentWindow.document).height() + " for ...contentWindow.document).height()");<br />        debug("  " + $(iframe.contentWindow.document.body).height() + " for ...contentWindow.document.body).height()");<br />      } catch (ex) {<br />        // ie fails when called during for each, ok later on<br />        // probably not an issue if called in a document ready block<br />        debug("  unable to check in this state");<br />      }<br />      debug("End diagnostics -> results vary by browser and when diagnostics are requested");<br />    }<br /><br />    // show all option values<br />    debug(options);<br /><br />    // ******************************************************<br />    // iterate over the matched elements passed to the plugin ; return will make it chainable<br />    return this.each(function () {<br /><br />      // ******************************************************<br />      // http://api.jquery.com/jQuery.browser/<br />      var strategyKeys = ['webkit', 'mozilla', 'msie', 'opera'];<br />      var strategies = [];<br />      strategies['default'] = function (iframe, $iframeBody, options, browser) {<br />        // NOTE: this is how the plugin determines the iframe height, override if you need custom<br />        return $iframeBody[0].scrollHeight + options.heightOffset;<br />      };<br /><br />      jQuery.each(strategyKeys, function (index, value) {<br />        // use the default strategy for all browsers, can be overridden if desired<br />        strategies[value] = strategies['default'];<br />      });<br /><br />      // override strategies if registered in options<br />      jQuery.each(options.heightCalculationOverrides, function (index, value) {<br />        strategies[value.browser] = value.calculation;<br />      });<br /><br />      function findStrategy(browser) {<br />        var strategy = null;<br /><br />        jQuery.each(strategyKeys, function (index, value) {<br />          if (browser[value]) {<br />            strategy = strategies[value];<br />            return false;<br />          }<br />        });<br /><br />        if (strategy === null) {<br />          strategy = strategies['default'];<br />        }<br /><br />        return strategy;<br />      }<br />      // ******************************************************<br /><br />      // for use by webkit only<br />      var loadCounter = 0;<br /><br />      // resizeHeight<br />      function resizeHeight(iframe) {<br />        if (options.diagnostics) {<br />          showDiagnostics(iframe, "resizeHeight");<br />        }<br /><br />        // set the iframe size to minHeight so it'll get smaller on resizes in FF and IE<br />        if (options.resetToMinHeight && options.resetToMinHeight === true) {<br />          iframe.style.height = options.minHeight + 'px';<br />        }<br /><br />        // get the iframe body height and set inline style to that plus a little<br />        var $body = $(iframe, window.top.document).contents().find('body');<br />        var strategy = findStrategy($.browser);<br />        var newHeight = strategy(iframe, $body, options, $.browser);<br />        debug(newHeight);<br /><br />        if (newHeight < options.minHeight) {<br />          debug("new height is less than minHeight");<br />          newHeight = options.minHeight + options.heightOffset;<br />        }<br /><br />        debug("New Height: " + newHeight);<br />        if (options.animate) {<br />          $(iframe).animate({height: newHeight + 'px'}, {duration: 500});<br />        } else {<br />          iframe.style.height = newHeight + 'px';<br />        }<br /><br />        options.callback.apply($(iframe), [{newFrameHeight: newHeight}]);<br />      } // END resizeHeight<br /><br />      // debug me<br />      debug(this);<br />      if (options.diagnostics) {<br />        showDiagnostics(this, "each iframe");<br />      }<br /><br />      // if trigger functions are registered, invoke them<br />      if (options.triggerFunctions.length > 0) {<br />        debug(options.triggerFunctions.length + " trigger Functions");<br />        for (var i = 0; i < options.triggerFunctions.length; i++) {<br />          options.triggerFunctions[i](resizeHeight, this);<br />        }<br />      }<br /><br />      // Check if browser is Webkit (Safari/Chrome) or Opera<br />      if ($.browser.webkit || $.browser.opera) {<br />        debug("browser is webkit or opera");<br /><br />        // Start timer when loaded.<br />        $(this).load(function () {<br />          var delay = 0;<br />          var iframe = this;<br /><br />          var delayedResize = function () {<br />            resizeHeight(iframe);<br />          };<br /><br />          if (loadCounter === 0) {<br />            // delay the first one<br />            delay = 500;<br />          } else {<br />            // Reset iframe height to 0 to force new frame size to fit window properly<br />            // this is only an issue when going from large to small iframe, not executed on page load<br />            iframe.style.height = options.minHeight + 'px';<br />          }<br /><br />          debug("load delay: " + delay);<br />          setTimeout(delayedResize, delay);<br />          loadCounter++;<br />        });<br /><br />        // Safari and Opera need a kick-start.<br />        var source = $(this).attr('src');<br />        $(this).attr('src', '');<br />        $(this).attr('src', source);<br />      } else {<br />        // For other browsers.<br />        $(this).load(function () {<br />          resizeHeight(this);<br />        });<br />      } // if browser<br /><br />    }); // $(this).each(function () {<br />  }; // $.fn.iframeAutoHeight = function (options) {<br />}(jQuery)); // (function ($) {<br /></script><br /><iframe frameborder="0" height="300px" scrolling="no" src="http://ninjawords.com" width="100%"></iframe><br /> <script type="text/javascript"> jQuery('iframe').iframeAutoHeight(); </script><br /><br /></div><br /><div style="text-align: center;"><br />NinjaWord </div><br /><div class="separator zemanta-img" style="clear: both; text-align: center;"><br /><a href="http://www.flickr.com/photos/43666171@N07/6499940113" style="margin-left: 1em; margin-right: 1em;"><img alt="Word_BlogNinja" border="0" class="zemanta-img-inserted" height="240" src="http://farm8.static.flickr.com/7001/6499940113_b40f1ca3f8_m.jpg" style="border: medium none; font-size: 0.8em;" width="195" /></a></div><br /><div class="" style="text-align: center;"><br /> </div><br /><div class="zemanta-pixie" style="height: 15px; margin-top: 10px;"><br /><img alt="" class="zemanta-pixie-img" src="http://img.zemanta.com/pixy.gif?x-id=65c741d5-378a-4401-a4b5-c7f80bd592df" style="border: none; float: right;" /></div><br /></div><br />

ninjawords.com

Ninja Word NinjaWord

Baca selengkapnya »

BablasHot!: SELAMAT HARI RAYA IDUL FITRI 1434H MOHON MAAF LAHIR DAN BATHIN

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
<a href="http://bablashot.blogspot.com/2013/08/selamat-hari-raya-idul-fitri-1434h.html">BablasHot!: SELAMAT HARI RAYA IDUL FITRI 1434H MOHON MAAF LAHIR DAN BATHIN<img href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoOF5tFnK203XXu2SJ7PwXDt5Zfv_OGg26YhReCb3KckGWBkOACePg9vaB87Yno5g75kMndbN419Zyfu_05cxTEranhCgrwnCy_MS13n3-EQzoQCNgBii-xAO0wAaZlZVt7g2ckP6gsu8V/s1600/lebaran+bro+800px.png" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoOF5tFnK203XXu2SJ7PwXDt5Zfv_OGg26YhReCb3KckGWBkOACePg9vaB87Yno5g75kMndbN419Zyfu_05cxTEranhCgrwnCy_MS13n3-EQzoQCNgBii-xAO0wAaZlZVt7g2ckP6gsu8V/s640/lebaran+bro+800px.png" width="100%" /> </a></div>
<div style="text-align: center;">
SELAMAT HARI RAYA IDUL FITRI 1434H MOHON MAAF LAHIR DAN BATHIN</div>
<div class="zemanta-pixie" style="height: 15px; margin-top: 10px;">
<a class="zemanta-pixie-a" href="http://www.zemanta.com/?px" title="Enhanced by Zemanta"><img alt="Enhanced by Zemanta" class="zemanta-pixie-img" src="http://img.zemanta.com/zemified_h.png?x-id=36485fd5-46be-477c-9785-28fbf6c287e7" style="border: none; float: right;" /></a></div>
</div>

BablasHot!: SELAMAT HARI RAYA IDUL FITRI 1434H MOHON MAAF LAHIR DAN BATHIN

BablasHot!: SELAMAT HARI RAYA IDUL FITRI 1434H MOHON MAAF LAHIR DAN BATHIN SELAMAT HARI RAYA IDUL FITRI 1434H MOHON MAAF LAHIR DAN BAT...

Baca selengkapnya »

How To Add Scrolling Sticky Bar To Blogger?

<span style="font-size: 15px;">On-Scroll Sticky Bar. A simple widget which appears in the upper part of your page as you scroll down and disappears again on reaching the top something similar to the Facebook header bar. It contains social sharing options as well as links to Home Page of your blog. Also present are the Slide to Top and Email subscribe options. This can be easily customized to include options according to your needs. Lets get started and see how to add it in your blog !<br /><br />To add to sticky bar I will recommend you to use old blogger user interface because as per widget author it throws an unexpected error,you can switch back to old blogger interface by clicking on the Settings Wheel icon at top right of your new blogger dashboard.<br /><b></b></span><br /><br /><a name="more"></a><span style="font-size: 15px;"><b><br /><span style="font-size: large;">Demo.</span></b><br />You can see the live demo on this very page itself ! Please scrool to  down this page, you can see it.</span><br /><br /><br /><br /><a href="http://www.stylifyyourblog.com/2012/06/scrolling-sticky-bar-for-blogger.html" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="sticky header bar" class="thumb" height="auto" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzi_nhqxjQcXQqS4U0i4KNe0wDQ4s8dC6YCOHQwgwL4f2tRJduhuCtWabyMoAnYuc1Ce7lfy6CtRCDEBym3uUy4-0VXviwDKlvYcc57rEtDAQIs2WeFOabY_iyyzzWi2xAl11MtOrU7XQV/s400/sticky+bar.PNG" width="100%" /></a><span style="font-size: 15px;"><span style="font-size: 15px;"></span><br /> </span><br /><br /><br /><br /><span style="font-size: 15px;"><b>How To Add Scrolling Sticky Bar To Blogger? Please follow the step by step below:<br /><br /><br /><span style="font-size: large;"><span style="font-size: small;">Steps 1 : Adding CSS code The Bar Styles</span></span></b></span><span style="font-size: small;"><b><br /></b></span><br /><br /><ol><br /><li><span style="font-size: 15px;">Go to Blogger Dashboard and open up the Design Tab of the blog in which you want to add the Scrolling Sticky Bar. Now select the Edit HTML option.</span></li><br /><li><span style="font-size: 15px;">find for  ]]></b:skin></span></li><br /><li><span style="font-size: 15px;">add the following CSS code just before ]]></b:skin> tag  </span></li><br /></ol><br /><span style="font-size: 15px;"><br /><br /><br /><textarea style="height: 68px; width: 100%;">#SYB-Bar-Container {<br />background-color:#f6f6f6;<br />background: -webkit-gradient(linear, 0% 40%, 0% 70%, from(#f9f9f9), to(#f1f1f1));<br />background: -moz-linear-gradient(linear, 0% 40%, 0% 70%, from(#f9f9f9), to(#f1f1f1));<br />}<br /><br /> #SYB-Bar-Container , #SYB-Bar-Left .Home a, #SYB-Bar-Right .btt a,.SYB-emailsubmit {<br /> box-shadow: 0 5px 5px -5px #999;<br /> -webkit-box-shadow: 0 5px 5px -5px #999;<br /> -moz-box-shadow: 0 5px 5px -5px #999;<br /> }<br /><br /> #SYB-Bar-Container{<br />margin: 0px 116px;<br /> top:-100px;<br />-moz-border-radius:0px 0px 10px 10px;<br />-webkit-border-radius:0px 0px 10px 10px;<br />border-radius: 0px 0px 10px 10px;<br /> text-align:center;<br /> border-bottom: 1px solid #aaa;<br /> z-index:999;<br />padding:4px;<br /> height:33px;<br />  position:fixed;<br />  vertical-align: baseline;<br />  }<br /><br />#SYB-Bar-Container *{<br />padding:0;<br />}<br /><br />#SYB-Bar-Container a {<br />text-decoration:none;<br />}<br /><br />#SYB-Bar-Content{<br />width:1024px;<br />margin:0 auto;<br />}<br /><br />#SYB-Bar-Content li{<br />list-style:none;<br />float:left;<br />}<br /><br />#SYB-Bar-Left{<br />float:left;<br />width:45%;<br />}<br /><br />#SYB-Bar-Right{<br />float:right;<br />width55%;<br />}<br /><br />#SYB-Bar-Left li{<br />margin-right:1%;<br />margin-top:-7px;<br />}<br /><br />#SYB-Bar-Right li{<br />margin-top:-7px;<br />}<br /><br />#SYB-Bar-Left .Home a, #SYB-Bar-Right .btt a,.SYB-emailsubmit{<br />font-size:9pt;<br />font-family:cambria;<br />font-weight:Bold;<br />text-transform:uppercase;<br />color:#fff;<br />text-shadow:0 -1px 1px rgba(0,0,0,0.25);<br />letter-spacing: 1px;<br />padding:6px;<br />border-radius:3px;<br />-moz-border-radius:3px;<br />-webkit-border-radius:3px;<br />}<br /><br />#SYB-Bar-Left .Home a:active, #SYB-Bar-Right .btt a:active,.SYB-emailsubmit:active{<br />position: relative;<br />top: 1px;<br />box-shadow:none;<br />}<br /><br />#SYB-Bar-Left .Home a{<br />background:#143eb4;<br />}<br /><br />#SYB-Bar-Left .Home a:hover{<br />background:#1556fa;<br />}<br /><br />#SYB-Bar-Right .Subscribe{<br />margin-top:-14px;<br />}<br /><br /><br /><br />#SYB-Bar-Right .btt a{<br />background:#00810b;<br />margin-left:3px;<br />}<br /><br />#SYB-Bar-Right .btt a:hover{<br />background:#06b421;<br />}<br /><br />.SYB-emailsubmit{<br />background:#ce1527;<br />cursor:pointer;<br />border:none;<br />height:26px;<br />width:90px;<br />}<br />.SYB-emailsubmit:hover{<br />background: #f02a37;<br />}<br />.textarea{<br />border:1px solid #aaaaaa;<br />-moz-border-radius:3px;<br />-webkit-border-radius:3px;<br />border-radius:3px;<br />resize:none;<br />font-size:8pt;<br />font-family:verdana;<br />width:170px;<br />height:25px;<br />color:#000000;<br />}<br /><br />#share-top{<br />background: #f9f9f9;<br />border:1px solid #dddddd;<br />line-height: 1;<br />margin: -4px 0 0 60px;<br />padding: 10px 0 2px 5px;<br />-moz-border-radius:3px;<br />-webkit-border-radius:3px;<br />border-radius:3px;<br />}<br /><br />#share-top li {<br />display: block;<br />margin-right: 0;<br />}<br /><br />#facebook-widget,#google-widget,#twitter-widget {display:none; }<br />@media only screen and (min-width : 768px) and (max-width : 1050px),only screen and (min-device-width : 768px) and (max-device-width : 1024px){<br />#SYB-Bar-Container{<br />display:none;<br />}<br />}<br />

Step 2 : Adding CSS code The Bar Styles

Now find for </body> tag

add the following script code below just before </body> tag

Note: In case you have already included the jQuery library in
your blog then remove Line 1 . The same applies for Line 12 ,13 and 14
as well if you have included Facebook , Google+ and Twitter scripts
respectively.

Step 3 : Adding The HTML code

Now search for <body tag and add the following code just below it If you are using default blogger templates then search for <body tag. See Video tutorial below for more details information.

add the following code below just below of code <body tag

Hit the Save Template button and preview your blog to see how the bar appears.

<div id='SYB-Bar-Container'><br /><div id='SYB-Bar-Container'><br /><div id='SYB-Bar-Content'><br /><ul id='SYB-Bar-Left'><br /><li class='Home'> <a href='http://helpsblogging.blogspot.com/'>Home</a> </li><br /><li class='Share'> <div id='share-top'><br /><ul><br /><li> <a class='twitter-share-button' data-count='horizontal' href='http://twitter.com/share'>Tweet</a> </li><br /><li> <g:plusone size='medium'></g:plusone> </li><br /><li> <div class='fb-like' data-font='verdana' data-layout='button_count' data-send='false' data-show-faces='false'><br /></div><br /></li><br /></ul><br /><div style='clear:both;'><br /></div><br /></div><br /></li><br /></ul><br /><ul id='SYB-Bar-Right'><br /><li class='Subscribe'> <div class='SYB-email'><br /><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=helpsblogging', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' style='padding:3px;text-align:center;' target='popupwindow'><br /><input class='textarea' gtbfieldid='3' name='email' onblur='if (this.value == "") {this.value = "";}' onfocus='if (this.value == "") {this.value = "";}' placeholder=' Enter Your Email Address :)' type='text' value=''/> <input name='uri' type='hidden' value='helpsblogging'/><input name='loc' type='hidden' value='en_US'/> <input class='SYB-emailsubmit' type='submit' value='Subscribe'/> </form><br /><a href="href='http://helpsblogging.blogspot.com/" title="helpsblogging.blogspot.com" ><img src="http://img1.blogblog.com/img/blank.gif" /></a> </div><br /></li><br /><li class='btt'> <a href='#top' title='Back to top'>Slide to Top ↑</a> </li><br /></ul><br /></div><br /></div><br />

Note: before installing the html code, you first have to change the blog url and the url feed first post with a link url and link url fedd blog post from your blog to redirect to your blog.

Line No. 4 :

<li class='Home'> <a href='http://helpsblogging.blogspot.com/'>Home</a> </li>

Replace http://helpsblogging.blogspot.com/ with your blog URL.

Line 15:

<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=helpsblogging', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' style='padding:3px;text-align:center;' target='popupwindow'>

Line 16:

<input class='textarea' gtbfieldid='3' name='email' onblur='if (this.value == "") {this.value = "";}' onfocus='if (this.value == "") {this.value = "";}' placeholder=' Enter Your Email Address :)' type='text' value=''/> <input name='uri' type='hidden' value='stylifyyourblog'/><input name='loc' type='hidden' value='en_US'/> <input class='SYB-emailsubmit' type='submit' value='Subscribe'/> </form>

Line 15 and 16 replace instance of stylifyyourblog with your RSS Feed Name.

Video Tutorial :

Credit:

This blogger widget created by Prayag from Stylifyyourblog and I share again on http://helpsblogging.blogspot.com/.

If you have any ideas or questions about this widget then feel free to share with us. :)

Happy Blogging....

Home

Slide to Top ↑

How To Add Scrolling Sticky Bar To Blogger?

On-Scroll Sticky Bar. A simple widget which appears in the upper part of your page as you scroll down and disappears again on reaching the t...

Baca selengkapnya »

X-Ray Goggles

<div dir="ltr" style="text-align: left;" trbidi="on"><br /><br /><br /><section class="sidebar"><br />    <header><h2><br />X-Ray Goggles</h2><br /></header><br />    <div class="content"><br /><h3><br />Make your first hack in three easy steps!</h3><br /><ol class="steps"><br /><li>Copy this URL to your clipboard: <input autocomplete="off" style="display: block; width: 100%;" type="text" value="http://seriouscat.com/serious_cat_is_serious.jpg" /></li><br /><li>Activate the <a class="button no-arrow" href="javascript:(function(){var%20script=document.createElement('script');script.src='http://webxray.hackasaurus.org/webxray.js';script.className='webxray';document.head.appendChild(script);})();">X-Ray Goggles</a></li><br /><li>Move your mouse over the image on the right to see what it's made of, and tap <kbd>R</kbd> to make it point to the URL from your clipboard!</li><br /></ol><br /></div><br /><aside><br />        <img alt="Supergirl" src="https://webmaker.org/media/img/tools/supergirl.png" title="" width="285" /><br />    </aside><br /></section><br /><br /><br /><br /><div class="zemanta-pixie" style="height: 15px; margin-top: 10px;"><br /><img alt="" class="zemanta-pixie-img" src="http://img.zemanta.com/pixy.gif?x-id=65c741d5-378a-4401-a4b5-c7f80bd592df" style="border: none; float: right;" /></div><br /></div><br />

X-Ray Goggles

X-Ray Goggles Make your first hack in three easy steps! Copy this URL to your clipboard: Activate the X-Ray Goggles Move your mouse ...

Baca selengkapnya »

Follow On Tumblr

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="zemanta-img"><a href="http://www.crunchbase.com/company/tumblr" rel="nofollow" target="_blank"><img alt="Image representing Tumblr as depicted in Crunc..." src="http://www.crunchbase.com/assets/images/resized/0000/1372/1372v1-max-450x450.png" /></a><span class="zemanta-img-attribution">Image via <a href="http://www.crunchbase.com/" target="_blank">CrunchBase</a></span></div>Follow Buttons:<br /><br />Make it easy for new and existing <a class="zem_slink" href="http://tumblr.com/" rel="homepage nofollow" target="_blank" title="Tumblr">Tumblr</a> users to follow your blog.<br /><br /><iframe allowtransparency="true" border="0" class="btn" frameborder="0" height="25" scrolling="no" src="http://platform.tumblr.com/v1/follow_button.html?button_type=2&tumblelog=hotbiz&color_scheme=light" width="113"></iframe><br />  <div class="zemanta-pixie"><img alt="" class="zemanta-pixie-img" src="http://img.zemanta.com/pixy.gif?x-id=5dd1343c-a7b0-40de-a00f-111db10a7abc" /></div></div>

Follow On Tumblr

Image via CrunchBase Follow Buttons: Make it easy for new and existing Tumblr users to follow your blog.

Baca selengkapnya »

Follow On Tumblr

<div dir="ltr" style="text-align: center;" trbidi="on"><br /><div class="zemanta-img"><br /><a href="http://www.crunchbase.com/company/tumblr" rel="nofollow" target="_blank"><img alt="Image representing Tumblr as depicted in Crunc..." src="http://www.crunchbase.com/assets/images/resized/0000/1372/1372v1-max-450x450.png" /></a><span class="zemanta-img-attribution"> </span><br /><br /><span class="zemanta-img-attribution">Image via <a href="http://www.tumblr.com/register/follow/hotbiz" target="_blank">CrunchBase</a></span></div><br />Follow Buttons:<br /><br /><br /><br />Make it easy for new and existing <a href="http://www.tumblr.com/register/follow/hotbiz" target="_blank">Tumblr </a>users to follow your blog.<br /><br /><br /><br /><iframe allowtransparency="true" border="0" class="btn" frameborder="0" height="25" scrolling="no" src="http://platform.tumblr.com/v1/follow_button.html?button_type=2&tumblelog=hotbiz&color_scheme=light" width="113"></iframe><br /><br /><div class="zemanta-pixie"><br /><img alt="" class="zemanta-pixie-img" src="http://img.zemanta.com/pixy.gif?x-id=5dd1343c-a7b0-40de-a00f-111db10a7abc" /></div><br /></div><br />

Follow On Tumblr

Image via CrunchBase Follow Buttons: Make it easy for new and existing Tumblr users to follow your blog.

Baca selengkapnya »

Anonymous - Hackers World [HD]

Anonymous - Hackers World [HD]

Anonymous - Hackers World [HD] Anonymous - Hackers World [HD] Anonymous - Hackers World [HD]

Baca selengkapnya »

Anonymous - Hackers World [HD]

Anonymous - Hackers World [HD]

Anonymous - Hackers World [HD] Anonymous - Hackers World [HD] Anonymous - Hackers World [HD]

Baca selengkapnya »

Share on Tumblr

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="recessed_container"><br /><div id="bookmarklet_window" style="float: right;"><img height="243" src="http://assets.tumblr.com/images/corp_pages/bookmarklet_window.png" width="465" /></div><br /><div id="bookmarklet_text" style="float: left; width: 350px;"><h1 class="corp_page_title">Bookmarklet</h1><ol style="margin-top: 10px; padding: 0 0 0 20px;"><li>Drag this to your bookmarks bar.</li><li>Spot something cool while you're on another site.</li><li>Click "Share on Tumblr" to post to your blog!</li></ol><br /><div class="apps_bookmarklet_button" onmouseout="Element.hide($('bookmarklet_arrow'))" onmouseover="Element.show($('bookmarklet_arrow'))"><a class="chrome huge" href="javascript:var%20d=document,w=window,e=w.getSelection,k=d.getSelection,x=d.selection,s=(e?e():(k)?k():(x?x.createRange().text:0)),f='http://www.tumblr.com/share',l=d.location,e=encodeURIComponent,p='?v=3&u='+e(l.href)%20+'&t='+e(d.title)%20+'&s='+e(s),u=f+p;try{if(!/^(.*\.)?tumblr[^.]*$/.test(l.host))throw(0);tstbklt();}catch(z){a%20=function(){if(!w.open(u,'t','toolbar=0,resizable=0,status=1,width=450,height=430'))l.href=u;};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();}void(0)" id="bookmarklet_button" onclick="return explain_bookmarklet();" style="position: relative;" title="Drag this to your Bookmarks Bar to install">Share on Tumblr</a><br /><div id="bookmarklet_arrow" onmouseout="Element.hide($('bookmarklet_arrow'))" onmouseover="Element.show($('bookmarklet_arrow'))" style="background: url("http://assets.tumblr.com/images/blue_arrow_small.png") no-repeat scroll left top transparent; bottom: 13px; display: none; height: 207px; left: 200px; position: absolute; width: 159px; z-index: 150;"></div></div></div><br /></div><div class="zemanta-pixie"><img alt="" class="zemanta-pixie-img" src="http://img.zemanta.com/pixy.gif?x-id=5dd1343c-a7b0-40de-a00f-111db10a7abc" /></div></div>

Share on Tumblr

Bookmarklet Drag this to your bookmarks bar. Spot something cool while you're on another site. Click "Share on Tumblr" to post...

Baca selengkapnya »

Share on Tumblr

<div dir="ltr" style="text-align: left;" trbidi="on"><br /><div class="recessed_container"><br /><br /><br /><div id="bookmarklet_window" style="float: right;"><br /><img height="243" src="http://assets.tumblr.com/images/corp_pages/bookmarklet_window.png" width="465" /></div><br /><br /><br /><div id="bookmarklet_text" style="float: left; width: 350px;"><br /><h1 class="corp_page_title"><br />Bookmarklet</h1><br /><ol style="margin-top: 10px; padding: 0 0 0 20px;"><br /><li>Drag this to your bookmarks bar.</li><br /><li>Spot something cool while you're on another site.</li><br /><li>Click "Share on Tumblr" to post to your blog!</li><br /></ol><br /><br /><br /><div class="apps_bookmarklet_button" onmouseout="Element.hide($('bookmarklet_arrow'))" onmouseover="Element.show($('bookmarklet_arrow'))"><br /><a class="chrome huge" href="javascript:var%20d=document,w=window,e=w.getSelection,k=d.getSelection,x=d.selection,s=(e?e():(k)?k():(x?x.createRange().text:0)),f='http://www.tumblr.com/share',l=d.location,e=encodeURIComponent,p='?v=3&u='+e(l.href)%20+'&t='+e(d.title)%20+'&s='+e(s),u=f+p;try{if(!/^(.*\.)?tumblr[^.]*$/.test(l.host))throw(0);tstbklt();}catch(z){a%20=function(){if(!w.open(u,'t','toolbar=0,resizable=0,status=1,width=450,height=430'))l.href=u;};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();}void(0)" id="bookmarklet_button" onclick="return explain_bookmarklet();" style="position: relative;" title="Drag this to your Bookmarks Bar to install">Share on Tumblr</a><br /><br /><div id="bookmarklet_arrow" onmouseout="Element.hide($('bookmarklet_arrow'))" onmouseover="Element.show($('bookmarklet_arrow'))" style="background: url("http://assets.tumblr.com/images/blue_arrow_small.png") no-repeat scroll left top transparent; bottom: 13px; display: none; height: 207px; left: 200px; position: absolute; width: 159px; z-index: 150;"><br /></div><br /></div><br /></div><br /><br /></div><br /><div class="zemanta-pixie"><br /><img alt="" class="zemanta-pixie-img" src="http://img.zemanta.com/pixy.gif?x-id=5dd1343c-a7b0-40de-a00f-111db10a7abc" /></div><br /></div><br />

Share on Tumblr

Bookmarklet Drag this to your bookmarks bar. Spot something cool while you're on another site. Click "Share on Tumblr" to post...

Baca selengkapnya »