Wordpress နဲ႕ Blogger သမားေတြအတြက္ လွပရိုးရွင္းျပီး Design ဆန္းတဲ့ 3D Social Network Icons ေလးထားျပီး အသံုးျပဳခ်င္တဲ့ သူေတြအတြက္ပါ။
Posted by : Ye Kyaw Phyo
Sunday, July 29, 2012
ကၽြန္ေတာ္အခု ေျပာျပမဲ့ Post ေလးေတာ့ ကၽြန္ေတာ္တို႕ Blogger သမားေတြ အတြက္ မိမိ ၀က္ဆိုဒ္ေလးမွာ 3D Social Network Icons ေလးထားျပီး အသံုးျပဳခ်င္တဲ့ သူေတြ အတြက္ပါ။Design ေလးက ေတာ္ေတာ္ လန္းပါတယ္ဗ်ာ။ကၽြန္ေတာ္လဲ ၾကိဳက္လြန္းလို႕ IT Bank Site ေလးမွာလဲ အသံုးျပဳထားပါတယ္။သူငယ္ခ်င္းေတြ လဲ သေဘာက်ရင္ ကၽြန္ေတာ္က ေပးဖို႕ အဆင္သင့္ပါပဲဗ်ာ။ေအာက္က ပံုေလး အတိုင္းေပါ့ဗ်ာ။
Wordpress အသံုးျပဳတဲ့ သူေတြ အတြက္ကေတာ့ ေအာက္က Code ေလးကို ယူလိုက္ပါေနာ္။
အရင္ဦးဆံုး Wordpress ရဲ႕ Dashboard ကို သြားလိုက္ပါ။
Wordpress Dashboard > Apperance > Widgets > Add A Text Widget To Your Slidebar ကိုသြားျပီး ကၽြန္ေတာ္ ေအာက္မွာ ေပးထားတဲ့ Code ေလးေတြကို ကူးထဲ့လိုက္ပါ။အ၀ါေရာင္ နဲ႕ေရးထားတဲ့ ေနရာေလးေတြမွာေတာ့ မိမိ တို႕ အသံုးျပဳရမဲ့ Link ေလးေတြကို အစားထိုးျပီး ထည့္လိုက္ပါ။
အရင္ဦးဆံုး Blogger ရဲ႕ Dashboard ကို သြားလိုက္ပါ။
Blogger Dashboard > Design > Add A Gadget ကိုသြားျပီး ကၽြန္ေတာ္ ေအာက္မွာ ေပးထားတဲ့ Code ေလးကို ကူးထည့္လိုက္ပါ။အ၀ါေရာင္ နဲ႕ေရးထားတဲ့ ေနရာေလးေတြမွာေတာ့ မိမိ တို႕ အသံုးျပဳရမဲ့ Link ေလးေတြကို အစားထိုးျပီး ထည့္လိုက္ပါ။
ၾကိဳးစားလ်က္....!
(Yekyawphyo)
Wordpress အသံုးျပဳတဲ့ သူေတြ အတြက္ကေတာ့ ေအာက္က Code ေလးကို ယူလိုက္ပါေနာ္။
အရင္ဦးဆံုး Wordpress ရဲ႕ Dashboard ကို သြားလိုက္ပါ။
Wordpress Dashboard > Apperance > Widgets > Add A Text Widget To Your Slidebar ကိုသြားျပီး ကၽြန္ေတာ္ ေအာက္မွာ ေပးထားတဲ့ Code ေလးေတြကို ကူးထဲ့လိုက္ပါ။အ၀ါေရာင္ နဲ႕ေရးထားတဲ့ ေနရာေလးေတြမွာေတာ့ မိမိ တို႕ အသံုးျပဳရမဲ့ Link ေလးေတြကို အစားထိုးျပီး ထည့္လိုက္ပါ။
<style> #social a:hover {background-color: transparent;opacity:0.7;} #social img { -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } #social img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } </style> <center><div id="social"> <!--Start Rss Icon--> <a title="Grab Our Rss Feed" href="YOUR-FEED-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgN7CjyHmhgyboxb27DdFA5sqfpDO-8vdAFqWwC0icQSU68G5ZIX3ia6fPSKKTzv3xXk1HQpHzmzKD605Uq2gcwGx_NaDwuOzMR71l-my5WVjEbwEBZ7F7F5mR9wNpSG5JqHwi31fmXfTR8/s1600/RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Rss Icon--> <!--Start Email Rss Icon--> <a rel="nofollow" title="Get Free Updates Via Email" href="YOUR-EMAIL-RSS-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7PjY8qH5zS9ZWr3E7iVaxv-uLqShvhgr7pPFC93Q5Gd1MSFJIA6QjA6RLJHBPglu1tG07T6US8s4PM-d4MEN0yMY2Ay955ajO6RsDLHD0fO3RqH-3459qMoN_vFN8CPN7J9Ps1uZZjr2h/s1600/RSS-EMAIL-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Email Rss Icon--> <!--Start Facebook Icon--> <a rel="nofollow" title="Like Our Facebook Page" href="YOUR-FACEBOOK-PAGE-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFCcC_McMHVyDqaOfpI-Ig_nPuuF-xWZgg-I9mi-7TQwckw3AY1ae0X9to8ZsmPlChS-0eFoRNCBvwmyr8aL9mTYIPQQwj36bkEku0HQNa3zal1BdrnIKij51hBxnYVJyHj-XLbu9ltdFW/s1600/FACEBOOK-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Facebook Icon--> <!--Start Twitter Icon--> <a rel="nofollow" title="Follow Our Updates On Twitter" href="YOUR-TWITTER-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMn_jZpiLK0QnFmcTffTPOICiIqgV4r17Vw3D5Gq8YHTLJLRRW5nUHS2EOuiAiFoPa07WkGUg_pXJHixG0XD7b8j9qbcKetn3yVVXl_cck2HJWE5FsatxbLFrvl1tu2NCBGUfWnCAJXIvq/s1600/TWITTER-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Twitter Icon--> <!--Start Google+ Icon--> <a title="Follow Us On Google+" rel="nofollow" href="YOUR-GOOGLE-PLUS-URL-HERE" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPpVDmdjMiTh5nG2GXafm3zLdkCKpZJncOOsBknzRgWTYDg0uGp7XCLG3Z_Vo0YzvwbI5l55ZoGO1ycNvPIZTUcpGlecM3_f5n7lNj3h4Vf-YPosP2Pl5ExbWttBriERgy3O9PYwtzgwzB/s1600/GOOGLE-PLUS-48x48.png"/></a> <!--End Google+ Icon--> <!--Start Pinterest Icon--> <a title="Follow Our Pins" rel="nofollow" href="YOUR-PINTEREST-URL-HERE" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGRhzT-Xj-PCV8zL6ao22aa6gpIURKCRvsUn_U_UB4tQEa9bleLnHL93QNNa-KzKHMYwd-5hxQnOLv-kG_cYTpXDnV9vHL0jSEz3gcBSiKIF2Qvrf48Tvwk6p4ugSQca2-Rt2KljEC_-04/s1600/PINTEREST-48x48.png" alt="Follow Me on Pinterest" /></a> <!--End Pinterest Icon--> </div><br/> <!--Start Feed Count Button--> <a href="YOUR-FEEDBURNER-URL-HERE" target="_blank"><img alt="spice up your blog" src="http://feeds.feedburner.com/~fc/spiceupyourblog?bg=ff9933&fg=000000&anim=1" style="border:0" /></a><!--End Feed Count Button--> </center>Blogger အသံုးျပဳတဲ့ သူေတြ အတြက္ကေတာ့ ေအာက္က Code ေလးကို ယူလိုက္ပါေနာ္။
အရင္ဦးဆံုး Blogger ရဲ႕ Dashboard ကို သြားလိုက္ပါ။
Blogger Dashboard > Design > Add A Gadget ကိုသြားျပီး ကၽြန္ေတာ္ ေအာက္မွာ ေပးထားတဲ့ Code ေလးကို ကူးထည့္လိုက္ပါ။အ၀ါေရာင္ နဲ႕ေရးထားတဲ့ ေနရာေလးေတြမွာေတာ့ မိမိ တို႕ အသံုးျပဳရမဲ့ Link ေလးေတြကို အစားထိုးျပီး ထည့္လိုက္ပါ။
<style> #social a:hover {background-color: transparent;opacity:0.7;} #social img { -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } #social img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } </style> <center><div id="social"> <!--Start Rss Icon--> <a title="Grab Our Rss Feed" href="YOUR-FEED-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgN7CjyHmhgyboxb27DdFA5sqfpDO-8vdAFqWwC0icQSU68G5ZIX3ia6fPSKKTzv3xXk1HQpHzmzKD605Uq2gcwGx_NaDwuOzMR71l-my5WVjEbwEBZ7F7F5mR9wNpSG5JqHwi31fmXfTR8/s1600/RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Rss Icon--> <!--Start Email Rss Icon--> <a rel="nofollow" title="Get Free Updates Via Email" href="YOUR-EMAIL-RSS-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7PjY8qH5zS9ZWr3E7iVaxv-uLqShvhgr7pPFC93Q5Gd1MSFJIA6QjA6RLJHBPglu1tG07T6US8s4PM-d4MEN0yMY2Ay955ajO6RsDLHD0fO3RqH-3459qMoN_vFN8CPN7J9Ps1uZZjr2h/s1600/RSS-EMAIL-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Email Rss Icon--> <!--Start Facebook Icon--> <a rel="nofollow" title="Like Our Facebook Page" href="YOUR-FACEBOOK-PAGE-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFCcC_McMHVyDqaOfpI-Ig_nPuuF-xWZgg-I9mi-7TQwckw3AY1ae0X9to8ZsmPlChS-0eFoRNCBvwmyr8aL9mTYIPQQwj36bkEku0HQNa3zal1BdrnIKij51hBxnYVJyHj-XLbu9ltdFW/s1600/FACEBOOK-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Facebook Icon--> <!--Start Twitter Icon--> <a rel="nofollow" title="Follow Our Updates On Twitter" href="YOUR-TWITTER-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMn_jZpiLK0QnFmcTffTPOICiIqgV4r17Vw3D5Gq8YHTLJLRRW5nUHS2EOuiAiFoPa07WkGUg_pXJHixG0XD7b8j9qbcKetn3yVVXl_cck2HJWE5FsatxbLFrvl1tu2NCBGUfWnCAJXIvq/s1600/TWITTER-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Twitter Icon--> <!--Start Google+ Icon--> <a title="Follow Us On Google+" rel="nofollow" href="YOUR-GOOGLE-PLUS-URL-HERE" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPpVDmdjMiTh5nG2GXafm3zLdkCKpZJncOOsBknzRgWTYDg0uGp7XCLG3Z_Vo0YzvwbI5l55ZoGO1ycNvPIZTUcpGlecM3_f5n7lNj3h4Vf-YPosP2Pl5ExbWttBriERgy3O9PYwtzgwzB/s1600/GOOGLE-PLUS-48x48.png"/></a> <!--End Google+ Icon--> <!--Start Pinterest Icon--> <a title="Follow Our Pins" rel="nofollow" href="YOUR-PINTEREST-URL-HERE" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGRhzT-Xj-PCV8zL6ao22aa6gpIURKCRvsUn_U_UB4tQEa9bleLnHL93QNNa-KzKHMYwd-5hxQnOLv-kG_cYTpXDnV9vHL0jSEz3gcBSiKIF2Qvrf48Tvwk6p4ugSQca2-Rt2KljEC_-04/s1600/PINTEREST-48x48.png" alt="Follow Me on Pinterest" /></a> <!--End Pinterest Icon--> </div><br/> <!--Start Feed Count Button--> <a href="YOUR-FEEDBURNER-URL-HERE" target="_blank"><img alt="spice up your blog" src="http://feeds.feedburner.com/~fc/spiceupyourblog?bg=ff9933&fg=000000&anim=1" style="border:0" /></a><!--End Feed Count Button--> </center>ကဲ........ဒါေလးပါပဲ သူငယ္ခ်င္းတို႕ေရ သံုးၾကည့္ၾကပါဦးဗ်ာ။ၾကိဳက္ရင္ တျခားသူငယ္ခ်င္းေတြကို ကၽြန္ေတာ့ IT Bank ေလးကို လမ္းညႊန္ေပးၾကပါဦးလို႕ ေတာင္းဆိုပါရေစဗ်ာ။ဒီ ေကာင္ေလးက ကိုယ့္ ၀က္ဆိုဒ္မွာ တင္ရင္ Design ေလးကလဲ လန္းတဲ့ အျပင္ 3D ေလးလဲ ျဖစ္ျပီး ရိုးရွင္းလွပတဲ့ Style ေလးမို႕ ကၽြန္ေတာ္ ကိုယ္တိုင္ကိုကလဲ သေဘာက်လို႕ သိမ္းမထားဘဲ ကၽြန္ေတာ့ IT Bank သူငယ္ခ်င္းေတြလဲ သေဘာက်သြားေအာင္ ကၽြန္ေတာ္က ျပန္ျပီးမွ်ေ၀ေပးလိုက္တာျဖစ္ပါတယ္ဗ်ာ။
ၾကိဳးစားလ်က္....!
(Yekyawphyo)
Related Posts :
- Back to Home »
- (Blogger Help) , (Javascript) , (Web နဲ႕ပတ္သတ္သမွ်) , (Wordpress Help) »
- Wordpress နဲ႕ Blogger သမားေတြအတြက္ လွပရိုးရွင္းျပီး Design ဆန္းတဲ့ 3D Social Network Icons ေလးထားျပီး အသံုးျပဳခ်င္တဲ့ သူေတြအတြက္ပါ။