27/02/2014

Blogger Template မွာ Admin Control Panel ေလးထည္.ႀကမယ္


ဒါေလးကေတာ Blogger Template ကေန မိမိဘေလာ.ဂါအေကာင္.ကိုျပန္၀င္စရာမလိုပဲ
တစ္ေနရာထဲကေနအားလံုးကိုအလြယ္တစ္ကူ ၀င္ေရာက္နိုင္မဲ.နည္းလမ္းေလးပါ
ဒီ Admin Control Panel ကိုမိမိဘေလာ.Home page ရဲ.ထိပ္မွာ Menu ပံုစံ
နဲ.ေတြ.ရမွာျဖစ္ပီးဘေလာ.ရဲ.Admin ေတြသာလွ်င္ေတြ.ျမင္နိုင္ပီး
Visitor ေတြအေနနဲ.ေတြ.ရမွာမဟုတ္ပါဘူးAdmin ေတြအေနနဲ.လဲ 
ဘေလာ.ဂါအေကာင္.Sign out လုပ္ထားပီးဘေလာ.ကို၀င္ႀကည္.
မယ္ဆိုရင္မေတြ.ျမင္နိုင္ပါဘူး..ဒီ Admin Control Panel Menu 
မွာဘာေတြပါပီးဘာေတြလုပ္နိုင္လဲဆိုေတာ.

  • access to the Blogger's Homepage
  •  create a New Page or Post
  • view all your posts
  • read your comments
  • access the Blog's layout to add or rearrange gadgets
  • edit the HTML of your Template
  •  refresh current page or post
  •  open a new tab with your blog's homepage
  •  access the blog' settings
  •  view your stats
  • and finally, log out

Admin Control Panel Menu ကိုဘေလာ.ဂါ Template မွာဘယ္လိုထည္.မလဲ

ဒီAdmin Control Panel Menu ကိုဘေလာ.ဂါ Template မွာထည္.ဖို.
သင္.ရဲ.ဘေလာ. ID ကိုသိဖို.လိုပါတယ္.. 
ဘေလာ. ID ကိုဘယ္လိုရွာရမလဲ....?
 Sign in Blogger > Dashboard ကို၀င္လိုက္ပါ
ေအာက္ကပံုမွာျပထားတဲ.Address bar ေပၚက
ဂဏန္းေလးေတြဟာကိုယ္.ဘေလာ. ID ပါ
အဲဒီဂဏန္းေလးေတြကိုေကာ္ပီကူးထားပါ


  • Blogger Template ကိုသြားပါ
  • Edit HTML ကိုကလစ္ပါ
  • Ctrl + F ကုိနွိပ္ပီး Search box ထဲမွာေအာက္ကကုဒ္ေလးေတြရိုက္ပီးရွာပါ

<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>

bloggerTemplateတစ္ခုနွင္.တစ္ခုမတူတတ္ပါဘူး..
အဲဒီကုဒ္ေလးေတြရွာမေတြ.ခဲရင္ေအာက္ကကုဒ္ေလးထပ္ရွာပါ

<body>

ေတြ.ပီဆိုရင္ေအာက္မွာေပးထားတဲ.ကုဒ္ေတြကိုေကာ္ပီကူးပီးခုနကရွာထားတဲ.
ကုဒ္ေတြရဲ.ေအာက္မွာ Paste လုပ္လိုက္ပါ
<span class='item-control blog-admin'>
<style>
.control-panel ul{z-index: 20; position: absolute; margin: 0px auto; background-color: #F6F6F6; width: 100%; }
.control-panel ul li{display: inline-block; float: left; padding: 7px 0px;}
.control-panel ul li a {color:#686868;padding: 7px 15px;border-right: 1px solid #E3E3E3;font-weight: bold;font-size: 13px;}
.control-panel a:hover {text-decoration:none; color:#FC8F44;}
</style>
<div class='control-panel'>
<ul>
<li><a href='http://www.blogger.com/home'>My Blogs</a></li>
<li><a href='http://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXX#editor/src=sidebar'>New Post</a></li>
<li><a href='http://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXX#editor/target=page'>New Page</a></li>
<li><a href='http://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXX#posts'>All Posts</a></li>
<li><a href='http://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXX#comments'>Comments</a></li>
<li><a href='http://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXX#pageelements'>Layout</a></li>
<li><a href='http://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXX#templatehtml'>Edit HTML</a></li>
<li><a href='#' onclick='location.reload(true); return false;'>Refresh</a></li>
<li><a href='/' target='_blank'>New Tab</a></li>
<li><a href='http://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXX#basicsettings'>Settings</a></li>
<li><a href='http://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXX#overviewstats'>Stats</a></li>
<li><a href='http://www.blogger.com/logout.g'>Logout</a></li>
</ul>
</div>
</span>

XXXXXXXXXXXXX  ဒီေနရာေတြမွာကိုယ္.ရဲ.ဘေလာ. ID ကိုထည္.ေပးပါ 
Template ကို Save လုပ္လို.ရပါျပီ..အဆင္ေျပမယ္လို.ေမွ်ာ္လင္.ပါတယ္...
ပို.စ္ေရးသူ
ပို.စ္အမ်ိဳးူအစား ,

No comments :