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

Tool Unicode untuk membuat teks strikethrough atau tek dicoret

Unicode strikethrough text tool

Mermbuat tulisan s̶t̶r̶i̶k̶e̶t̶h̶r̶o̶u̶g̶h̶ pada postingan Twitter, Facebook, nama domain international, dll.

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*. 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. s̶t̶r̶i̶k̶e̶.ws).**

*Jika Anda copy & paste & HTML generated 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.

Langsung saja boz, caranya gampang sekali: Silahkan tulis sembarang pada kotak "input" dibawah ini.

1. Hapus atau blok dan delete dulu tulisan "( contoh: Maaf Salah Tulis di Coret )" yang ada di dalam kotak "input" Lalu ganti dengan tulisan anda.


2. Klik tombol "Klik untuk Nyoret" selesai. kamu bisa copi paste hasilnya.
   

Input:

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.

ninjawords.com

Ninja Word

NinjaWord 

Recent Posts Widget with Thumbnails for Blogger/Blogspot

A few days ago, I've posted a tutorial about How To Add A Simple Recent Posts Widget
but today I want to present to you a very nice Recent Posts widget that
comes along with posts thumbnails and post summary as well. If you want
to know how to add this Recent Posts widget/gadget to your Blogger
blog, then follow the steps below:

How to Add the Recent Posts Widget to Blogger



Step 1. Go To Blogger > Layout and click on "Add a Gadget" link

Step 2. From the pop-up window, scroll down and choose HTML/JavaScript

Step 3. Paste inside the empty box, the following code:

<div class="eggTray">

<script
src="http://helplogger.googlecode.com/svn/trunk/listbadge.js">{"pipe_id":"1a6640e2a78b2c6e736f2220529daae5","_btype":"list",

"pipe_params":{"URL":"YOUR-BLOG/SITE-URL/feeds/posts/default"},

"hideHeader":"false","height":"500","count": 8 }</script>

<div style="font-family: arial, sans-serif; font-size: 9px;"
class="ycdr"><a
href="http://helplogger.blogspot.com/2012/05/recent-posts-widget-with-thumbnails-for.html"
target="_blank" title="Grab this widget">Recent Posts
Thumbnails</a> <a href="http://helplogger.blogspot.com/"
target="_blank">Blogger
Widget</a></div><noscript>Your browser does not
support JavaScript!</noscript></div>

<style type=text/css>

.eggTray {margin:10px 0px;padding:0px;}

.ybr li  {border-bottom:0px #cccccc dotted; padding:0px 0px 10px 0px!important;}

.pipesTitle {padding-top:0px;}

.pipesDescription {display:true;}

.ycdr {background:transparent
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMawMI2YoOJVrEbo_5RhChGOg5je9ecE-XebMLdotRkff_ehLPeZzwBVDKfnah9fngHhiIkbjFT_W_m1IbRexcQhyphenhyphen3zxe0fKDfvcvPN4REmQduQ8F6RPsKy6AYqzINjZi7ppZ9sx6RUWw/s1600/logo.png)
0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 4px
0px 0px 0px;line-height:14px;}

.ycdr, .ycdr a {color:#999999;}

.widget .popular-posts ul {padding-left:0;}

</style>

Step 4. Change YOUR-BLOG/SITE-URL with the url address of your site/blog (ex: http://helplogger.blogspot.com) and look to have no forward slash symbol "/" at the end of your url



Note:

• To disable the scroll bar, remove the number 500


• By default, this widget is set to display a maximum of 8 recent posts. To change this number, replace the number 8 with the number of posts desired


• if you want only the posts titles to appear, change true to none and "0" from padding-top:0px with 10

Step 5. Save your widget. And you're done!



If you need more help, leave your comment below.

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 BATHIN

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 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 !

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.



Demo.
You can see the live demo on this very page itself ! Please scrool to  down this page, you can see it.




 



How To Add Scrolling Sticky Bar To Blogger? Please follow the step by step below:


Steps 1 : Adding CSS code The Bar Styles

1. 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.


2. find for  ]]></b:skin>


3. add the following CSS code just before ]]></b:skin> tag 

#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

1. Now find for  </body> tag


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

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script> <br /><script><br />//<![CDATA[<br />var b = $("#SYB-Bar-Container");var c = b.css("top");$(window).scroll(function (){if ($(this).scrollTop() > 50){b.stop().animate({top: "0px"}, 0)}else{b.stop().animate({top: "-100px"}, 0)}});<br />//]]><br /></script> <br /><script><br />$(document).ready(function(){// fade in .btt<br />$(function () {$(window).scroll(function (){});// scroll body to 0px on click <br />$('.btt a').click(function () {$('body,html').animate({scrollTop: 0}, 350);return false;});});});<br /></script> <br /><script>(function(d, s, id) {var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) return;js = d.createElement(s); js.id = id;js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";fjs.parentNode.insertBefore(js, fjs)}(document, 'script', 'facebook-jssdk'));</script><br /><script src='http://apis.google.com/js/plusone.js' type='text/javascript'></script><br /><script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script>


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

1. 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. 


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


3. 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(&#39;http://feedburner.google.com/fb/a/mailverify?uri=helpsblogging&#39;, &#39;popupwindow&#39;, &#39;scrollbars=yes,width=550,height=520&#39;);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


• 
  

  
  
  • Tweet
  
  
  
  
  • 
    
    
    
  
  

  
  

  
  

  
  
  
  

• 
  

  
  

  
  
  
  


• Slide to Top ↑

X-Ray Goggles

X-Ray Goggles

Make your first hack in three easy steps!

1. Copy this URL to your clipboard:


2. Activate the X-Ray Goggles


3. Move your mouse over the image on the right to see what it's made of, and tap R to make it point to the URL from your clipboard!

Follow On Tumblr

 

Image via CrunchBase

Follow Buttons:



Make it easy for new and existing Tumblr users to follow your blog.

Follow On Tumblr

Image via CrunchBase

Follow Buttons:

Make it easy for new and existing Tumblr users to follow your blog.

Anonymous - Hackers World [HD]

Anonymous - Hackers World [HD]



Anonymous - Hackers World [HD]

Anonymous - Hackers World [HD]

Anonymous - Hackers World [HD]

Anonymous - Hackers World [HD]

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

Share on Tumblr

Bookmarklet

1. Drag this to your bookmarks bar.


2. Spot something cool while you're on another site.


3. Click "Share on Tumblr" to post to your blog!

Share on Tumblr

Share on Tumblr

Bookmarklet

1. Drag this to your bookmarks bar.
2. Spot something cool while you're on another site.
3. Click "Share on Tumblr" to post to your blog!

Share on Tumblr