peinnegonethar ခ်စ္ညီႏူိင္ နည္းပညာၿပန္လည္မွ်ေ၀းၿခင္း: ဘေလာ့ ဆိုင္ရာ

Showing posts with label ဘေလာ့ ဆိုင္ရာ. Show all posts

ဘေလာ့အတြက္ search လွလွေလးမ်ား

Unknown 7:10 AM ဘေလာ့ ဆိုင္ရာ No comments

အရင္ဆုံ ကုဒ္ကို Copy ယူ ၿပီးရင္ Layout ကိုသြား ၿပီး Add a Gadget ကHTML/JavaScript မွာ ကုဒ္ကို save လိုက္ပါ

Search Box Style 1

<style type="text/css">
#helperblogger-searchbox {
    border-radius: 5px;
    background: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2nnhg0GC8WFZyPJnyuT5nqICaiOTOmq3sweq1Yu-_qGonI3P8zFHoX4doOpBOEcBYRkfDeH5M6odiHC4BCP4xSUEoN3DGviH8S6OpKmfP_GsTtQynBXWglmLmrB12n1B9AG2t0XlrdLU/s1600/helperblogger.com-white.png) no-repeat scroll center center transparent;
    width: 307px;
    height: 50px;
    disaply: block;
}

form#helperblogger-searchform {
    display: block;
    padding: 10px 12px;
    margin: 0;
}

form#helperblogger-searchform #s {
    padding-left: 24px !important;
    padding: 7.5px;
    margin: 0;
    width: 220px;
    font-size: 14px;
    font-family: verdana;
    vertical-align: top;
    border: none;
    background: transparent;
}

form#helperblogger-searchform
#sbutton {
    margin: 0;
    padding: 0;
    height: 40px;
    width: 44px;
    vertical-align: top;
    border: none;
    background: transparent;
}
</style>
<div id="helperblogger-searchbox">
    <form id="helperblogger-searchform" action="/search" method="get">
        <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}'
        onblur='if (this.value == "") {this.value = "Search...";}' />
        <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"
        />
    </form>
</div>

Search Box Style 2

<style type="text/css">
#helperblogger-searchbox {
    border-radius: 5px;
    background: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5nGTiu_AeDJwrb2bZIMZl_vWoyf046WL3K4MZhtGheV3zgFIOPL0kLhWLr6glVdKyOhe5qT1U0Sy4mQdZj3g9nmU9BVfXu-eqgWLNg8gU45Eo6tHmilgjlnPjb4trSXdim8OaXqfbBE8/h57/helperblogger.com-blue.png) no-repeat scroll center center transparent;
    width: 307px;
    height: 50px;
    disaply: block;
}

form#helperblogger-searchform {
    display: block;
    padding: 10px 12px;
    margin: 0;
}

form#helperblogger-searchform #s {
    padding-left: 24px !important;
    padding: 7.5px;
    margin: 0;
    width: 220px;
    font-size: 14px;
    font-family: verdana;
    vertical-align: top;
    border: none;
    background: transparent;
}

form#helperblogger-searchform
#sbutton {
    margin: 0;
    padding: 0;
    height: 40px;
    width: 44px;
    vertical-align: top;
    border: none;
    background: transparent;
}
</style>
<div id="helperblogger-searchbox">
    <form id="helperblogger-searchform" action="/search" method="get">
        <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}'
        onblur='if (this.value == "") {this.value = "Search...";}' />
        <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"
        />
    </form>
</div>

Search Box Style 3

<style type="text/css">
#helperblogger-searchbox {
    border-radius: 5px;
    background: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIfj46OyYwotKMLkEz0jcY9nlm9YTTb2JODRVnFSVUMUVLzEmPh6l6TnFzyYs9CAb5T1_MLOAoQLxVAD6pgFoxE0s1XCv7TM28f-Y0R6EbBHpAks1GSNSnKOKAVi7V9c8nF6Kpl_5vROw/s1600/helperblogger.com-black.png) no-repeat scroll center center transparent;
    width: 307px;
    height: 50px;
    disaply: block;
}

form#helperblogger-searchform {
    display: block;
    padding: 10px 12px;
    margin: 0;
}

form#helperblogger-searchform #s {
    padding-left: 24px !important;
    padding: 7.5px;
    margin: 0;
    width: 220px;
    font-size: 14px;
    font-family: verdana;
    vertical-align: top;
    border: none;
    background: transparent;
}

form#helperblogger-searchform
#sbutton {
    margin: 0;
    padding: 0;
    height: 40px;
    width: 44px;
    vertical-align: top;
    border: none;
    background: transparent;
}
</style>
<div id="helperblogger-searchbox">
    <form id="helperblogger-searchform" action="/search" method="get">
        <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}'
        onblur='if (this.value == "") {this.value = "Search...";}' />
        <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"
        />
    </form>
</div>

Search Box Style 4

<style type="text/css">
#helperblogger-searchbox {
    border-radius: 5px;
    background: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguKvEReqNlRjVDySHBZcaC-HilxZttXDxS3IlFJhbWpe9UXnHow9JVRxM7bJ1IF2POQyU5fmqHaEbHPyIyqINvvuOX7Ery581hUHbkkJyeoX_zBqqnjq5Yi0PsFyfBxbWxCLVZDBG3Zj8/s1600/helperblogger.com-orange.png) no-repeat scroll center center transparent;
    width: 307px;
    height: 50px;
    disaply: block;
}

form#helperblogger-searchform {
    display: block;
    padding: 10px 12px;
    margin: 0;
}

form#helperblogger-searchform #s {
    padding-left: 24px !important;
    padding: 7.5px;
    margin: 0;
    width: 220px;
    font-size: 14px;
    font-family: verdana;
    vertical-align: top;
    border: none;
    background: transparent;
}

form#helperblogger-searchform
#sbutton {
    margin: 0;
    padding: 0;
    height: 40px;
    width: 44px;
    vertical-align: top;
    border: none;
    background: transparent;
}
</style>
<div id="helperblogger-searchbox">
    <form id="helperblogger-searchform" action="/search" method="get">
        <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}'
        onblur='if (this.value == "") {this.value = "Search...";}' />
        <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"
        />
    </form>
</div>

Search Box Style 5

<style type="text/css">
#helperblogger-searchbox {
    border-radius: 5px;
    background: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmUf1HUa7_9WKkc9n5QIz-sYcr9ta0-FkNwaUTDaPf2Gr74bEBG38-VZVf0l7FBRdAW5T7Yuhab1nHX_fMfrCA9oyw43g6yCpCCRLEPUOF-SJS1uZt-b8ClXMGKyXoY-yYzigQlRIwa6o/h57/helperblogger.com-pink.png) no-repeat scroll center center transparent;
    width: 307px;
    height: 50px;
    disaply: block;
}

form#helperblogger-searchform {
    display: block;
    padding: 10px 12px;
    margin: 0;
}

form#helperblogger-searchform #s {
    padding-left: 24px !important;
    padding: 7.5px;
    margin: 0;
    width: 220px;
    font-size: 14px;
    font-family: verdana;
    vertical-align: top;
    border: none;
    background: transparent;
}

form#helperblogger-searchform
#sbutton {
    margin: 0;
    padding: 0;
    height: 40px;
    width: 44px;
    vertical-align: top;
    border: none;
    background: transparent;
}
</style>
<div id="helperblogger-searchbox">
    <form id="helperblogger-searchform" action="/search" method="get">
        <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}'
        onblur='if (this.value == "") {this.value = "Search...";}' />
        <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"
        />
    </form>
</div>

How To Add Sleek Search Boxes To Blogger

First choose any search box below
Copy the code of that search box
Go to Blogger Dashboard > Layout
Click Add a Gadget
Select HTML/JavaScript
Paste code and save it
Drag it to the top of your siderbar,if you are good blogger :)

Search Box Style 1

<style type="text/css">
#helperblogger-searchbox {
    border-radius: 5px;
    background: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2nnhg0GC8WFZyPJnyuT5nqICaiOTOmq3sweq1Yu-_qGonI3P8zFHoX4doOpBOEcBYRkfDeH5M6odiHC4BCP4xSUEoN3DGviH8S6OpKmfP_GsTtQynBXWglmLmrB12n1B9AG2t0XlrdLU/s1600/helperblogger.com-white.png) no-repeat scroll center center transparent;
    width: 307px;
    height: 50px;
    disaply: block;
}

form#helperblogger-searchform {
    display: block;
    padding: 10px 12px;
    margin: 0;
}

form#helperblogger-searchform #s {
    padding-left: 24px !important;
    padding: 7.5px;
    margin: 0;
    width: 220px;
    font-size: 14px;
    font-family: verdana;
    vertical-align: top;
    border: none;
    background: transparent;
}

form#helperblogger-searchform
#sbutton {
    margin: 0;
    padding: 0;
    height: 40px;
    width: 44px;
    vertical-align: top;
    border: none;
    background: transparent;
}
</style>
<div id="helperblogger-searchbox">
    <form id="helperblogger-searchform" action="/search" method="get">
        <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}'
        onblur='if (this.value == "") {this.value = "Search...";}' />
        <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"
        />
    </form>
</div>

Search Box Style 2

<style type="text/css">
#helperblogger-searchbox {
    border-radius: 5px;
    background: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5nGTiu_AeDJwrb2bZIMZl_vWoyf046WL3K4MZhtGheV3zgFIOPL0kLhWLr6glVdKyOhe5qT1U0Sy4mQdZj3g9nmU9BVfXu-eqgWLNg8gU45Eo6tHmilgjlnPjb4trSXdim8OaXqfbBE8/h57/helperblogger.com-blue.png) no-repeat scroll center center transparent;
    width: 307px;
    height: 50px;
    disaply: block;
}

form#helperblogger-searchform {
    display: block;
    padding: 10px 12px;
    margin: 0;
}

form#helperblogger-searchform #s {
    padding-left: 24px !important;
    padding: 7.5px;
    margin: 0;
    width: 220px;
    font-size: 14px;
    font-family: verdana;
    vertical-align: top;
    border: none;
    background: transparent;
}

form#helperblogger-searchform
#sbutton {
    margin: 0;
    padding: 0;
    height: 40px;
    width: 44px;
    vertical-align: top;
    border: none;
    background: transparent;
}
</style>
<div id="helperblogger-searchbox">
    <form id="helperblogger-searchform" action="/search" method="get">
        <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}'
        onblur='if (this.value == "") {this.value = "Search...";}' />
        <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"
        />
    </form>
</div>

Search Box Style 3

<style type="text/css">
#helperblogger-searchbox {
    border-radius: 5px;
    background: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIfj46OyYwotKMLkEz0jcY9nlm9YTTb2JODRVnFSVUMUVLzEmPh6l6TnFzyYs9CAb5T1_MLOAoQLxVAD6pgFoxE0s1XCv7TM28f-Y0R6EbBHpAks1GSNSnKOKAVi7V9c8nF6Kpl_5vROw/s1600/helperblogger.com-black.png) no-repeat scroll center center transparent;
    width: 307px;
    height: 50px;
    disaply: block;
}

form#helperblogger-searchform {
    display: block;
    padding: 10px 12px;
    margin: 0;
}

form#helperblogger-searchform #s {
    padding-left: 24px !important;
    padding: 7.5px;
    margin: 0;
    width: 220px;
    font-size: 14px;
    font-family: verdana;
    vertical-align: top;
    border: none;
    background: transparent;
}

form#helperblogger-searchform
#sbutton {
    margin: 0;
    padding: 0;
    height: 40px;
    width: 44px;
    vertical-align: top;
    border: none;
    background: transparent;
}
</style>
<div id="helperblogger-searchbox">
    <form id="helperblogger-searchform" action="/search" method="get">
        <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}'
        onblur='if (this.value == "") {this.value = "Search...";}' />
        <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"
        />
    </form>
</div>

Search Box Style 4

<style type="text/css">
#helperblogger-searchbox {
    border-radius: 5px;
    background: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguKvEReqNlRjVDySHBZcaC-HilxZttXDxS3IlFJhbWpe9UXnHow9JVRxM7bJ1IF2POQyU5fmqHaEbHPyIyqINvvuOX7Ery581hUHbkkJyeoX_zBqqnjq5Yi0PsFyfBxbWxCLVZDBG3Zj8/s1600/helperblogger.com-orange.png) no-repeat scroll center center transparent;
    width: 307px;
    height: 50px;
    disaply: block;
}

form#helperblogger-searchform {
    display: block;
    padding: 10px 12px;
    margin: 0;
}

form#helperblogger-searchform #s {
    padding-left: 24px !important;
    padding: 7.5px;
    margin: 0;
    width: 220px;
    font-size: 14px;
    font-family: verdana;
    vertical-align: top;
    border: none;
    background: transparent;
}

form#helperblogger-searchform
#sbutton {
    margin: 0;
    padding: 0;
    height: 40px;
    width: 44px;
    vertical-align: top;
    border: none;
    background: transparent;
}
</style>
<div id="helperblogger-searchbox">
    <form id="helperblogger-searchform" action="/search" method="get">
        <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}'
        onblur='if (this.value == "") {this.value = "Search...";}' />
        <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"
        />
    </form>
</div>

Search Box Style 5

<style type="text/css">
#helperblogger-searchbox {
    border-radius: 5px;
    background: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmUf1HUa7_9WKkc9n5QIz-sYcr9ta0-FkNwaUTDaPf2Gr74bEBG38-VZVf0l7FBRdAW5T7Yuhab1nHX_fMfrCA9oyw43g6yCpCCRLEPUOF-SJS1uZt-b8ClXMGKyXoY-yYzigQlRIwa6o/h57/helperblogger.com-pink.png) no-repeat scroll center center transparent;
    width: 307px;
    height: 50px;
    disaply: block;
}

form#helperblogger-searchform {
    display: block;
    padding: 10px 12px;
    margin: 0;
}

form#helperblogger-searchform #s {
    padding-left: 24px !important;
    padding: 7.5px;
    margin: 0;
    width: 220px;
    font-size: 14px;
    font-family: verdana;
    vertical-align: top;
    border: none;
    background: transparent;
}

form#helperblogger-searchform
#sbutton {
    margin: 0;
    padding: 0;
    height: 40px;
    width: 44px;
    vertical-align: top;
    border: none;
    background: transparent;
}
</style>
<div id="helperblogger-searchbox">
    <form id="helperblogger-searchform" action="/search" method="get">
        <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}'
        onblur='if (this.value == "") {this.value = "Search...";}' />
        <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"
        />
    </form>
</div>

- See more at: http://www.helperblogger.com/2012/06/beautiful-and-sleek-search-boxes-for.html#sthash.L8RrwNvn.dpuf

လြယ္ကူစြာမိမိ blogger domain နာမည္ခ်ိန္းနည္း

Unknown 12:19 AM ဘေလာ့ ဆိုင္ရာ No comments

အရင္ဆုံး blogger ထဲသို ့၀င္လိုက္ပါ ..

ၿပီရင္ ပံုမွာ ၿပထားသည္အတိုင္း settings ကို နိပ္လိုက္ပါ...

ၿပီရင္ ပံုမွာ ၿပထားသည္အတိုင္း....blog address က domain eidt ကို နိပ္လိုက္ပါ

ၿပီရင္ ပံုမွာ ၿပထားသည္အတိုင္း....မိမိ domain ခ်ိန္းလိုက္ပါ

ၿပီရင္ ပံုမွာ ၿပထားသည္အတိုင္း ၿပီးရင္ save ကိုနိပ္လိုက္ပါ...ဒီမွာကရွိၿပီးသာနာမည္မရပါ

ၿပီရင္ ပံုမွာ ၿပထားသည္အတိုင္း နာမည္ေၿပာင္းၿပီးပါၿပီး

ၿပီရင္ ပံုမွာ ၿပထားသည္အတိုင္း...view biog ကိုနိပ္ၾကည္ ့လိုက္ပါ ဘေလာ့နာမည္ အသစ္ေၿပာင္းလဲေနတာေတြ ့ရပါမည္................ဒါဆိုရင္ ဘေလာ့အေဟာင္းကနာမည္ မၾကိုက္လို ေနာက္ထပ္ ဘေလာ့အသစ္ ထပ္လုပ္စရာ မလို ေတာဘူးေပါ့ မသိနာမလည္းသူမ်ားကိုသာ ဆရာၾကီးမ်ားမပါပါ...........................တင္ၿပမူ မွားတာရွိရင္ ခြင္လြတ္ေပၾကပါေနာ္..............

wordpress ျပဳလုပ္နည္းစာအုပ္ (E BOOK)

Unknown 1:37 AM နည္းပညာဆိုင္ရာစာအုပ္မ်ား , ဘေလာ့ ဆိုင္ရာ No comments

wordpress ျပဳလုပ္နည္းစာအုပ္ (E BOOK) စာအုပ္ေလးတင္ေပးလိုက္ပါတယ္

မိမိ Blog မွာ ပန္းေလးေတြက်ေနတဲ့ Widget ထည့္မယ္

Unknown 1:10 AM ဘေလာ့ ဆိုင္ရာ No comments

Layout >HTML/javascript ထဲမွာ ေအာက္မွာေပးထားတဲ့ Code ေတြကို Paste ခ် ပီး Save လုပ္ပါ

♫Blog က Labels ေတြကို Scroll Bar ေလးနဲ႕ ခ်ဳံ႕ထားခ်င္ရင္ ♫♫

Unknown 1:16 AM ဘေလာ့ ဆိုင္ရာ No comments

ကြ်န္ေတာ္တို႕ Blog မွာ ပို႕စ္ေလးေတြ ေရးတင္တဲ့ခါ ပို႕စ္ရဲ႕ အမ်ဳိးအစား Label ကို ေရးေပးရပါတယ္။

ဒါမွလည္း ေနာက္ပိုင္း ကိုယ့္ Blog ကို လာလည္သူေတြ သူတုိ႕လိုခ်င္တဲ့ သိခ်င္တဲ့ ပို႕စ္အမ်ဳိးအစားေတြကို

လြယ္ကူစြာ ရွာေဖြ ဖတ္ရွဳႏိုင္မွာ ျဖစ္ပါတယ္။ ကိုယ္တင္တဲ့ပို႕စ္ေတြ အမ်ဳိးအစား စံုလင္ျပီး မ်ားလာတဲ့အခါ

Labels ေတြက အရွည္ႀကီး ျဖစ္လာပါတယ္။ အေပၚကပံုေလးလို Scroll Bar ေလးနဲ႕ ခ်ဳံ႕ထားလိုက္ရင္ေတာ့

ကိုယ့္ Blog ရဲ႕ Side Bar မွာ ေနရာစားသက္သာသြားျပီး ရွင္းလင္း ေသသပ္ေနတာကို ေတြ႕ျမင္ရမွာပါ။

အဲလိုမ်ဳိး သေဘာက်တယ္ဆိုရင္ေတာ့ Design >> Layout >> Add a Gadget >> HTML/JavaScript

ကို အဆင့္ဆင့္သြားျပီးေတာ့ ေအာက္က ကုတ္ေလးကို ေကာ္ပီကူးထည့္ျပီး Save ကို ႏွိပ္လုိက္ရံုပါပဲ..။

Your ip address ေလးပါ ဘေလာ့အတြက္

Unknown 6:20 AM ဘေလာ့ ဆိုင္ရာ No comments

<script language="javascript" type="text/javascript" src="http://api.checkingtools.com/getsign.js.php?id=1&font_color="></script>

<script language="javascript" type="text/javascript" src="http://api.checkingtools.com/getsign.js.php?id=2&font_color="></script>

<script language="javascript" type="text/javascript" src="http://api.checkingtools.com/getsign.js.php?id=3&font_color="></script>

<script language="javascript" type="text/javascript" src="http://api.checkingtools.com/getsign.js.php?id=4&font_color="></script>

<script language="javascript" type="text/javascript" src="http://api.checkingtools.com/getsign.js.php?id=5&font_color="></script>

<script language="javascript" type="text/javascript" src="http://api.checkingtools.com/getsign.js.php?id=6&font_color="></script>

<script language="javascript" type="text/javascript" src="http://api.checkingtools.com/getsign.js.php?id=7&font_color="></script>

<script language="javascript" type="text/javascript" src="http://api.checkingtools.com/getsign.js.php?id=8&font_color="></script>

<script language="javascript" type="text/javascript" src="http://api.checkingtools.com/getsign.js.php?id=9&font_color="></script>

<script language="javascript" type="text/javascript" src="http://api.checkingtools.com/getsign.js.php?id=10&font_color="></script>

<script language="javascript" type="text/javascript" src="http://api.checkingtools.com/getsign.js.php?id=11&font_color="></script>

<script language="javascript" type="text/javascript" src="http://api.checkingtools.com/getsign.js.php?id=12&font_color="></script>

<script language="javascript" type="text/javascript" src="http://api.checkingtools.com/getsign.js.php?id=13&font_color="></script>

<script language="javascript" type="text/javascript" src="http://api.checkingtools.com/getsign.js.php?id=14&font_color="></script>

<script language="javascript" type="text/javascript" src="http://api.checkingtools.com/getsign.js.php?id=15&font_color="></script>

<script language="javascript" type="text/javascript" src="http://api.checkingtools.com/getsign.js.php?id=16&font_color="></script>

<script language="javascript" type="text/javascript" src="http://api.checkingtools.com/getsign.js.php?id=17&font_color="></script>

<script language="javascript" type="text/javascript" src="http://api.checkingtools.com/getsign.js.php?id=18&font_color="></script>

<script language="javascript" type="text/javascript" src="http://api.checkingtools.com/getsign.js.php?id=19&font_color="></script>

<script language="javascript" type="text/javascript" src="http://api.checkingtools.com/getsign.js.php?id=20&font_color="></script>

<script language="javascript" type="text/javascript" src="http://api.checkingtools.com/getsign.js.php?id=21&font_color="></script>

<script language="javascript" type="text/javascript" src="http://api.checkingtools.com/getsign.js.php?id=22&font_color="></script>