-->
Showing posts with label Blog Widget. Show all posts
Showing posts with label Blog Widget. Show all posts

ပိုစ့္ေအာက္တြင္ထားလို႕ရေသာ Social sharing widget [Blogger only]

ပိုစ့္ေအာက္တြင္ထားလို႕ရေသာ Social sharing widget [Blogger only]

Posted in
No comments
By Pyae Phyo

မဂၤလာပါ။ Tech in Blogging မွႀကိဳဆုိပါတယ္။ အရင္တစ္ေခါက္ကေတာ့ ကြ်န္ေတာ္တုိ႕ ေက်ာင္းစာေမးပြဲအေသးေလးေၾကာင့္ ဒီဘေလာ့ေလးဟာ လစ္ဟင္းသြားပါတယ္။ ခုေတာ့ Sharing widget တစ္ခုျပပါမယ္။ ဒီ sharing widget ကသင့္ရဲ႕ sharing ႏွဳန္းတိုးေစပါတယ္။ အလွထားလည္း အရမ္းေကာင္းပါတယ္။ 

ဘယ္လိုထည့္ရမလဲ?
အခု Add to Blogger ကို အရင္ ကလစ္ပါ။ Add Page Element ဆုိၿပီး page ေပၚလာပါလိမ့္မယ္။ Add Widget ကို ကလစ္ပါ။


Demo (အစမ္း)






အဆင္မေျပရင္ ppt1459@gmail.com ကိုဆက္သြယ္ႏုိင္ပါတယ္။ ၿပီးေတာ့ တျခား Blogger widgets ေတြကိုလည္း ဒီမွာ ေလ့လာၾကည့္ပါဦးဗ်။

Blog မွာ subscription box ေလးထည့္မယ္

Blog မွာ subscription box ေလးထည့္မယ္

Posted in
No comments
By Kaung Htet Htun


Facebook, Twitter အကုန္ပါၿပီး၊ Subscribe ပါလုပ္လုိ႔ရမယ့္ widget ေလးထည့္ခ်င္တယ္ဆုိရင္ေတာ့
Blog Dashboard က Layout ကုိသြားပါ၊ Add a Gadget ကုိႏွိပ္ပါ၊ HTML/JavaScript ကုိႏွိပ္ပါ။ ၿပီးရင္
ေအာက္က ကုဒ္ေလးေတြ ကူးထည့္ေပးလုိက္ေနာ္။

<style>

.subscribebtrix {

.subscribebtrix {
background: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#d3dde3));
background: -moz-linear-gradient(top, #f5f5f5, #d3dde3);
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#F5F5F5, endColorStr=#d3dde3);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#F5F5F5, endColorStr=#d3dde3);
display:inline-block; /* IE is so silly */
border: 0px solid #000000;
border-radius: 5px;
padding: 0px 10px 10px 10px;
width: 310px;
}
.subscribebtrix img {
border: none;
}

.tbimailbox {
width: 270px;
color: #666;
font: 16px 'Trebuchet Ms', Sans-Serif;
padding: 10px 15px;
border: 1px solid #D3D3D3;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-box-shadow: 1px 1px 1px 1px rgba(255, 172, 84, 0.4) inset;
-webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4) inset;
box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4) inset;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}

.tbimailbox:hover {
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

.button {
   width: 300px;
   border-top: 1px solid #96d1f8;
   background: #0571e6;
   background: -webkit-gradient(linear, left top, left bottom, from(#123d60), to(#0571e6));
   background: -webkit-linear-gradient(top, #123d60, #0571e6);
   background: -moz-linear-gradient(top, #123d60, #0571e6);
   background: -ms-linear-gradient(top, #123d60, #0571e6);
   background: -o-linear-gradient(top, #123d60, #0571e6);
   -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#123d60, endColorStr=#0572e6);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#123d60, endColorStr=#0572e6);
   display:inline-block; /* IE is so silly */
   padding: 10px 20px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 16px;
   font-family: "Verdana", sans-serif;
   font-weight: bold;
   text-decoration: none;
   vertical-align: middle;
   }

.button:hover {
   background: #123d60;
   color: #ccc;
   }

.button:active {
   border-top-color: #123d60;
   background: #123d60;
   }

</style>

<br />
<div class='subscribebtrix'>
<div align='center' style='color: #333; font: 22px Verdana; font-weight: bold;  margin: 0px 0px 15px 0px; padding: 10px 0 10px;'>
Stay Connected</div>
<br />
<br />
<center>
<div style='margin: -30px 0 20px 0;'>
<a href='http://www.facebook.com/bloggertrix' target='_blank' title='Join us on Facebook'><img alt='facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0VFml2h9ZKi3sOWSu8HBY0d62UF2zK6PnSyJHpzr9QhspSKRaJZlH0uWHTO8Cwa1uLKoTJ99SJlKTqyJJLyg9W-igIrS-W7y03FljZp21xydd-zbjvtDGvdhA8oDgAAOdlyGcSY34ncnL/s1600/facebookicon.png' /></a>
<a href='http://www.twitter.com/bloggertrix' rel='nofollow' target='_blank' title='Follow us on Twitter'><img alt='twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjz2gU5drMhOcnCmn46xDtbuVLharKDsncvF12oEUyCnzBYKr0MHvLI8MOU9ADSMLKGXDVfTg8JH1AnUvbu6iP5cL-Fgb9dEaN6tmncIdjUTsnMgJReLlFHwmvsWTmOUsT5gOm1B8HTdQ5i/s1600/twitter.png' /></a>
<a href='https://plus.google.com/UserId' rel='nofollow' target='_blank' title='Follow us on Google+'><img alt='gplus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj34kVl9pT7q0R7dq-I4iN_gPvSBx8uvlTlNymd8cQkEmoYzHzUiGr9xB1Nk_39bHTl8k5QvHK15dF7rl5oknKfVhHw7l-RDJ_Jg6K1bqt5V4-bafhe3CavIsfdRqkkHCqmXYGUsvv2pUkN/s1600/google-plus-icon.png' /></a>
<a href='http://www.pinterest.com/bloggertrix' rel='nofollow' target='_blank' title='Follow us on Pinterest'><img alt='pinterest' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioS_dlN9OUXuMrRjlRoNkJ_ShXrC9my-drYH0Av-4UWWSCrZ4tIixI2abHQF4aElxkONb847-CZlKgPtelOjkAPsPs7k5vDJyKXFBkSjRlDClO0F-OAvydiZ6fJReJAGJXKunPUm3drEt3/s1600/pinteresticon.png' /></a>
<a href='http://feeds2.feedburner.com/bloggertrix' rel='nofollow' target='_blank' title='Subscribe to RSS'><img alt='rss' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGTXlcPk0vNKrqwdSzH6m7wRVR-5Az4zoxNYNG694XOt82j2Obz9AcjBiHS_tfRyba0HSBqyaO0bc2p4XAGm2IYHt8NjrqbFtXmHTMQkMe6zoElKJ_gcDU1keY1dAG9RmJPre16h7k8h6Q/s1600/rssicon.png' /></a>
</div>
</center>
<div align='center'>
<a href='http://feeds.feedburner.com/bloggertrix'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/bl0ggertricks?bg=123D60&amp;fg=ffffff&amp;anim=1' style='border: 0;' width='88' /></a></div>
<div style='margin: 10px 0 0 6px;'>
<form action='http://feedburner.google.com/fb/a/mailverify' class='emailform' method='post' onsubmit='window.open("http://feedburner.google.com/fb/a/mailverify?uri=bloggertrix", "popupwindow", "scrollbars=yes,width=550,height=520");return true' style='margin: 0pt;' target='popupwindow'>
<input name='uri' type='hidden' value='bloggertrix' />
<input name='loc' type='hidden' value='en_US' />
<input class='tbimailbox' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}' onfocus='if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}' type='text' value='Enter your email...' />
<input alt='' class='button' title='' type='submit' value='Subscribe' />
</form>
</div>
</div>



လုိခ်င္သေလာက္ အက်ယ္ကုိလည္း အနီေရာင္ျပထားတဲ့စာသားေတြေနရာမွာ ျပင္လုိ႔ရပါတယ္။ အျပာေရာင္ျပထားတဲ့ေနရာေတြမွာကေတာ့ ကုိယ့္ရဲ႕ Facebook, Twitter နဲ႔ Feed bruner လိပ္စာေတြကုိထည့္ရမွာပါ။

အားလံုး အဆင္ေျပၾကပါေစ။

Blog မွာ Mouse Cursor ေရႊ႕ရင္ ႏွင္းမႈန္ေလးေတြ က်ေအာင္လုပ္မယ္

Blog မွာ Mouse Cursor ေရႊ႕ရင္ ႏွင္းမႈန္ေလးေတြ က်ေအာင္လုပ္မယ္

Posted in
1 comment
By Kaung Htet Htun

မကၽြန္ေတာ့္ဘေလာ့မွာ လုပ္ထားသလုိမ်ိဳးပဲ ေမာက္စ္ cursor ကုိေရႊ႕ရင္ ႏွင္းမႈန္ အျပာေရာင္ေလးေတြ က်လာေအာင္ လုပ္ၾကရေအာင္။ ႏွင္းမႈန္ေလးေတြက အျပာေရာင္တင္မကပါဘူး။ အျခား ေရာင္စံုလုိခ်င္
သူမ်ားအတြက္လည္း အျခားအေရာင္ေတြ အစံုရွိတယ္ေနာ္။ ေအာက္ကဇယားကြက္ထဲမွာ ကုိယ္လုိခ်င္တဲ့
Mouse Cursor အေရာင္ကုိ ေရြးခ်ယ္လုိက္ပါ။


 ၿပီးရင္ Generate ကိုႏွိပ္၊ Add to Blogger ကုိႏွိပ္ၿပီးေတာ့လည္း ဘေလာ့ကုိ တုိက္႐ုိက္ထည့္ႏုိင္တယ္။ Add to Blogger ကုိႏွိပ္သူမ်ားအတြက္က ကုိယ့္ဘေလာ့နာမည္ကုိေရြးခ်ယ္ေပးၿပီး Add widget ကုိႏွိပ္
လုိက္႐ုံပါပဲ။

Get Code ကုိႏွိပ္ၿပီးေတာ့လည္း ကုဒ္ယူႏုိင္တယ္။ Get Code ကုိႏွိပ္ၿပီး ကုဒ္ယူထားသူမ်ားကေတာ့ ကုိယ့္ ဘေလာ့ရဲ႕ Layout ကုိသြားပါ။ Add widget ကုိႏွိပ္ပါ။ HTML/Javascript ကုိႏွိပ္ၿပီး ကုဒ္ထည့္ကာ Save
လုပ္လုိက္ပါ။ ေအာက္ဆံုးက အကြက္ႀကီးထဲမွာလည္း Preview ၾကည့္လုိ႔ရပါေသးတယ္။

www.24work.blogspot.com မွ ယူေဆာင္ေ၀မွ်ျခင္း ျဖစ္ပါတယ္။ အားလံုး အဆင္ေျပၾကပါေစ။

Blog Post မ်ားရဲ႕ ေအာက္မွာ Page Number ေတြထားမယ္

Blog Post မ်ားရဲ႕ ေအာက္မွာ Page Number ေတြထားမယ္

Posted in
No comments
By Kaung Htet Htun

ကုိယ့္ Blog စာမ်က္ႏွာရဲ႕ ေအာက္နားေလးမွာ Page Number ေလးေတြ ထည့္ဖုိ႔အတြက္ အဆင္ေျပဆံုးနဲ႔၊
အ႐ုိးရွင္းဆံုး နည္းလမ္းေလး တစ္ခုကုိ ေ၀မွ်ခ်င္ပါတယ္။ ဒီနည္းေလးက Tech in Blogging ကေန ယူလာ
တာျဖစ္ပါတယ္ခင္ဗ်ာ။ Page Number ထည့္ခ်င္ရင္ ေအာက္ပါနည္းအတုိင္း ျပဳလုပ္ပါ။ တကယ္လုိ႔ မရဘူး
ဆုိရင္ေတာ့ သင့္ရဲ႕ Blog ရဲ႕ Template ကိုျပဳျပင္ဖုိ႔ လုိအပ္ေနလုိ႔ပါခင္ဗ်ာ။
ဘယ္လုိထည့္မလဲ?

  • Select Style မွာ ႀကိဳက္တာေရြးပါ။
  • Number of posts per page မွာ သင့္ ဘေလာ့မွာ႐ွိတဲ့ ပုိ႔စ္အေရအတြက္ကုိ အရင္ရွာၿပီးမွ ထည့္ပါ။
  • Page Num Count before and after current မွာ ႀကိဳက္သေလာက္ထည့္ႏုိင္ပါတယ္။
  • Generate ကုိ ကလစ္ပါ။ 
  • Add to Blogger ကုိ ကလစ္ပါ။ သင့္ဘေလာ့ရဲ႕ Layout ထဲကုိ ေရာက္သြားပါလိမ့္မယ္။ 
  • Blog Post Body ႀကီးရဲ႕ ေအာက္နားကုိ ေရႊ႕ေပးလုိက္ပါ။


အားလံုး အဆင္ေျပမယ္လုိ႔ ယူဆပါတယ္ခင္ဗ်ာ။ Tech in Blogging ကုိလည္း အထူးေက်းဇူးတင္ပါတယ္။

ေဒါင္းနည္းမသိပါကအရင္ဖတ္ပါ

Download Link ကုိႏွိပ္ၿပီးလွ်င္ 5စကၠန္႔ေစာင့္ပါ၊ ၿပီးလွ်င္ ညာဘက္အေပၚေဒါင့္မွ Skip ကုိႏွိပ္ေပးမွသာ Download Page သုိ႔ ေရာက္႐ွိမည္ျဖစ္သည္။

Proudly Powered by Blogger.