Wednesday, January 13, 2016

0 How to Simple HTML website layout

this code cope and  your notepad ++ apply than practice . this a simple post of all viewers.

html coding





This is Page Title






   

       
       
       

       

               

Private and NHS Dentist


               

With a Smile


                Dr. Chum Anwar Mahmud
           
       
       

       

           

                   
  • Home

  •                    
  • Service

  •                    
  • Media

  •                    
  • Others

  •                    
  • About

  •                    
  • Contact

  •                
               
               

               

    This is Contain Title


               
                    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
                   
                     It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
                   
                   
                    It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).

                   
                    
               
           
           

       



    style coding

    @charset "utf-8";
    /* CSS Document */
    *{margin:0; padding:0;}

    body{
    font-family:Arial;
    font-size:14px;
    line-height:20px;
    color:#808080;
    background:url(images/pattern.jpg) repeat fixed
    }
    .fix{overflow:hidden;}
    .Wrapper{
    width:960px;
    margin:50px auto;
    display:block;
    background:#fff;
    }
    .slider{
    background:url(images/banner.jpg);
    width:960px;
    height:209px;
    }
    .slider_text{
    margin-left: 165px;
    margin-top: 60px;
    color: #fff;
    line-height: 35px;
    }
    .slider_text h1{
    color: #74abb2;
    font-size: 35px;
    line-height: 40px;
    }
    .slider_text h2{
    color: #1e70c2;
    font-size: 25px;
    line-height: 35px;
    }
    .slider_text p{
    color: #389a00;
    font-size: 15px;
    }
    .maincontain{
    margin-top:25px;
    }
    .sitebar{
    width:260px;
    margin-right:30px;
    background:#C3D4DE;
    float:left;
    padding:20px;
    }
    .sitebar h2{

    }
    .sitebar ul{
    margin:0;
    padding:0;
    list-style:none;
    }
    .sitebar ul li{
    padding:5px;
    border-bottom:1px solid #FFFFFF;
    }
    .sitebar ul li a{
    text-decoration:none;
    color:#AE7471;
    }
    .sitebar ul li a:hover{
    color:#408CD6;
    background:#C0D86A;
    }
    .contain{
    width:600px;
    padding-right:30px;
    }

    .contain h2{
    margin-bottom:15px;
    font-weight:normal;
    color:#74ABB2;
    background:#D1E478;
    }

    .contain p{
    margin-bottom:15px;
    }
    .footer{
    background:#DAD4C8; 
    padding:10px;
    }


    image source







    Published By:
    Chum Anwar Mahmud
    on 1/13/2016 08:17:00 AM

    Thursday, December 03, 2015

    0 How to Facebook Login Bangladesh (Facebook Block of Bangladesh)

    At first your Google Chrome browser. Search on google chrome browser Zenmate Security Privacy & Unblock chrome ad-dons. Click here and signup.  add to chrome . Pleased wait few second .....
    Your Google Chrome browser top title right sidebar come on Zenmate icon. Click Zenmate icon choice your country. Than login your facebook account and used very easy way. by by see you next Trick and Tips.  

    Published By:
    Chum Anwar Mahmud
    on 12/03/2015 12:32:00 AM

    Thursday, March 26, 2015

    0 How to use Advertzer on Make Money Online. (proved with video)

    Hello Viewer,
    In this tutorials has been representation how to used  Advertzer  on make money online.  Its very easy  way of each of every others persons. This site is very good site of Paidverts. Viewers no problems, I say  the instruction of step by step on Advertzer.  That’s  Paidverts  not correct points of my Definition. Advertzer details read my previous post to just click here. So not any conversation that’s on correct point doing…..   Details Click Here - Paidverts Similar Site Advertzer Earn Money UP TO 154% BONUSADZ.


    Look it my instruction of Advertzer ----

    1|  Open your browser  and ---  click here in Link Advertzer .----

    2| Click on Register Button.

    3| Some way of any others earn money sites.
    4|Follow the image Instructions .

    5| Checked  your  email  Active  verification.
    6| Login Your account.
    7| Login afterward a new interface  .

    8| Site top menu of 6 button  .  There are  Account , Paid Ads, Flash Ads,  Referrals, Contact and Logout.
    9| Account : -
    Your account activity and received information’s. Your  Bonus ads or BA . where in this site for the groups.  Your account balance and your referral balance . Otherwise your sponsor name and your id name.
    10| Paid Ads:  Paid ads click than 12 here. Daily 12 Paid ads for this sites.
    11| Flash Ads: This  site multitudinous Flash Ads here.
    12|Referrals:  Your account How many referral .
    13| Contact and logout same way any other Earn money onlines.

    About the Article Watch on Video -




    In this tutorials end Viewers.  So Viewer that's it. This tutorial is very long. By By see you next post , please take care your body language and mind . just one more thinks remember thats.

    Remember  All  Time :-


    [Information, knowledge and technology together to get up towards the tune.]

    Published By:
    Chum Anwar Mahmud
    on 3/26/2015 11:03:00 PM

    Sunday, March 22, 2015

    0 HTML Table Create Example.

    Hello Viewer, 

    In This tutorial i representation the How to create HTML table example. This Content is very easy way only way for Viewer . Table create is a very informant thinks of each of every one knowing for web design and developers. Table create this themes on some row and some columns. This row row and columns on meddle square box name for sell. This is sell used for any options. Viewers no problems on learn for lesson. This lesson I representation of Step By Step. I am no longer of my told. So lets go of this content tutorials. So lets done………………

    1,  Open Your Editor Practical try on this code.

    2, Apply those code your Works.

    3, Table Create Codes---------------------



    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <meta name="keywords" content="basic html" />
    <title>This is Table Title</title>
    </head>

    <body>
    <table border="2" width="500" height="30" align="center">
                <tr>
                <th>Name</th>
            <th>Roll No</th>
            <th>English</th>
            <th>Math</th>
            <th>Economic</th>
        </tr>
        <tr>
                <td align="center">test 1</td>
            <td>01</td>
            <td>85</td>
            <td>95</td>
            <td>88</td>
        </tr>
       
       
        <tr>
                <td align="center">test 2</td>
            <td>02</td>
            <td>85</td>
            <td>65</td>
            <td>75</td>
        </tr>
       
       
        <tr>
                <td align="center">test 3</td>
            <td>03</td>
            <td>45</td>
            <td>85</td>
            <td>80</td>
        </tr>
       
       
        <tr>
                <td align="center">test 4</td>
            <td>04</td>
            <td>61</td>
            <td>78</td>
            <td>88</td>
        </tr>
       
       
        <tr>
                <td align="center">test 5</td>
            <td>05</td>
            <td>66</td>
            <td>95</td>
            <td>75</td>
        </tr>


    </table>
    </body>
    </html>      

    4. This Tutorials Preview Here.

    4. That’s done its. In this tutorials is The End.

    So Viewer that's it. This tutorial is very long. By By see you next post , please take care your body language and mind . just one more thinks remember thats.

    Remember  All  Time :-
    [Information, knowledge and technology together to get up towards the tune.] 



    Published By:
    Chum Anwar Mahmud
    on 3/22/2015 11:23:00 PM

    Thursday, March 19, 2015

    0 HTML Styles Tag Attribute Example .

    Hello Viewers,
     How are you . I also believed your mind pleaser very fine and goods. I appearance  to HTML  Styles Tag Attribute Example. I believed my instruction follow and apply your work so that a funny lesson. Just follow My instruction step by step . lets go done get its simple. Both Tag understand to this code . Your editor just apply and preview just bring its. Viewer no longer my told just work done.


    1. This step follow the Instruction - style="property : value"   

    2.This code here -


    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <meta name="keywords" content="basic html" />
    <title>This is Table Title</title>
    </head>

    <body>

    <table>

    <!--HTML style-->

    <h2 style="color:green";>This is Green Color</h2>
    <h2 style="color:red";>This is Red Color</h2>

    <!--HTML Text Color styling-->

    <h1 style="color:green">This is a Heading Title.</h1>
    <p style="color:violet">This is a Paragraph Title.</p>

    <!--HTML Fonts styling-->

    <h1 style="font-family:Times New Roman,">This is a Heading Font Title.</h1>
    <p style="font-family:Arial Black">This is a Paragraph Font Title.</p>

    <!--HTML Text Size styling-->

    <h1 style="font-size:350%">This is a Heading Font-Size Title</h1>
    <p style="font-size:200%">This is a Paragraph Font-Size Title.</p>

    <!--HTML Text Alignment styling-->

    <h1 style="text-align:center">Center Heading Title.</h1>
    <h1 style="text-align:left">Center Heading Title.</h1>
    <h1 style="text-align:right">Center Heading Title.</h1>
    <h1 style="text-align:justify">Center Heading Title.</h1>
    <h1 style="text-align:start">Center Heading Title.</h1>
    <p style="text-align:center">This is a Paragraph Title.</p>
    <p style="text-align:left">This is a Paragraph Title.</p>
    <p style="text-align:right">This is a Paragraph Title.</p>
    <p style="text-align:justify">This is a Paragraph Title.</p>
    <p style="text-align:start">This is a Paragraph Title.</p>


    </body>
    </html>

    3. This work Preview 


    Viewers My headline relented post the END. So,  I am happy this code apply your work .Fruition of to  my  Tutorials . Viewer done this tutorials . See you next Tutorials . Take care your Body and Mind pleaser . good By.

    [N.B : Stay with the information and knowledge wherever they stay on course with the update.]


         

    Published By:
    Chum Anwar Mahmud
    on 3/19/2015 12:02:00 AM

    Wednesday, March 18, 2015

    0 Paidverts Similar Site Advertzer Earn Money UP TO 154% BONUSADZ.

    Paidverts is a most popular earning source of each and every other PTC sites. Paidverts for sign up first month 16 BAP . 50 BAP quell 12 Ads. First 2 ads on 0.165 Dollar , next 5 ads 0.00100 Dollar , next 5 ads 0.000500 Dollar gave there user. Otherwise 1 Campaigns Delivered for 3100 BAP. Just its simples.

    Advertzer is a Very Batter site  of Paidverts.   Advertzer get Launch on 02-16-2015 but he not compete of all user used. Advertzer Official Launch on 03-19-2015 11:00 AM. Advertzer step by step earn on more money on Paidverts. Advertzer earn on some step follow on .

    This step here:-


    Position of This Group #1
    0 to 1600 BP Your Account so --- ( 1.8% of total funds shared members this group )

    Position of This Group #2
    1600 to 16,000 BP  Your Account so ---  ( 2.7% of total funds shared members this group  )

    Position of This Group #3
    16,000 to 32,000 BP  Your Account so ---  ( 3.5% of total funds shared members this group  )

    Position of This Group #4
    32,000 to 64,000 BP  Your Account so ---  ( 6.0% of total funds shared members this group )

    Position of This Group #5
    64,000 to 120,000 BP  Your Account so ---  ( 8.0% of total funds shared members this group )

    Position of This Group #6
    120,000 to 240,000 BP  Your Account so ---  ( 11.0% of total funds shared members this group  )

    Position of This Group #7
    240,000 to 580,000 BP  Your Account so ---  ( 13.5% of total funds shared members this group )

    Position of This Group #8
    580,000 to 1,500,00 BP  Your Account so ---  ( 14.5% of total funds shared members this group  )

    Position of This Group #9
    1,500,000 to 6,000,000 BP  Your Account so ---  ( 16.0% of total funds shared members this group  )

    Position of This Group #10
    Over 6,000,000 BP  Your Account so ---  ( 23.0% of total funds shared members this group  )


    Withdrawing Money Limit on $2. Payments are processed and delivered to your desired payment processor you requested it in maximum 72 hours.

    Join Us on this Link Advertzer 

    Published By:
    Chum Anwar Mahmud
    on 3/18/2015 01:06:00 AM

    Tuesday, March 17, 2015

    0 HTML Paragraphs Tag And Pre Tag Example.

    Hello Viewer,
    How are you . I also believed your mind pleaser very fine and goods. I appearance  to HTML Paragraphs  Tag And Pre Tag  example. It is very simple work in the HTML. Follow my instruction an step by step you learn for this and others tutorials . Number one point open the your editor and follow the code. Type your editor HTML formal Tag. 

    Instruction 1:
    <p> ------- P tag Meaning Paragraphs Rule write latter.
    <pre> ---- Pre tag Meaning Equally Rules Write.

    Instruction 2:
    Firstly HTML all code step by step write your editor and save check Browser Preview .

    Instruction 3:
     Then apply the CSS code. CSS meaning Cascading Style Sheet. CSS code used .
    <head>
    CSS code Used.
    </head>


    HTML Paragraphs Tag And Pre Tag Codes.

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <meta name="keywords" content="basic html" />
    <title>This is Page Title </title>
    <style type="text/css">
    body{background: violet;}
    p{color: green;}
    p{font-size: 20px}
    pre{color: blue;}
    pre{font-size: 20px}
    </style>
    </head>
    <body>
    <p>This is a First paragraph Style</p>

    <p>This is a Second paragraph Style</p>

    <p>
    This paragraph
    contains is Just Test
    Practice Season Number 1 .
    </p>

    <p>
    This paragraph
    contains is Just Test
    Practice Season Number 2 .
    </p>

    <pre>
      This is a Pre Style Number 1.

      This is a Pre Style Number 2.

      This is a Pre Style Number 3.

      This is a Pre Style Number 4.

      This is a Pre Style Number 5.
    </pre>
    </body>
    </html>

    [N.B]  This color CSS code Color .



    so viewer this is a  HTML Paragraphs Tag And Pre Tag . I happy this code apply your work .Fruition of to  my  Tutorials . Viewer done this tutorials . See you next Tutorials . Take care your Body and Mind pleaser . good By.

    [N.B : Stay with the information and knowledge wherever they stay on course with the update.]

    Published By:
    Chum Anwar Mahmud
    on 3/17/2015 07:00:00 PM

    0 HTML Header Tag Example .

    Hello Viewer , 
    How are you . I also believed your mind pleaser very fine and goods. I appearance  to HTML header tag h1-h6 example. so viewer not told to longer thats doing the right works, so lats go...






    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <meta name="keywords" content="basic html" />
    <title>This is Page Title </title>
    <style type="text/css">
    h1{color: red;}
    h2{color: green;}
    h3{color: black;}
    h4{color: blue;}
    h5{color: #6EEBFE;}
    h6{color: gray;}

    </style>
    </head>
    <body>
    <h1>This is heading 1</h1>
    <h2>This is heading 2</h2>
    <h3>This is heading 3</h3>
    <h4>This is heading 4</h4>
    <h5>This is heading 5</h5>
    <h6>This is heading 6</h6>
    </body>
    </html>

    This is work Output.














    so viewer this is a HTML header (tag h1-h6). I happy this code apply your work .Fruition of to  my  Tutorials . Viewer done this tutorials . see you next post . take care your body and mind pleaser . good By.


    [N.B : Stay with the information and knowledge wherever they stay on course with the update.]




    Published By:
    Chum Anwar Mahmud
    on 3/17/2015 02:55:00 AM

    Monday, March 16, 2015

    0 Web Design & Development Beginning Needed Everything we can to work .

    Web development is the most powerful thinks of this world, so its very positive point of each and every others generation . Internet to do days  just web development same ways. Web development learn from few thinks . This thinks me step by step knowing otherwise told for every tools. so no talk to this its work and learn time just get its






    1. Web development work learning of same Editor needed -

            a) Notepad.
            b) Notepad ++.
            c) Bracket.
            d) Sublime text.
            e) Adobe Dreamweaver cs6.
            e) PhpStorm.

    I well saggiest for viewer beginner time only used of Bracket. This editor was very nice. Thats because this editor first tag start auto last tag complete. so beginner label this editor fine. Sublime Text editor same work them. Viewer Web Development work very first so you used Adobe Dreamweaver cs6. so viewer web PHP work start so   PhpStorm used , This Editor is best better so very very best editor of PHP . 

    2. Same Browser Needed -

          i. Mozilla Firefox.
          ii. Google Chrome
          iii. Internet Explorer
          iv. Safari Browser
          v. Maxthon Browser

    I well saggiest for viewer Web Design And Development best Browser is Mozilla Firefox and Google Chrome. then first time Three  thinks follow away .

       #1. instrol Mozilla Firefox.
       #2. Add the FireBug
       #3. Developer Tools

    So Viewer that's it. This tutorial is very long. By By see you next post , please take care your body language and mind . just one more thinks remember thats.


    [N.B : Stay with the information and knowledge wherever they stay on course with the update. 

    Published By:
    Chum Anwar Mahmud
    on 3/16/2015 04:02:00 AM

    Saturday, March 14, 2015

    0 How to Create Facebook Fan Page Like Button in Blogger Sites.

    Hello Viewers How are You. I know you always Fine. Pleased take care your body and mind pleaser.so done this tutorial work right now . this tutorial headline knowing this tutorials why. In this tutorials for FB Like Button add Your Blog sites. This tutorials for step by step working so its easy mode . just follow the Steps. Lets go right Now --------->>>>>>>>





    1.Sign In your --->>> Blogger sites.

    2.Click Your  Layout ->

    3.Click add a Gadget--->


    4.Click HTML/JavaScript Gadget--->
    5.Now going to this link Facebook Developers.
    6.Follow this link click here Social Plaguns .
    7.Click the Like Button--->
    8.Your Facebook Fan Page URL than click the Get Code Button--->

    9.ideally right after the opening <body> tag and below this code paste--->

    <div id="fb-root"></div>
    <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/sdk.js#xfbml=1&version=v2.0";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>



    10.And this code paste your add Gadget Box.


    <div class="fb-like" data-href="https://developers.facebook.com/docs/plugins/" data-layout="standard" data-action="like" data-show-faces="true" data-share="true"></div>


    11. just like this--->
    This is its and finished the WORK. So, Viewers See You Next Post . By By.


    [N.B : Stay with the information and knowledge wherever they stay on course with the update. 



    Published By:
    Chum Anwar Mahmud
    on 3/14/2015 01:01:00 PM

    0 How to Create Facebook Fan Page Like Box in Blogger.


    Hello Viewer In this tutorial i present on Facebook like box in Blogger .

    so, I told step by step Blogger FB like box your blogger sites.


    1.Pleased Sign in Your Blogger Sites.

    2.Then Click Layout option.


    3.Clicks add a Gadget.

    4 .Follow the HTML/JavaScript Gadget.









    5.Enter  Developer Facebook, and Click the Social Plugins.


    6.Click the facebook like Box.


    7.Then your  Facebook Page URL.

    8.Finally click Get Code button.

    9.This code apply your blogger add a Gadget .

    <iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FCareer.Developer17%3Fref%3Dhl&amp;width&amp;height=400&amp;colorscheme=light&amp;show_faces=true&amp;header=true&amp;stream=false&amp;show_border=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:400px;" allowtransparency="true"></iframe>


    10.  This  code apply your Gadget Content box just paste .

    11.  Click Save button and finish the Worked.

    Take Care Your Body And Mind Pleaser. See You Next Post.

    [N.B. Stay with the information and knowledge wherever they stay on course with the update.
         
      

    Published By:
    Chum Anwar Mahmud
    on 3/14/2015 01:22:00 AM

    Next Page Home
    Top