လိုက္ပါတယ္ဗ်ာ။ မိမိၾကိဳက္တဲ႕ အေရာင္ကိုေရြးျပီးသံုးရံုပါဘဲ ေအာက္မွာ အေရာင္ 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/AVvXsEjvAwAZ8ffj5Ax1nT0fv4wA_W2eWXOJDr7JjKzyLyBCmz5XGB7OzhMuq8LJFjbz-oglCOAnCv2F6ljyDoF85rj-uyz3ySL1tyXTDUcuzLnrfAVQerR3ai2l-ba_t7OszcCEVyjRso-3MHVq/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/AVvXsEjFxnTK2Yk7c9cVDbKoZoEJ9XoMSQwyVL-_eXc49wLraaUV1_M0R_6BU4d0KzQLOCv-y84-4vxXs7Ls67U9PK9Qb6imncvMN9vVQBKer_gVsUVEN7aNdgbLLgY64LaVf0loTyiieXqWZLmd/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/AVvXsEi6bClddpf5T1RT9puBiXWxFH2WNcRdBMk0JK_iHOSoKRadC0e0DAi4czFO7jPetdebUiQdNdI5CxQ-l15ssO0ipvl6zhGA3msA1leVaLemFbGctcis5hSQE_-t9tV3X0Cu-Z7ju0TfuTMs/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/AVvXsEh8Qk4NY4ZAHQ3V5A7A4Vl927vf8M3gRlWHGFhBgwbFeZO-AK5oqcf1tkCFvy5pYVpFK9kyLGXXZzvvxWGiOkjfVvucN0FhoyDc95ZBaJMEWQOChxAkpEqXsJlKRY4iid_CEV65kHMINzKq/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/AVvXsEh6cS7hUpWWlHlfRMXQQIDJuRWn8DnaFwoWOBGhgI34Frj-E0yiIcfM5VTyNm4xhwDAjV-hlCXmQ-D2VKLN123RUBXtaUFDSBh3AeM1aUfogPBmISe2hKn3CyEq6wtUoLPagWsbk2BOkEGU/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>