Wednesday, January 23, 2013

How to display recent with thumbnail by specific category

Paste this below code where you want to show recent post with thumbnail


<?php
$the_query = new WP_Query('cat=3&showposts=5&orderby=post_date&order=desc');
while ($the_query->have_posts()) : $the_query->the_post(); ?>
<div style="margin-bottom: 2px;">
<?php the_post_thumbnail(array(50,50), array ('class' => 'alignleft')); ?>
<a title="<?php the_title(); ?>" href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a>
<?php the_excerpt(); ?>
<div class="clear"></div>
</div>

<?php endwhile; ?>
<?php wp_reset_query(); ?>
</li>

You can neglect  <?php the_excerpt(); ?>  if you want to show only post title with thumbnail

How to display related post by category


Paste this below code into post-single.php 
    <!--start of related post-->  
    <?php
/********** CODE BLOCK2 (BASED ON ALL COMMON CATEGORIES) *********
* @Author: Boutros AbiChedid
* @Credit: http://bacsoftwareconsulting.com/blog/
* @Date:   May 24, 2011
* Tested on WordPress version 3.1.2
* @Description: Code that shows other "Related Posts" to a post
* based on ALL COMMON categories.
*******************************************************************/
     
//Retrieve the list of categories for a post.
$categories = get_the_category($post->ID);

//If categories exist for the post.
if ($categories) {
    $category_ids = array();
   
    //retrieve the category_ids for the post.
    foreach($categories as $each_category)
        $category_ids[] = $each_category->term_id;
   
    //WP_Query arguments.
    $args = array(
        'category__in' => $category_ids, //An array of category IDs to be included.
        'post__not_in' => array($post->ID), //An array of post IDs to be excluded from the results.
        'orderby'=> 'rand', //Lists Related posts Randomly. *** MODIFY IF YOU LIKE ***
        'showposts' => 10, //*** MODIFY TO WHAT YOU LIKE.***  Number of related posts to show.
        //'caller_get_posts' => 1 //*** USE THIS IF YOU ARE RUNNING WordPress Version < 3.1 ***
        'ignore_sticky_posts' => 1 //*** USE THIS for WordPress Version >= 3.1 ***
    );
   
//WP_Query is a class defined in wp-includes/query.php
$query = new WP_Query($args);

    //If there are related posts.
    if( $query->have_posts() ) {
        echo '<div class="related">';
        echo '<h3>আরো খবর:</h3><ol>'; //*** MODIFY TITLE IF YOU LIKE ***
       
        //loop through the posts and list each until done.
        while ($query->have_posts()) {
            $query->the_post();
        ?>
            <li type="circle"><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to: <?php the_title_attribute(); ?>">
            <?php the_title(); ?></a></li>
        <?php
        }
        echo '</ol>';
        echo '</div>';
    }
}
//Destroy the previous query. This is a MUST, otherwise you will get the WRONG comments
//(comments assigned to the wrong post), and sometimes categories and tags are for the wrong post.
wp_reset_query();
?>
<!--end of related post-->

Paste this below code into style.css

/* Styling Related Posts Section by BOUTROS ABICHEDID */
.related {
    padding:5px 0 10px 0;
    margin:30px 0 0 0;
    clear: both;
    border-top:2px solid #EFE7D1;
    border-bottom:0;
    border-left:0;
    border-right:0;
}
.related li{
    padding:0 0 5px 0;
}


How to move website to a new server or host

It is not easy to  move a website to a new server or host. But after reading this step by step tutorial, I'm sure that it will be easier to all of you. Just read these all of steps carefully. I think that you can change your server / host very easily. 

Step1: Take backup of your old server/hosting cpanel.
In case of wordpress site:  If you have the wordpress site then you can also take a backup of your contents. Go to Tools menu of your Dashboard. Click on Export and select all contents. Download this.
This download not required but for safety. 

Step2:  In your old Cpanel go to PHP MyAdmin. 



Select the database you want to download. 


Click on the Export Box/menu. 

Here select all,
Check box  Format should be SQL     and
check the box  

Click on the save button. download  will start

Congratulations! you have done half of your work.The download file will be yourdatabasename.sql . 

Step3: Login to your news hosting cpanel. Remember that you need to change your domain Name Server on  Domain Control Panel, that you got at the time of purchasing your domain
After log in into your new cpanel create a database.Here i give information how to create a database.
At first click on MySql database

Then Click create a new database

Enter name and password for database user 

Add user to the database 

On the next screen click on All privileges

After that you will get confirmation of creation of your database. You can change the file name  that you download from your old database by your new database name. 
Then again go to your PHP MyAdmin Panel and select a the database that you create a few minutes ago. 

Click on the Import button 

Import you .sql file. After complete your upload it will show 

NB. Remember that without select your database if you upload  then it'll not work.
After uploading you can see that all of your tables, post, pages etc all things that were in your old server. 
If you want to change the Domain name you can change the domain 

Now upload your site folders into your cpanel public_html

Here you get the wp-config.php file. Click on this file and edit this. Change the database  name, database 
user and password. 

You are done save you file. And reload your webpage. if your site show 
Error database connection Establishing  
Then delete your wp-config.php file from your Public_html. Reload your page again. Here you need to again config wordpress as normal way. You can also delete you browser history for better result.

That's all. if any problem you can visit bestcareerbd.com or contact +8801723833508  or +8801916137024



Sunday, January 20, 2013

Change Default Gravatars in Wordpress

If you want to show different Gravatars for diffident user then tell your user to Create an account in Gravatar.com 


* Use the mail id that you want to use for these purpose

*Choose the image from your Computer/ from internet/ previously uploaded. In this way click on next step

*After you've complete your gravatar.com image will appear as your gravatar whenever you post on your own blog or post a comment by using this mail ID

*If you want to to change your default Gravatars then you need to change some code in your functions.php file. Remember that , this default gravatar can be seen only that time if your user do not have any gravatar from gravatar.com for his used mail Id


*Use this code above the last line of your functions.php file

/* Powerusers Gravatar
/* ----------------------------------------------*/
add_filter( 'avatar_defaults', 'newgravatar' );  

function newgravatar ($avatar_defaults) {
     $myavatar = get_bloginfo('template_directory') . '/images/p-gravatar.jpg';
     $avatar_defaults[$myavatar] = "Powerusers Gravatar";
     return $avatar_defaults;
}


* Change the  /images/p-gravatar.jpg by your own of above code
*  Go to your Dashboard->Setting->Discussion.
* Then you can see the the difference
* You can style the gravatar from your style.css file 
* Find out the code below to style as you wish

.commentlist .avatar {
    border: 3px solid #ffffff;                               
    margin-right: 10px; 
    width: 40px; 
    height: 40px; 
    vertical-align: middle;
    margin-bottom: 2px;
}
.comments-widget-avatar {
    border: 1px solid #BDBDBD;
    padding: 4px;
    background-color: #fff;
}

Friday, January 18, 2013

Custom Logo to Wordpress Login Page

Technic1:
Add this code to your functions.php file . Preferable to add just before the last line (
before ? line




function my_custom_login_logo() {
    echo '<style type="text/css">
        h1 a { background-image:url(http://bestcareerbd.com/wp-content/uploads/2012/09/Untitled-4.png) !important; }
    </style>';
}

add_action('login_head', 'my_custom_login_logo');


N.B Colored Url will be changed by your url

Technic 2: 
You can simply change the Logo  image from wp-admin\images 
This is more simple way without  changing any code.

Technic 3:
You can also use plugin for this purpose. You can download Login Logo plugin from here

Advance Technic: If you want to change the title of your custom Logo the you need to change the code present in wp-login.php

Find out the code below:


} else {
$login_header_url   = __( 'http://wordpress.org/' );
$login_header_title = __( 'Powered by WordPress' );
}


Change this code by your code, sample below:


} else {
$login_header_url   = __( 'http:/bestcareerbd.com/' );
$login_header_title = __( 'Powered by Bestcareerbd' );
}



Thursday, January 17, 2013

Slide out Facebook Like Box

Just page this code where you want to show : ( You can add it to your sidebar/ widget)
Check Demo:   JNnews24.com   bdnews24.com,

<script src="http://connect.facebook.net/en_US/all.js"></script>
<script>(function(d,s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));

$(document).ready(function () {
bottompx = "0px";
$('#facebook_likebox').slideDown(1500).css({bottom: bottompx});
//facebook likebox
});
function closefaceboxlike(){
$('#facebook_likebox').slideUp(1500);
}</script>
<div id="facebook_likebox" style="float: left;
 position: fixed;
 left: 5px;
margin-bottom: 10px; border: 2px solid rgb(205, 219, 228);
background-color: #888fff; z-index: 10; bottom: 0px;">
<div style="position:absolute; left:-10px; margin-top:-10px;
 margin-right:174px; z-index:15;">
<a onClick="Javascript: closefaceboxlike()" href="Javascript:void(0);">
<img height="20" src="http://paimages.prothom-alo.com/secured/theme/public/
newdesign/style/images/closebox.gif"> </a></div>
<fb:like-box>
<div class="fb-like-box" data-href="https://www.facebook.com/pages/JNnews24com/452277951480704"
 data-width="150" data-height="180" data-show-faces="true"
data-stream="false" data-header="false"></div>   </fb:like-box>

N.B: Change the red color portion by your own url

You can make other ads by replacing the Fade background colored portion. You can add image/paragraph etc.

Such as: 

<div style="height:180px;width:280px;">You can add borders to HTML scroll boxes using the CSS 'border' property. Borders can be of any thickness, and any color. You can specify whether it's solid, dotted, dashed, and more. You can also specify a different border for each side of your scroll box.</div> or 

<a href="http://jnnews24.com/?page_id=1622" target="_blank"><img style="vertical-align: top;" src="http://jnnews24.com/wp-content/uploads/2012/11/as.jpg" alt="" width="280" height="60" /></a>  

Allow user to change font size- Fluid Text Resizer



Step 1: Add the following code to the <HEAD> section of your web page:

<!-- font -->
<style type="text/css">

.controlstyle a{ /*links inside DIV sizecontroldiv*/
outline:none;
float: right;
}

.controlstyle a img{ /*image links inside DIV sizecontroldiv*/
border-width:0;float: right;
}

.controlstyle a.selectedcontrol img{ /*selected control's image*/
border-bottom:4px solid darkred;
}

</style>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script type="text/javascript" src="http://www.dynamicdrive.com/dynamicindex9/fluidtextresizer.js">

/***********************************************
* Fluid Text Resizer- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/

</script>

<script type="text/javascript">

var mytextsizer=new fluidtextresizer({
controlsdiv: "sizecontroldiv", //id of special div containing your resize controls. Enter "" if not defined
targets: ["body"], //target elements to resize text within: ["selector1", "selector2", etc]
levels: 3, //number of levels users can magnify (or shrink) text
persist: "session", //enter "session" or "none"
animate: 200 //animation duration of text resize. Enter 0 to disable
})

</script>


<!-- font -->

Step 2: Now add the following sample resize controls to your page:



 <!-- font -->

<div id="sizecontroldiv" class="controlstyle">

 <a href="#smaller"><img src="http://jnnews24.com/wp-content/uploads/2013/01/fontminus.gif" /></a> <a href="javascript:mytextsizer.setFontLevel(0)"><a href="#fontsize2"><img src="http://jnnews24.com/wp-content/uploads/2013/01/2.gif" /></a></a> <a href="#bigger"><img src="http://jnnews24.com/wp-content/uploads/2013/01/fontplus.gif" /></a>

<!-- font -->

Source:  http://www.dynamicdrive.com/dynamicindex9/fluidtextresizer.htm



Free Social Traffic pop for Website

                                 System 1
Step1: Add a HTML/JavaScript Gadget.

Step2: Copy Down Below Code after Replacing Facebook URL . 


<link type="text/css" rel="stylesheet" href="https://sites.google.com/site/bloggerhackingcom/home/download/social-traffic-pop.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript">
</script>
<script type="text/javascript" src="https://sites.google.com/site/bloggerhackingcom/home/download/jquery.stp.min.js">
</script>        
<script>       $(document).ready(function(){                                                           $().socialTrafficPop({                      timeout: 30,                    title: "Welcome To bestcareerbd.com ",                   
message: 'Please Like And  <em>Help Us To Grow</em>! ',                     google_url: "",  google_size: "tall",                     fb_url: "https://www.facebook.com/pages/JNnews24com/452277951480704",    fb_layout: "box_count",                     closeable: true,                      advancedClose: false,                      opacity: '0.45',  twitter_on: true              
});                  
});      
</script>


Source: http://www.bloggerhacking.com/2012/07/free-social-traffic-pop-for-blogger.html

 System 2
Copi this code:
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'/>
    <script src='https://apis.google.com/js/plusone.js' type='text/javascript'/>  
    <script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>

    <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
    
    <script src='http://onlinewebsitebuilder.in/js/jquery.stp.js' type='text/javascript'/>

    <script>
     
    $(document).ready(function(){          
                                   
            $().socialTrafficPop({
                    timeout: 30,
                    title: "Help Us To Grow",
                    message: 'Share my hot new article with your friends! (<a href="http://www.cybergeekshop.com/">Get Widget</a>)',
                    google_url: "Your-website-link",
                    facebook_url: "Your-website-link",
                    closeable: false,
                    advancedClose: false,
                    opacity: '0.45',
                    twitter_method: "tweet"
            });
           
    });
     
     
    </script>
    <style type='text/css'>
#stp-bg{
    display:none;
    position:fixed;
    _position:absolute; /* hack for IE 6*/
    height:100%;
    width:100%;
    top:0;
    left:0;
    background:#000000; 
    z-index:998;
}

#stp-main{
    position:fixed;
    _position:absolute; /* hack for IE 6*/
    display:none;
    width:450px;
    border:7px solid #2f2f2f;
    background:#fff;
    z-index:999;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    margin:0pt;
    padding:0pt;
    color:#333333;
    text-align:left;
    font-family:arial,sans-serif !important;
    font-size:13px;
}

#stp-title{
    font-family:&quot;Lucida Sans Unicode&quot;, &quot;Lucida Grande&quot;, sans-serif !important;
    font-size:12px;
    padding:12px 0px 9px 10px;
    font-size:16px;
}

#stp-close{
    float:right;
    font-size:12px;
    color:#000!important;
    margin:0 13px 0 0;
    border-bottom:0px !important;
    text-decoration:underline !important;
}

#stp-close:hover{
    text-decoration:none !important;
}

#stp-msg-cont{
    border-bottom:1px solid #cddcf9;
    border-top:1px solid #cddcf9;
    background:#ebf2fc;
    padding:16px;
}

#stp-msg{
    margin:0 0 22px 0;
}

#stp-bottom{
    padding:5px 10px 10px 0px;
}

#stp-counter{
    font-size:11px !important;
    text-align:right;
}

.stp-button{
    float:left;
    width:120px;
}

.step-clear{
    clear:both !important;
}
</style>


Replace the two line from above code.


google_url: "Your-website-link",
facebook_url: "Your-website-link",
 

Wednesday, January 16, 2013

Showing Date in Bangla to your Website


This is for Showing Hijri Date in Bangla:

Example1:   ৪ রবিউল আউয়াল, ১৪৩৪ হিজরী
<script type="text/javascript" src="http://writebangla.sourceforge.net/HijriDate/index1.php"></script>

Example2:  আজ ৪ রবিউল আউয়াল, ১৪৩৪ হিজরী
<script type="text/javascript" src="http://writebangla.sourceforge.net/HijriDate/index2.php"></script>

Example3   ইয়াওমুল খামীসি, ৪ রবিউল আউয়াল, ১৪৩৪ হিজরী
<script type="text/javascript" src="http://writebangla.sourceforge.net/HijriDate/index3.php"></script>

Example4:  আজ ৪ রবিউল আউয়াল, ১৪৩৪ হিজরী, ইয়াওমুল খামীসি

    <script type="text/javascript" src="http://writebangla.sourceforge.net/HijriDate/index4.php"></script>

This is for Showing English Date in Bangla:

Example1:   আজ ১৭ জানুয়ারি ২০১৩ খ্রিষ্টাব্দ, বৃহস্পতিবার
<script type="text/javascript" src="http://writebangla.sourceforge.net/EnglishDate/index4.php"></script>

Example2:  ১৭ জানুয়ারি ২০১৩ খ্রিষ্টাব্দ, বৃহস্পতিবার
<script type="text/javascript" src="http://writebangla.sourceforge.net/EnglishDate/index3.php"></script>

Example3   আজ ১৭ জানুয়ারি ২০১৩ খ্রিষ্টাব্দ, বৃহস্পতিবার
<script type="text/javascript" src="http://writebangla.sourceforge.net/EnglishDate/index2.php"></script>

Example4:   আজ ১৭ জানুয়ারি ২০১৩ খ্রিষ্টাব্দ
<script type="text/javascript" src="http://writebangla.sourceforge.net/EnglishDate/index1.php"></script>

This is for Showing Bangla Date in Bangla:

Example1:   আজ ৩ মাঘ ১৪১৯ বঙ্গাব্দ
<script type="text/javascript" src="http://writebangla.sourceforge.net/BanglaDate/index.php"></script>

Example2:  আজ ৩ মাঘ ১৪১৯ বঙ্গাব্দ, বুধবার 
<script type="text/javascript" src="http://writebangla.sourceforge.net/BanglaDate/index2.php"></script>

Example3   বুধবার,৩ মাঘ ১৪১৯ বঙ্গাব্দ
<script type="text/javascript" src="http://writebangla.sourceforge.net/BanglaDate/index3.php"></script>

Showing at a time
<script type="text/javascript" src="http://writebangla.sourceforge.net/EnglishDate/index4.php"></script>, <script type="text/javascript" src="http://writebangla.sourceforge.net/BanglaDate/index3.php"></script>, <script type="text/javascript" src="http://writebangla.sourceforge.net/HijriDate/index1.php"></script>







Adding Translator for Site


Just Paste this code to your site where  you want to show the translator :

<script language="JavaScript" src="http://freehostedscripts.net/fhstrans.php"></script>
<SCRIPT language=JavaScript type=text/JavaScript>translation_flags_g();</SCRIPT>

Adding Snow Effect in Website

Just pate this code to your site :
System1:  

<script type="text/javascript">

/******************************************
* Snow Effect Script- By Altan d.o.o. (http://www.altan.hr/snow/index.html)
* Visit Dynamic Drive DHTML code library (http://www.dynamicdrive.com/) for full source code
* Last updated Nov 9th, 05' by DD. This notice must stay intact for use
******************************************/
 
  //Configure below to change URL path to the snow image
  var snowsrc="http://www.dynamicdrive.com/dynamicindex3/snow.gif"
  // Configure below to change number of snow to render
  var no = 10;
  // Configure whether snow should disappear after x seconds (0=never):
  var hidesnowtime = 0;
  // Configure how much snow should drop down before fading ("windowheight" or "pageheight")
  var snowdistance = "pageheight";

///////////Stop Config//////////////////////////////////

  var ie4up = (document.all) ? 1 : 0;
  var ns6up = (document.getElementById&&!document.all) ? 1 : 0;

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

  var dx, xp, yp;    // coordinate and position variables
  var am, stx, sty;  // amplitude and step variables
  var i, doc_width = 800, doc_height = 600;
 
  if (ns6up) {
    doc_width = self.innerWidth;
    doc_height = self.innerHeight;
  } else if (ie4up) {
    doc_width = iecompattest().clientWidth;
    doc_height = iecompattest().clientHeight;
  }

  dx = new Array();
  xp = new Array();
  yp = new Array();
  am = new Array();
  stx = new Array();
  sty = new Array();
  snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "http://www.dynamicdrive.com/dynamicindex3/snow.gif" : snowsrc
  for (i = 0; i < no; ++ i) {
    dx[i] = 0;                        // set coordinate variables
    xp[i] = Math.random()*(doc_width-50);  // set position variables
    yp[i] = Math.random()*doc_height;
    am[i] = Math.random()*20;         // set amplitude variables
    stx[i] = 0.02 + Math.random()/10; // set step variables
    sty[i] = 0.7 + Math.random();     // set step variables
if (ie4up||ns6up) {
      if (i == 0) {
        document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");
      } else {
        document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");
      }
    }
  }

  function snowIE_NS6() {  // IE and NS6 main animation function
    doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")?  iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
    for (i = 0; i < no; ++ i) {  // iterate for every dot
      yp[i] += sty[i];
      if (yp[i] > doc_height-50) {
        xp[i] = Math.random()*(doc_width-am[i]-30);
        yp[i] = 0;
        stx[i] = 0.02 + Math.random()/10;
        sty[i] = 0.7 + Math.random();
      }
      dx[i] += stx[i];
      document.getElementById("dot"+i).style.top=yp[i]+"px";
      document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";
    }
    snowtimer=setTimeout("snowIE_NS6()", 10);
  }

function hidesnow(){
if (window.snowtimer) clearTimeout(snowtimer)
for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
}


if (ie4up||ns6up){
    snowIE_NS6();
if (hidesnowtime>0)
setTimeout("hidesnow()", hidesnowtime*1000)
}

</script>



System2: <marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:120; top:50; width:25; height:450; ..;"><IMG SRC="http://myspacetools.eu/images/snow.gif"></marquee> <marquee behavior="scroll" direction="down" scrollamount="4" style="position:absolute; left:170; top:70; width:25; height:300; ..;"><IMG SRC="http://myspacetools.eu/images/snow.gif"></marquee> <marquee behavior="scroll" direction="down" scrollamount="5" style="position:absolute;left:220; top:90; width:25; height:250; ..;"><IMG SRC="http://myspacetools.eu/images/snow.gif"></marquee> <marquee behavior="scroll" direction="down" scrollamount="6" style="position:absolute; left:270; top:30; width:25; height:370; ..;"><IMG SRC="http://myspacetools.eu/images/snow.gif"></marquee> <marquee behavior="scroll" direction="down" scrollamount="7" style="position:absolute; left:320; top:30; width:25; height:340; ..;"><IMG SRC="http://myspacetools.eu/images/snow.gif"></marquee> <marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:240; top:30; width:25; height:70; ..;"><IMG SRC="http://myspacetools.eu/images/snow.gif"></marquee> <marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:250; top:30; width:25; height:50; ..;"><IMG SRC="http://myspacetools.eu/images/snow.gif"></marquee> <marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:290; top:30; width:25; height:60; ..;"><IMG SRC="http://myspacetools.eu/images/snow.gif"></marquee> <marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:100;top:130; width:25;height:80; ..;"><IMG SRC="http://myspacetools.eu/images/snow.gif"></marquee> <marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:360; top:30; width:25; height:330; ..;"><IMG SRC="http://myspacetools.eu/images/snow.gif"></marquee> <marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:390; top:50;width:25; height:400; ..;"><IMG SRC="http://myspacetools.eu/images/snow.gif"></marquee> <marquee behavior="scroll" direction="down" scrollamount="4" style="position:absolute; left:440; top:70; width:25; height:300; ..;"><IMG SRC="http://myspacetools.eu/images/snow.gif"></marquee> <marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:470;top:100; width:25; height:300; ..;"><IMG SRC="http://myspacetools.eu/images/snow.gif"></marquee> <marquee behavior="scroll" direction="down" scrollamount="4" style="position:absolute; left:560; top:70; width:25; height:300; ..;"><IMG SRC="http://myspacetools.eu/images/snow.gif"></marquee> <marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:590; top:100; width:25; height:300; ..;"><IMG SRC="http://myspacetools.eu/images/snow.gif"></marquee> <marquee behavior="scroll" direction="down" scrollamount="4" style="position:absolute; left:520; top:170; width:25; height:300; ..;"><IMG SRC="http://myspacetools.eu/images/snow.gif"></marquee> <marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:610; top:200; width:25; height:300; ..;"><IMG SRC="http://myspacetools.eu/images/snow.gif"></marquee> <marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:650; top:250; width:25; height:340; ..;"><IMG SRC="http://myspacetools.eu/images/snow.gif"></marquee> <marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:690; top:290; width:25; height:380;..;"><IMG SRC="c"></marquee> <marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:660; top:40; width:25; height:70; ..;"><IMG SRC="http://myspacetools.eu/images/snow.gif"></marquee>

Tuesday, January 15, 2013

Floating Facebook like button


<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet"

href="http://www.dynamicdrive.com/dynamicindex17/dropincontentbox.css" />

<script type="text/javascript"

src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script

src="http://www.dynamicdrive.com/dynamicindex17/jquery.easing.1.3.js"></script>
<script src="http://www.dynamicdrive.com/dynamicindex17/dropincontentbox.js">

/***********************************************
* Drop In Content Box (c) Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/

</script>

<script>

var dropinbox1=new dropincontentbox({
source:['#dropbox',

'http://www.dynamicdrive.com/dynamicindex17/dropincontent.htm'], //#id of DIV to

show if defined inline, or [#id, path_to_box_content_file] if defined in external

file
cssclass:'dropinbox standardshadow', //arbitrary class(es) to add to the

drop in box to style it
showduration:10 //disappear after x seconds?
})

var dropinbox2=new dropincontentbox({
source:'#reminder', //#id of DIV to show if defined inline
cssclass:'dropinbox dropinboxaltstyle drop-shadow lifted',
fx:'easeInExpo', //alternate drop animation keyword
pos:[-20, -20], //custom position of drop in box
deferred:1 //show box 1 sec after page has loaded
})

</script>
</head>
<body>
<div id="reminder">

<iframe style="overflow: visible;"

src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com

%2Fpages%2FCdnews24com

%2F196618787024224&amp;width=252&amp;height=102&amp;colorscheme=light&amp;show_fa

ces=true&amp;border_color&amp;stream=false&amp;header=false" frameborder="0"

scrolling="no" width="252" height="102"></iframe></div>

<a style="position: fixed; bottom:5px;right:5px;"

href="javascript:dropinbox2.show()">Facebook</a>

</body>
</html>

Source: http://www.dynamicdrive.com/dynamicindex17/dropinbox.htm

Floating Add Create

Step 1: Add the following code into the <HEAD> section of your page:

<style type="text/css">

#topbar{
position:absolute;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
width: 620px;
visibility: hidden;
z-index: 100;
}

</style>

<script type="text/javascript">

/***********************************************
* Floating Top Bar script- © Dynamic Drive (www.dynamicdrive.com)
* Sliding routine by Roy Whittle (http://www.javascript-fx.com/)
* This notice must stay intact for legal use.
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 30 //set x offset of bar in pixels
var startY = 5 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar").style.visibility="hidden"
}

function staticbar(){
barheight=document.getElementById("topbar").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("topbar");
stayTopLeft();
}

if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>

Step 2: Insert the below HTML code in the BODY section of your page, outside any container tags (ie: a DIV or TABLE):

<div id="topbar">
<a href="" onClick="closebar(); return false"><img src="http://www.dynamicdrive.com/dynamicindex11/close.gif" border="0" /></a>
Your content here.
</div>

Source: http://www.dynamicdrive.com/dynamicindex17/floatbar.htm
http://www.dynamicdrive.com/dynamicindex17/dropinbox.htm
http://www.dynamicdrive.com/dynamicindex17/stayontop.htm

MY Bookmarks

Bookmarks

Bookmarks


How to Create Multiple Dynamic Sidebars for Wordpress Widgets
Free online web polls generator
Create a Shoutbox
Best widgets for your site, blog, social network, and more! · Widgetbox
Animated Logos on FlamingText.com
Css Image Gallery Thumbnails | web3mantra
stu nicholls dot com | gallery - simply more
Slideshow & Scroller - Free Dhtml scripts,Jquery plugins,Javascript,CSS,CSS3,Html5 Library
http://wordpress.org/extend/plugins/baw-post-views-count/ is not available
50 Awesome CSS3 Animations
Get free weather widget
HTML Iframes
Free HTML Tutorial - Learning to Code HTML
HTML Tutorial
HTML Tutorial - Bgcolor
Tabbed Content
Drop Down Menu
Posts Map | It works on WordPress
categories - Display thumbnails for certain category posts - WordPress Answers
How to Display “Time Ago” for Posts and Comments
Blogger: All Types of Tutorial Available here - Create post
Class Reference/WP Query « WordPress Codex
Get free weather widget
RSS Feed Widget
newsprotidin.net/?feed=rss2
News24, South Africa's premier news source, provides breaking news on national, world, Africa, sport, entertainment, technology & more.
Free Html5 Templates x Free Css3 Menus: Free Html5 Templates
Ecommerce Website Templates
Demo Free Html5 and Css3 Templates | Html5xcss3.com
Domain Reseller | Low Cost Reseller Hosting | Resell.biz
Free Flash Templates
Java - Date & Time
Flash-Gallery.com - Get your photo gallery (flash component, swf gallery, Joomla and Wordpress plugins, jquery gallery)
Floating Email-This-Link Script With URL Auto-Capture - DownloadJavascripts.com
jQuery ‘Tab Slide Out’ Plugin
Dynamic Drive DHTML Scripts- Pausing up-down Scroller
Dynamic Drive- Sticky Note script
Dynamic Drive DHTML Scripts- Popup Box II
Dynamic Drive- Dynamic Content
Dynamic Drive-Amazon style Drop-in content box
Free Hosted Scripts - Online User Counter
Free Hosted Scripts
Web form builder & free HTML forms | Adobe FormsCentral
Adobe FormsCentral
A Simple PHP Contact Form | WEB200 | Premium Design Works
JavaScript Kit Advanced JavaScript Tutorials
Using the window.open method
JavaScript: open a window
Mashable floating effect example with jQuery
Free Social Traffic pop for Blogger
Dynamic Drive DHTML Scripts- Fluid Text Resizer
ওয়ার্ড প্রেস সাইটে ফেসবুক এর স্লাইডিং পেজ বক্স তৈরী করুন | Amarblog.com: Bangla Blog ( আমারব্লগ ) with no Moderation.
newdesign/facebook.php at master · Prothomalo/newdesign · GitHub
How to set marquee word stop showing for a moment?
Web Solution Bangladesh
How To Move WordPress Site To New Server
How To Move Wordpress To A New Server Or Host
Related Posts Plugin for WordPress, Blogger...