လိုက္ပါတယ္ဗ်ာ။ မိမိၾကိဳက္တဲ႕ အေရာင္ကိုေရြးျပီးသံုးရံုပါဘဲ ေအာက္မွာ အေရာင္ 5ေရာင္ အတြက္ ကုဒ္
ငါမ်ိဳးေပးထားပါတယ္ဗ်ာ။ ထည္႕သြင္းပံုက လည္း Blogger ညီအကိုမ်ားအားလံုး လိုက္လုပ္ႏိုင္ပါတယ္။
ပံုနဲ႕တကြေသခ်ာေလးရွင္းျပထားပါတယ္။အဆင္ေျပၾကပါေစေနာ္။
Facebook ရဲ႕ Like button ကိုႏွိပ္ျခင္းျဖင္႕ မိမိရဲ႕ Facebook ေပၚမွာ ဒီ Post ေလးေရာက္သြားမွာပါ။
ဒီ Post ေလးကိုသေဘာက်တယ္ဆိုရင္လည္း Like Button ေလးကိုႏွိပ္ခဲ႕ေပးပါေနာ္။
အဆင့္ 1 Design > Layout > Add a Gadget ကိုႏွိပ္ပါ။
အဆင္႕ 2 Eidt HTML ကုိေရြးေပးပါ။ ျပီးသြားရင္ ေအာက္က Code ကိုကူးထည္႕ေပးပါ။
အဆင္႕ 3 Save ႏွိပ္ေပးပါ။
Style 1
<style type="text/css"> #btrix-searchbox { border-radius: 5px; background: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvrsWj_iItgCVMgRla0yiNlE3AoFfRQFLQMI5kL_bvmUmnXJfjgabpKrSTo6YF5oBL2PlmUwX9kiMNVdwJFSbhwSMmQZGyKJvbokiTIzijB6cotGT_MQX8xDxkbYp95HgQMF51XMwx4aVj/s1600/red.png) no-repeat scroll center center transparent; width: 307px; height: 50px; disaply: block; } form#btrix-searchform { display: block; padding: 9px 16px; margin: 0; } form#btrix-searchform #s { padding-left: 24px !important; padding: 7.5px; margin: 0; width: 198px; font-size: 16px; font-family: georgia; font-style: italic; color: #666666; vertical-align: top; border: none; background: transparent; } form#btrix-searchform #sbutton { margin: 0; padding: 0; height: 40px; width: 74px; vertical-align: top; border: none; background: transparent; } </style> <div id="btrix-searchbox"> <form id="btrix-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>
Style 2
<style type="text/css"> #btrix-searchbox { border-radius: 5px; background: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKkEX3jqHJkKtF7oVVtgJLKNadc63uPhK_Gjv-GpQrc8cS7BhswlugvrOQuiKebuhIymxJRay1nYgRGvRq9cv8w9dcplFzTgS6vb_EUdGMfMg8huHrZ-Hq_JXeYzrXcqMlP62BlDlIo7XO/s1600/purple.png) no-repeat scroll center center transparent; width: 307px; height: 50px; disaply: block; } form#btrix-searchform { display: block; padding: 9px 16px; margin: 0; } form#btrix-searchform #s { padding-left: 24px !important; padding: 7.5px; margin: 0; width: 198px; font-size: 16px; font-family: georgia; font-style: italic; color: #666666; vertical-align: top; border: none; background: transparent; } form#btrix-searchform #sbutton { margin: 0; padding: 0; height: 40px; width: 74px; vertical-align: top; border: none; background: transparent; } </style> <div id="btrix-searchbox"> <form id="btrix-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>Style 3
<style type="text/css"> #btrix-searchbox { border-radius: 5px; background: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhQ_7qqDifx3Tbzani5-vZ5I1VHCSBweaktP60eOGqd-sGysuxkasNWeQA00dqTCtHKuMJi-z6LnS7cSz3vgMhDPd7OMgvank07F26WYw0CrlizdReb5N34WzJhm3CvvztNruuFQcTYuhI/s1600/green.png) no-repeat scroll center center transparent; width: 307px; height: 50px; disaply: block; } form#btrix-searchform { display: block; padding: 9px 16px; margin: 0; } form#btrix-searchform #s { padding-left: 24px !important; padding: 7.5px; margin: 0; width: 198px; font-size: 16px; font-family: georgia; font-style: italic; color: #666666; vertical-align: top; border: none; background: transparent; } form#btrix-searchform #sbutton { margin: 0; padding: 0; height: 40px; width: 74px; vertical-align: top; border: none; background: transparent; } </style> <div id="btrix-searchbox"> <form id="btrix-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>
Style 4
<style type="text/css"> #btrix-searchbox { border-radius: 5px; background: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq0e0F8umdsb1WEQHr_wURKg9NMry0hDbtipAvW8w3XNR9DEaXdxqvGwz1sN3xOIEejziBPvv38K33AqfiIXoIkBd2-mbs6_eCNMtthluSm0R_64emaXJwxgq0C0LD042vdScxqPFW6yob/s1600/blue.png) no-repeat scroll center center transparent; width: 307px; height: 50px; disaply: block; } form#btrix-searchform { display: block; padding: 9px 16px; margin: 0; } form#btrix-searchform #s { padding-left: 24px !important; padding: 7.5px; margin: 0; width: 198px; font-size: 16px; font-family: georgia; font-style: italic; color: #666666; vertical-align: top; border: none; background: transparent; } form#btrix-searchform #sbutton { margin: 0; padding: 0; height: 40px; width: 74px; vertical-align: top; border: none; background: transparent; } </style> <div id="btrix-searchbox"> <form id="btrix-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>
Style 5
<style type="text/css"> #btrix-searchbox { border-radius: 5px; background: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPxvJt3ccvwe5FpTsBgUhcdCu82n1tIA-Ups0KjbLdSS9jXgMQlvZwYpj1IVRqYzel0gkMm9w1K48wZJ4mDSefvZZCFu3WFInqPsluCmbXAj0vw151LmAdJY4lR39BSg_tYfzeWtShkU5v/s1600/orange.png) no-repeat scroll center center transparent; width: 307px; height: 50px; disaply: block; } form#btrix-searchform { display: block; padding: 9px 16px; margin: 0; } form#btrix-searchform #s { padding-left: 24px !important; padding: 7.5px; margin: 0; width: 198px; font-size: 16px; font-family: georgia; font-style: italic; color: #666666; vertical-align: top; border: none; background: transparent; } form#btrix-searchform #sbutton { margin: 0; padding: 0; height: 40px; width: 74px; vertical-align: top; border: none; background: transparent; } </style> <div id="btrix-searchbox"> <form id="btrix-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>