Showing posts with label blog. Show all posts
Showing posts with label blog. Show all posts

Sunday, February 8, 2015

Online LOGO ဖန္​တီးဖို႔ websiteအခ်ိဳ႕ လမ္​းညႊန္​ခ်က္​

​ေရးသူ ရက္​စြဲ With 2 comments:
  • Cool Text ; The first and awesome free Online LOGO maker website is COOL Text,this website provide totally GUI Interface,you have to just select the text style and type the LOGO Text which you want to generate and click on Render image , that's it :)



  • Flaming Text ; It is the 2nd most popular Online LOGO maker website,FlamingText provides bundle of fonts styles along with beautiful styles,it is also very simple to use,Select any Style and click that , now enter the logo text and click on Generate , that's it.Flaming Text website has many other tools such as arrow maker,bullet maker and URL Encoder/Decoder etc.
  • LOGO Type Maker; It is another cool Online LOGO Maker,this is same as COOL Text and flaming text however it provides an icon alongwith the logo text which makes it more awesome LOGO.Its use is also too much simple , just drop your text in the box and click on Generate and download your LOGO.
  • LOGOYES; It is another beautiful Online free LOGO Maker website,it generates logo when you signup for their website,so first sign up there and enjoy making different LOGO.Its really very fast and easy.
  • Online LOGO Maker;This website provides a wide variety of LOGOS along with beautiful icons in the LOGO.According to their website "It is a Professional LOGO Makerwebsite".Its free and very fast , you can easily generate LOGO for your website.
So wake up and make your blog LOGO via this websites , and be professional , thanks for landing on ThatsBlogging.Blogspot.com , Hope you will like it , if you have any question you can ask , we are here to reply you , stay blessed,Happy Blogging.



ဆက္​လက္​ဖတ္​႐ႈရန္​

ဘ​ေလာ့ Templates လမ္​းညႊန္​

​ေရးသူ ရက္​စြဲ With 1 comment:

Awesome Responsive Blogger Templates 


We already have provided a collection ofProfessional Blogger Templates which are really awesome templates.But now we are going to provide some responsive blogger templates,which will certainly help you to grow your blog network.

1#) Responsival Blogger Template


2#) Copy Blogger V2 Blogger Template




3#) Top Blogging Ideas Blogger Template



4#) Elite Minima Blogger Template

5#) Sensational Blogger Template




So What's Up:- These Were Some Beautiful Responsive Blogger Templates,All These Templates Are Neat And Simple.These Templates Has 3 Columns Latout Along With Beautiful Sidebars,Which Makes It More Beautiful Template.Share Your Beautiful Ideas With Us , And Feel Free To Ask Any Question,Stay Blessed,Happy Blogging. 



ဆက္​လက္​ဖတ္​႐ႈရန္​

Add 5 Star Rating Widget ဘ​ေလာ့မွာထည္​့ခ်င္​သူမ်ား

​ေရးသူ ရက္​စြဲ With No comments:

How To Add 5 Star Rating Widget To Blogger




  • First of all Go To Blogger Dashboard
  • Then Click On Template >> Edit HTML

  • Now search for </head> tag
  • အ​ေပၚက </head> ကို ႐ွာ​ေတြ႔ပီဆိုရင္​ သူ႔ရဲ႕အ​ေပၚက​ေအာက္​ကကုဒ္​ကို ထည္​့​ေပးပါ 
<link type="text/css" rel="stylesheet" href="http://static.graddit.com/css/graddit.css" />

  • ​ေနာက္​တစ္​ခု  <data:post.body/> ကို႐ွာ​ေပးပါ
  • ​ေတြ႕ပီဆိုရင္​ <data:post.body/> ရဲ႕အ​ေပၚမွာ ​ေအာက္​ကကုဒ္​ကို ထည္​့​ေပးပါ.. 


<b:if cond='data:blog.pageType != &quot;static_page&quot;'><div expr:id='"labels_" + data:post.id' style='display: none; visibility: hidden;'><b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><data:label.name/>,</b:loop></b:if></div>Rate this posting: <div expr:id='data:post.id' class='ffbs_rate'>{[[&#39;&lt;img src=&quot;http://static.graddit.com/img/star.png&quot;/&gt;&#39;]]}</div><div expr:id='&quot;ffbs_stats_&quot; + data:post.id' class='ffbs_stats'></div><script type='text/javascript' expr:src='&quot;http://www.graddit.com/rate/eng/5/&quot; + data:post.id + &quot;?id=&quot; + data:post.id + &quot;&amp;stats=ffbs_stats_&quot; + data:post.id + &quot;&amp;labels=labels_&quot; + data:post.id + &quot;&amp;info=info-&quot; + data:post.id + &quot;&amp;info_delay=2&amp;url=&quot; + data:post.url + &quot;&amp;class_star=ffbs_star_img&amp;class_star_set=ffbs_star_img_set&amp;class_star_vote=ffbs_star_img_vote&amp;views=yes&amp;votes=yes&amp;average=yes&quot;'></script></b:if>

  • Hit Save Template and that's it 


ဆက္​လက္​ဖတ္​႐ႈရန္​

Simple White Clean SEO Blogger Templates

​ေရးသူ ရက္​စြဲ With No comments:

Super SEO Blogger Template

Features of Super SEO Blogger Template

  1. SEO Friendly
  2. Robots Lover
  3. Clean Awesome Header
  4. Consist on Two Column
  5. Stylishly Post Gadget
  6. Classic Drop Down Navigation Menu
  7. Right Sidebar
  8. Easy Programming Codes
  9. Smoothly Layout
ဆက္​လက္​ဖတ္​႐ႈရန္​

Add Cool Drop Down Menu in Blogger

​ေရးသူ ရက္​စြဲ With 2 comments:

How To Add Cool Drop Down Menu in Blogger

  • Go To Blogger Dashboard
  • Click On Template
  • Edit HTML
  • Search For </header>
  • ​ေအာက္​ကကုဒ္​ကို  ( </header>) ရဲ႕​ေအာက္​မွာထည္​့​ေပးပါ ...
<div id='menubor'></div><center><ul id='menu'>
<li><a class='hmlink' href='#'>Home</a></li>
<li><a class='winlink' href='#'>Blogger Templates</a></li>
<li><a class='maclink' href='#'>Blogger Widgets</a></li>
<li><a class='andlink' href='#'>How To Tuts</a></li>
<li><a class='gamlink' href='#'>Privacy Policy</a></li>
<li><a class='seclink' href='#'>Guest Post</a></li>
<li><a class='linlink' href='#'>About</a></li>
</ul></center>
<style>
#menu li {               
 display: inline;               
 list-style: none;               
 padding: 0;           
 }                   

 #menu li a {                                 
 padding: 15px 20px 15px 20px;               
 text-decoration: none;               
  color:white;
  font-family: 'Noto Serif', serif;
-moz-box-shadow: inset 0 0 13px -2px #000;
-webkit-box-shadow: inset 0 0 13px -2px #000;
box-shadow: inset 0 0 13px -2px #000;
  font-size:18px;
  -webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
  transition: padding-bottom .666s;
-webkit-transition: padding-bottom .666s;
-moz-transition: padding-bottom .666s;
-o-transition: padding-bottom .666s;
-ms-transition: padding-bottom .666s;
  
  
}
 #menu li a:hover {                                 

  padding-bottom:20px;
}
.hmlink{
  background:#24459A;
}
.winlink{
  background-color: rgba(9,173,217,1);
}
.maclink{
  background-color: rgba(108,109,112,1);
}
  .weblink{
    background:#EEEE00;
    color:black;
  }
.andlink{
  background-color: rgba(149,191,43,1);
}
.gamlink{
  background-color: rgba(212,2,43,1);
}
.seclink{
  background-color: rgba(0,158,62,1);
}
.linlink{
  background-color: rgb(123, 82, 138);
}
#menubor{
  border-top:1px solid black;
  margin-bottom:-1px;
}
  .header-outer{
    padding-bottom:20px;
  }
</style>

Changes

# ​ေနရာမွာ လင္​့ထည္​့​ေပးပါ
အဆင္​​ေျပပါ​ေစ.. ..ဂ်ယ္​မင္​း

ဆက္​လက္​ဖတ္​႐ႈရန္​

Thats Blogger Template

​ေရးသူ ရက္​စြဲ With No comments:


Template Information 

  1. Template Name:Thats Blogger Template
  2. Template Author: Iftikhar Uddin
  3. Designer: Iftikhar uddin
  4. Price: Free 
  5. License : Creative Commons Attribution 3.0
  6. Release Date: 02/18/2014 

Features Of Thats Blogger Template

  • SEO Ready Blogger Template
  • White Background
  • Read more button
  • Beautiful Comment Style


  • Cool Drop Down menu 

  • 2 columns Layout
  • One Side-bar
  • Cool Widgets
  • Calender at each post side
  • Works Perfectly with Google Chrome,IE,and Firefox
  • Download it free from Our Blog ;)
Configuration: 
  1. For Changing Links in the "Header Menu" , Click On Template >> EDIT HTML >> Search for(CTRL+F) </head> below there make the desire changes in the html code.
  2. For installing this template first of all download the template >> Save it in a directory >> Go to Blogger Dashboard >> Click On Template >> Backup/Restore >> Click On Choose File >> Select The Downloaded xml file >> and hit upload>> That's it.

ဆက္​လက္​ဖတ္​႐ႈရန္​

iGrid Blogger Template

​ေရးသူ ရက္​စြဲ With No comments:

Features of iGrid Responsive Blogger Template

  • Awesome Pagination 
  • Beautiful Menu at Header
  • Grid Style
  • Magazine Style
  • SEO Friendly
  • Beautiful image hover
  • Beautiful Ribbon at Top and Bottom
  • Cool Colors Combination
  • Well and Clean Coded
  • Free To Download
  • Cool Widgets
Configuration : For adding Links to the header menu Go To Blogger Dashboard >> Template >> Edit Template >>  Search for (CTRL+F) navmenutop  as shown below (click on the image to see it clear)
 
    <ul id='menu'>
    <li><a href='#'>Blog</a></li>
    <li><a href='#'>Forum</a></li>
    <li><a href='#'>Contact</a></li>
    <li><a href='#'>Terms and Condition</a></li>
    <li><a href='#'>Services</span></a></li>
    </ul>
  • Replace # with the URLs of your Blog
  • That's it!

ဆက္​လက္​ဖတ္​႐ႈရန္​

Google +1 button and Badge ကို ဘ​ေလာ့မွာထည္​့မယ္​

​ေရးသူ ရက္​စြဲ With No comments:

  • Sig in to your Blogger
  • Go to Layout and click Add Gadget
  
Google +1 button and Badge 
  • Take +1 button or Google+ Badge as you need
  • If you take Google+ badge give page ID
Google +1 button and Badge
  •   Thats all....မသိ​ေသး​ေသာ သယ္​ခ်င္​း​ေတြအတြက္​သာ/
ဆက္​လက္​ဖတ္​႐ႈရန္​

Subscribe to posts (atom) ကို ျဖဳတ္​ခ်င္​ရင္​

​ေရးသူ ရက္​စြဲ With No comments:

  • Sign In to your Blogger Account and Go to Design->Edit HTML
 Important:You must tick the check box  Expand Widget Templates
  • Find the following and delete it
  • ​ေအာက္​ကကုဒ္​ကို ႐ွာပါ/ ပီးသြားရင္​ ဖ်က္​​ေပးလိုက္​ပါ ...
<b:include name='feedLinks'/>

ဆက္​လက္​ဖတ္​႐ႈရန္​

Older and Newer posts ​ေနရာမွာ ပို႔စ္​​ေခါင္​းစဥ္​​ေလးပါထည္​့မယ္​

​ေရးသူ ရက္​စြဲ With No comments:

Add Jquery script

  •  </body> ရဲ႕အထက္​မွာ ​ေအာက္​ကကုဒ္​ကို ထည္​့​ေပးပါ

<br />

<!--Start post title http://gelmin.blogspot.com --><br />

<a href='http://netoopsblog.blogspot.com'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDtT0cgl8E3NpBZd9czVK4HB4vk8DfthyphenhyphenNX4p_Bio6yxv3OUf3qWcfveUuKoZz0-2GisrfNv73uY2qWw8oU7tyfVsh36Stxtkzs4oSJywP3r9n25FniFEUMXWFZfET9D8BtP01OPS8hBc/s1600/1x1juice.png'/></a><br />

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

<script type='text/javascript'>/*<![CDATA[*/var urlToNavTitle={};function getTitlesForNav(d){for(var c=0;c<d.feed.entry.length;c++){var e=d.feed.entry[c];var b="";for(var a=0;a<e.link.length;a++){if(e.link[a].rel=="alternate"){b=e.link[a].href;break}}if(b!=""){urlToNavTitle[b]=e.title.$t}}}document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/posts/summary?redirect=false&max-results=500&alt=json-in-script&callback=getTitlesForNav"><\/script>');function urlToPseudoTitle(a){var b=a.match(/\/([^\/_]+)(_.*)?\.html/);if(b){b=b[1].replace(/-/g," ");b=b[0].toUpperCase()+b.slice(1);if(b.length>28){b=b.replace(/ [^ ]+$/,"...")}}return b}$(window).load(function(){window.setTimeout(function(){var a=$("a.blog-pager-newer-link").attr("href");if(a){var b=urlToNavTitle[a];if(!b){b=urlToPseudoTitle(a)}if(b){$("a.blog-pager-newer-link").html("&lt;&lt; Newer Post<br />"+b)}}a=$("a.blog-pager-older-link").attr("href");if(a){var b=urlToNavTitle[a];if(!b){b=urlToPseudoTitle(a)}if(b){$("a.blog-pager-older-link").html("Older Post &gt;&gt;<br />"+b)}}},500)});/*]]>*/</script><br />

</b:if><br />

<a href='http://netoopsblog.blogspot.com'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDtT0cgl8E3NpBZd9czVK4HB4vk8DfthyphenhyphenNX4p_Bio6yxv3OUf3qWcfveUuKoZz0-2GisrfNv73uY2qWw8oU7tyfVsh36Stxtkzs4oSJywP3r9n25FniFEUMXWFZfET9D8BtP01OPS8hBc/s1600/1x1juice.png'/></a><!--End post title http://gelminn.blogspot.com -->


Add CSS code

  • ]]></b:skin>ရဲ႕အထက္​မွာ ​ေအာက္​ကကုဒ္​ကို ထည္​့​ေပးပါ

.blog-pager-newer-link {background-color:transparent !important;padding: 0 !important;}
.blog-pager-older-link {background-color:transparent !important;padding: 0 !important;}
#blog-pager-newer-link {padding:5px;font-size:90%;width:200px;text-align:left;}
#blog-pager-older-link {padding:5px;font-size:90%;width:200px;text-align:right;}
#blog-pager{height:100% !important;}


ဆက္​လက္​ဖတ္​႐ႈရန္​

Labels Widget ကို ဒီဇိုင္​းအလန္​းမ်ားနဲ႔ ထားခ်င္​သူမ်ား

​ေရးသူ ရက္​စြဲ With No comments:

  •  Sign In to Blogger Dashboard
  • Go to Template -> Edit HTML
  • Find ]]></b:skin> and copy the code of label style you like above ]]></b:skin>
  • Save Template

 Black Forest Theme Labels with animated Scaling

.Label li {
        background: linear-gradient(to bottom, #6B6B6B 0%, #6B6B6B 4%, #333333 1%, #2B2B2B 100%) repeat scroll 0 0 transparent;
        border: 1px solid;
        border-radius: 6px 6px 6px 6px;
        float: left;
        font-size: 116%;
        list-style: none outside none;
        margin: 2px;
        padding: 4px;
        transition: all 0.3s ease 0s;
    }
.Label li:hover {
    transform: rotate(351deg) scale(1.7);
}

Yellow Customized labels Widget


    .Label li:before {

        background-image: -moz-linear-gradient(left top , #FEDA71, #FEBA47);

        border-bottom: 1px solid #D99D38;

        border-left: 1px solid #D99D38;

        content: "";

        height: 1.39em;

        left: -0.69em;

        position: absolute;

        top: 0.2em;

        transform: rotate(45deg);

        width: 1.3em;

        z-index: 1;

    }

    .Label li:after {

        background: none repeat scroll 0 0 #FFFFFF;

        border: 1px solid #D99D38;

        border-radius: 4.167em 4.167em 4.167em 4.167em;

        box-shadow: 0 1px 0 #FAEABA;

        content: "";

        height: 0.5em;

        left: -0.083em;

        position: absolute;

        top: 0.667em;

        width: 0.5em;

        z-index: 9999;

    }

    .Label li {

        background-image: -moz-linear-gradient(center top , #FEDA71, #FEBA47);

        border-bottom: 1px solid #D99D38;

        border-radius: 0 0.25em 0.25em 0;

        border-right: 1px solid #D99D38;

        border-top: 1px solid #D99D38;

        box-shadow: 0 1px 0 #FAEABA inset, 0 1px 1px rgba(0, 0, 0, 0.1);

        color: #996633;

        float: left;

        font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;

        font-size: 0.75em;

        font-weight: bold;

        list-style: none outside none;

        margin: 0 0 7px 20px;

        padding: 0.417em 0.417em 0.417em 0.917em;

        position: relative;

        text-decoration: none;

        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);

        z-index: 1;

    }

Blue Customized Labels Widget

    .Label li:before {

        background-image: -moz-linear-gradient(center top , #1E5799 0%, #207CCA 100%);

        border-bottom: 1px solid #145091;

        border-left: 1px solid #145091;

        content: "";

        height: 1.39em;

        left: -0.69em;

        position: absolute;

        top: 0.2em;

        transform: rotate(45deg);

        width: 1.3em;

        z-index: 1;

    }

    .Label li:after {

        background: none repeat scroll 0 0 #FFFFFF;

        border: 1px solid #3F6893;

        border-radius: 4.167em 4.167em 4.167em 4.167em;

        box-shadow: 0 1px 0 #B5D8FF;

        content: "";

        height: 0.5em;

        left: -0.083em;

        position: absolute;

        top: 0.667em;

        width: 0.5em;

        z-index: 9999;

    }

    .Label li {

        background-image: -moz-linear-gradient(center top , #1E5799, #207CCA);

        border-bottom: 1px solid #145091;

        border-radius: 0 0.25em 0.25em 0;

        border-right: 1px solid #145091;

        border-top: 1px solid #145091;

        box-shadow: 0 1px 0 #CCE4FF inset, 0 1px 1px rgba(0, 0, 0, 0.1);

        color: #996633;

        float: left;

        font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;

        font-size: 0.75em;

        font-weight: bold;

        list-style: none outside none;

        margin: 0 0 7px 20px;

        padding: 0.417em 0.417em 0.417em 0.917em;

        position: relative;

        text-decoration: none;

        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);

        z-index: 1;

    }

 Black Forest Theme Label like NetOops Blog Labels


    .Label li {

        background: linear-gradient(to bottom, #6B6B6B 0%, #6B6B6B 4%, #333333 1%, #2B2B2B 100%) repeat scroll 0 0 transparent;

        border: 1px solid;

        border-radius: 6px 6px 6px 6px;

        float: left;

        font-size: 116%;

        list-style: none outside none;

        margin: 2px;

        padding: 4px;

        transition: all 0.3s ease 0s;

    }

    .Label li:hover {

        transform: rotate(5deg);

    }

Skeleton Theme for Labels Widget

.Label a {
    color: #000000;
    text-decoration: none;
}
.Label li {
    border: 1px solid #000;
    border-radius: 6px 6px 6px 6px;
    color: #000000 !important;
    float: left;
    font-size: 116%;
    list-style: none outside none;
    margin: 2px;
    padding: 4px;
    transition: all 0.3s ease 0s;
}

Skeleton Theme with Painting Hover Effect

 
.Label a:hover
{
text-shadow:5px 5px 5px #dcdcdc;
background:orange;
border:1px solid orange;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-bottom-left-radius: 30px;
border-top-right-radius: 30px;
}

Leaf theme for Labels Widget


.Label a {
     -moz-border-bottom-colors: none;
     -moz-border-left-colors: none;
     -moz-border-right-colors: none;
     -moz-border-top-colors: none;
     background-color: #7FBF4D;
     background-image: -moz-linear-gradient(center top , #7FBF4D, #63A62F);
     border-bottom-right-radius: 30px;
     border-color: #63A62F #63A62F #5B992B;
     border-image: none;
     border-style: solid;
     border-top-left-radius: 30px;
     border-width: 1px;
     box-shadow: 0px 1px 0px 0px #96CA6D inset;
     color: #FFFFFF;
     float: left;
     font: 14px verdana;
     height: 18px;
     margin-bottom: 9px;
     margin-left: 10px;
     padding: 10px;
     position: relative;
     text-decoration: none;
     transition: all 0.5s ease-in-out 0s;
}

.Label a:hover {
     background: none repeat scroll 0% 0% orange;
     border-radius: 0px 30px 0px 30px;
     border: 1px solid orange;
     text-shadow: 5px 5px 5px #DCDCDC;
}

.Label {
     margin: 0px;
     padding: 0px;
     position: relative;
}
ဆက္​လက္​ဖတ္​႐ႈရန္​

© 2012 ✔ GeL Minn ✔ . Designed by Gelminn