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




News Update :
Showing posts with label Tweak. Show all posts
Showing posts with label Tweak. 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
.

Send message to yourself in facebook

I save some links by sending as messages to my friends on facebook.
My some friends angry on me.
But before few days I try to send message to myself on facebook.
I succeed & save links as message to myself



I did as below:

- Open messenger in my mobile
- Search myself for sending message
- After view myself in list click on it
- Write "HI" as message & send
- It sent to me. I check it from my computer

.

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



.

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

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 
.

Multiple Ways to Speed up Windows® 7

No doubt Windows 7 is fast, but you can always have more speed. Following Windows 7 tips are suitable for everyone from home users to businesses. 1. Windows 7 only uses one core to boot out of the box. By changing the number of cores used you can reduce the boot time:
STEP 1. Click on Start and then Run
STEP 2. Search for Run and type msconfig
STEP 3. Click on the tab Boot and click on Advanced options
STEP 4. Check Number of processors and enter how many your computer has (usually 2,4 or 8)
STEP 5. Click OK and Apply
STEP 6. Reboot the system.
2. Turning off the Minimize-Maximize animation can make your system faster.
STEP 1. Go to Start and type in SystemPropertiesPerformance.
STEP 2. Go the Visual Effects tab.
STEP 3. Untick Animate windows when minimizing and maximizing and click OK.
3. Fonts, especially TrueType fonts, use lots of system resources. For maximum performance, trim your fonts down to just those that you need to use on a daily basis and fonts that applications may require.
STEP 1. Open Control Panel.
STEP 2. Open Fonts folder.
STEP 3. Move fonts you don’t need to a temporary directory (e.g. C:FONTBKUP?) just in case you. need or want to bring a few of them back. The more fonts you uninstall, the more system resources you will increase.
4. Windows 7 shutdowns quite faster than Windows Vista or Windows XP, but it can be improved further by making this registry change which reduced the time Windows waits to kill processes:
STEP 1. Click on Start and type in regedit and press Enter.
STEP 2. Move to HKEY_LOCAL_MACHINESYSTEMCurrentControlSetControl.
STEP 3. Right-click on WaitToKillServiceTimeOut and change and lower the value.
STEP 4. The default is 12000 (12 seconds) but you can lower this to any number .
STEP 5. Click OK and reboot machine.
5. If you know where your data are stored, and seldom do a file search,  then the Search Indexing feature is a total waste of time. It uses up quite a lot of resources and is one feature We’d recommend most users disabling:
STEP 1. Click on Start and type in services.msc
STEP 2. Find and right-click Windows Search
STEP 2. In the startup type field choose Disabled
6. Many applications start automatically or start components with Windows, which will slow your bootup times and consume unnecessary resources. These include programs such as Acrobat, Quicktime, iTunes, Java etc. To stop these programs autostarting:
STEP 1. Go to Start and enter msconfig
STEP 2. Click on the startup tab and uncheck anything you are certain you don’t need e.g. don’t untick your Anti-Virus program.
7. Some Windows 7 services use a lot of unnecessary memory, which is particularly bad if you don’t use them. Instead of disabling services, we recommend that you set services you don’t think you need to manual just in case you make a mistake.
STEP 1. Go to Control Panel. Click on Administrative Tools and then click on Services.
STEP 2. Right click on each individual service you want to disable.

Credit: http://windows7.iyogi.com/support/performance/multiple-ways-to-speed-up-windows-7/
.

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


.

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

Slideshow of Google Plus Album

Google Plus photos save on picasa.

View albums on picasa by link below.

https://picasaweb.google.com/lh/myphotos?noredirect=1

1 -  Look at right & click on embed.
      Copy code & paste to blog, website, etc.

2 -  Open album & do as above. This is slideshow of album.

Short link to embed album is https://picasaweb.google.com/lh/getEmbed

Below previw of my album...




.

Shtyle.fm Profile Layout

 This is my shtyle profile full code...

Preview...





HTML Code :-

<style type="text/css">

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

#body {
       background-color: #0561AC;
       padding-left: 10px;
margin-top: 1px;
margin-left: 0px;
margin-right: auto;
     width: 1000px;
        max-height: 1000px;
        overflow-x: hidden;
    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; }

#notif-root-div, frame, #footer, #profile, #peopleAdsContainer, #links, #links li, #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: 55px; right: -160px; border: 0px #ccc solid; font-family: georgia; font-size: 12px; color: #ffffff;  !important }
 #actionbox a, #actionbox img, #actionbox div {background-color: black !important; }

#commentform  {max-height: 330px; min-height: 330px; float:right; position: absolute; top: 80px; right: 20px;  max-width:500px; background-color: transparent !important;
background: url(http://fs4.shtyle.fm/dynimg/usrphoto/2E/32/75575854_aaaaa11111111111.gif);  !important; }

textarea {min-height: 142px;}
#profile #commentFormId {max-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: transparent !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: 400px; left: 10px;  padding-top: 20px; 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; !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: 3px; left: 10px; width:1235px; height: 48px; border: 0px solid transperant; background-color: #000000;" align="center">
<tr >
 <td align="left" valign="middle" style="padding-left:25px; text-align:center; font-family:Cursive;font-size:23px;color: silver;font-style:italic;font-weight:bold;text-shadow:2px 4px 4px gold;">
A Heart in Love with Beauty  Never Grows Old...!  </td> </tr> </table>


<table id="cmtheader" style="position: absolute; top: 380px; left: 10px; width:1225px; height: 20px; border: 0px solid transperant; border-radius:25px; background-color: navy; font-size: 105%; font-weight: bold;" align="center"> <tr> <td align="left" style="text-align:center;" width="565px" > UPDATES </td> <td align=right" style="text-align:center;" width="565px" > Other Stuff </td></tr></table>
<table id="borderradius" style="position: absolute; top: 55px; left: 10px; width:660px; height: 320px; border: 0px solid transperant; background-color: #033863; cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur117.cur),progress;" align="center"  class="borderradius">
<tr >
<td align="left" valign="top" style="padding-left: 0px" rowspan="2"> <table id="nav">
<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;
}
  </style>
<tr><td colspan="3" height="150px"> About Me </td> </tr>
<tr> <th colspan="3"> <a href="/home.do">Shtyle.Fm: Home</a></th>
</tr> <tr>  </tr>
<tr>  <td><a href="/profile.do">Profile</a></td> <td><a href="/photos.do">Photos</a></td>  <td><a href="/editProfile.do">Edit</a></td> </tr>
<tr> <td><a href="/comments.do">Comments</a></td> <td><a href="/files.do">My Files</a></td> <td><a href="/editAvatar.do">Avatar</a></td> </tr>
<tr> <td><a href="/mailInbox.do">Mail</a></td>  <td><a href="/quizHome.do">Quiz</a></td> <td><a href="/games.do">Games</a></td> </tr>
    <tr>  <td><a href="/friends.do">Friends</a> </td> <td><a href="/wbrowse.do">Writings</a> </td><td> <a href="/pokeFriends.do">Poke</a> </td> </tr>
  <tr><td colspan="2"><a href="/uploadPhotos.do?aid=22179736" target="_blank">Upload Photos</a></td> <td><a href="/rbrowse.do">Music</a></td> </tr>  </tr>
</table>
</td>

<td align="center" valign="bottom">  <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">
<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="width: 635px; height: 700px; position: absolute; top: 405px; right: 30px;  overflow-y: scroll; overflow-x: hidden; align="left" bgcolor="black">
 <td align="right"  style="width: 655px;" ><img src="http://i667.photobucket.com/albums/vv39/marie58_bucket/Some%20Favorites/b62e0b1fac3c8265c43ada7fb0402683-d4c9pxw.gif" width="635" height="700px"></td> </tr>  </table>

<table  id="belowupdates"style="position: absolute; top: 990px; left: 10px; width:1235px; height: 300px; overflow: auto; border:0px solid black;" align="left" >
<tr > <td align="left" id="belowupdates"  valign="middle">
<table id="2nd" style="background-image:url(http://fs4.shtyle.fm/dynimg/usrphoto/1B/B5/75216155_aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa.gif);background-repeat:no-repeat;background-position:left center;border:0px solid black;width:550px;height:384px;" cellpadding="0" cellspacing="0" border="0" bgcolor="black">
<tr style=" px;">
<style rel="stylesheet" type="text/css">
td {   border: 0;   border- px;   width:50px }
table.show { empty-cells: hide; }
table.hide { empty-cells: hide; }
</style>
</tr>
<tr valign="top"> <td colspan="9"> </td> <td style="background-image:url(http://i1193.photobucket.com/albums/aa342/pjoshi2351/Private/pjoshi1.png); background-repeat:no-repeat; background-position:right center; height:110px;"  colspan="2" align="right" valign="top"> <object allowScriptAccess="never" allowNetworking="internal" type="application/x-shockwave-flash" data="http://www.shtyle.fm/images/mediaplayer.swf" height="18"width="18" ><param name="allowScriptAccess" value="never" /><param name="allowNetworking" value="internal" /><param name="movie" value="http://www.shtyle.fm/images/mediaplayer.swf"/><param name="flashvars" value="&file=http://fs1.shtyle.fm/dynimg/fshr/84/47/75188100_Sunn_Raha_Hai.mp3&&id=75188100&callback=mplayc.do"/><param name="play" value="false"/></object> </td> </tr> <tr> <td colspan="11"> </td> </tr> <tr valign="bottom"> <td colspan="8"></td> <td ><img src="http://fs4.shtyle.fm/dynimg/usrphoto/94/20/75309204_z1.gif" height="80" align="bottom"></td>
<td><img src="http://fs4.shtyle.fm/dynimg/usrphoto/C0/20/75309248_z2.gif" height="70" align="bottom"></td> <td><img src="http://fs4.shtyle.fm/dynimg/usrphoto/C8/20/75309256_z3.gif" height="70" align="bottom"></td> </tr> </table>
 </td>
 <td align="right" valign="bottom">
 <a href="http://s04.flagcounter.com/more/StI"><img src="http://s04.flagcounter.com/count/StI/bg_286280/txt_FFFFFF/border_286280/columns_6/maxflags_248/viewers_0/labels_1/pageviews_1/flags_1/" alt="free counters" border="0" width="635px" height="260px" ></a> </td> </tr> </table>

 <table id="borderradius" style="position: absolute; top: 1385px; left: 10px; width:1235px; height: 45px; overflow: auto; border:0px solid black; " align="left"><tr><td align="center"> <br /><font face="georgia" color="white" size="5"> Add More Stuff Below This </font>  <br /> <br /> </td></tr>
 <td id="borderradius" style="height:70px; 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>
.

All social networks at one place

I find a website where I keep my all social networks as tabs...

Visit...

https://hootsuite.com
.

Amazing Pendulum Effect

.

CSS Links

CSS has several options for redefining the style of links.


LINK PROPERTIES

PropertyValuesNSIE
A:link
A:visited
A:active
A:hover
<style>
<style>
<style>
<style>
4+
4+
4+
6+ 
4+
4+
4+
4+


DEFINING STYLES FOR LINKS

As mentioned in the above table, there are four different selectors with respect to links.

You can specify whatever style you'd like to each of these selectors, just like you'd do with normal text.

The four selectors are:


A:link
Defines the style for normal unvisited links.

A:visited
Defines the style for visited links.

A:active
Defines the style for active links.
A link becomes active once you click on it.

A:hover
Defines the style for hovered links.
A link is hovered when the mouse moves over it.
Note: Not supported by Netscape browsers prior to version 6.


PRACTICAL EXAMPLES

Here you can see a few examples on how CSS can be used to replace the traditional image based mouseover effects for links.

The hover style is not supported by Netscape browsers prior to version 6, but since it does no harm, you can still use it for the benefit of the +90% of visitors that arrive using MSIE).

One of the most common uses of CSS with links is to remove the underline. Typically it's done so that the underline appears only when a hover occurs. In the example below, we did just that. In addition we added a red color for hovered links.

Example: Hover
<style type="text/css">
A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: underline; color: red;}
</style>


The link from the above example would look like this:

LOOK HERE






Another example would be to create links that are both underlined andoverlined.

Example: Underline/Overline
<style type="text/css">
A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: underline overline; color: red;}
</style>


The link from the above example would look like this:

LOOK HERE






A third example would be to create links that change in size 
when hovered.

Example: Size changing links
<style type="text/css">
A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {font-size:24; font-weight:bold; color: red;}
</style>


The link from the above example would look like this:

LOOK HERE






A final example would be to create links that have a permanent background color, obviously standing out from the rest.

Example: Background colored links
<style type="text/css">
A:link {background: #FFCC00; text-decoration: none}
A:visited {background: #FFCC00; text-decoration: none}
A:active {background: #FFCC00; text-decoration: none}
A:hover {background: #FFCC00; font-weight:bold; color: red;}
</style>


The link from the above example would look like this:

LOOK HERE TO SEE






MULTIPLE LINKSTYLES ON SAME PAGE

The final topic deals with how to add multiple link styles that can be used on the same page.

In the above examples we addressed the HTML selector - A:link etc - and thus redefined the overall link style.

How do we define a link style that is only active in a certain area of the page?

The answer is: context dependent selectors.

Rather than addressing the A:link selector we will address it while being dependant on a certain outer class that surrounds the area where we'd like our link style to be effective.

For example:
<html>
<head>
<style type="text/css">
.class1 A:link {text-decoration: none}
.class1 A:visited {text-decoration: none}
.class1 A:active {text-decoration: none}
.class1 A:hover {text-decoration: underline; color: red;}

.class2 A:link {text-decoration: underline overline}
.class2 A:visited {text-decoration: underline overline}
.class2 A:active {text-decoration: underline overline}
.class2 A:hover {text-decoration: underline; color: green;}
</style>
</head>

<body>
ONE TYPE OF LINKS
<br>
<span class="class1">
<a href="http://www.yahoo.com">YAHOO</a>
<br>
<a href="http://www.google.com">GOOGLE</a>
</span>
<br>
<br>
ANOTHER TYPE OF LINKS
<br>
<span class="class2">
<a href="http://www.yahoo.com">YAHOO</a>
<br>
<a href="http://www.google.com">GOOGLE</a>
</span>
</body>
</html>


Note how we use the <span> to define the context.
This is smart for two reasons:

1) The obvious, that it allows us to use different link styles on 
the same page, rather than being limited to using a single
overall link style. 

2) We can define entire areas where a certain link style works for all links within that area. Thus, we don't have to add a style definition to each and every link in that area.


Credit:  CSS Links - CSS tutorial
.
You are the essence of essence....
Be sure of what you look for...!
It is you... It is in you...!

Online Radio...!