Hasib Tutorial

Thursday, January 17, 2013

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: আজ ৪ রবিউল আউয়াল, ১৪৩৪ হিজরী

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

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: আজ ৩ মাঘ ১৪১৯ বঙ্গাব্দ, বুধবার

Example3 বুধবার,৩ মাঘ ১৪১৯ বঙ্গাব্দ

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&width=252&height=102&colorscheme=light&show_fa

ces=true&border_color&stream=false&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

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