اضافة لوحة تحكم بلوجر والوصول السريع بتقنية CSS

لوحة تحكم المدونة 

اضافة لوحة تحكم بلوجر بتقنية CSS

للوصول السريع بدون الحاجة الى دخول بالوجر في كل مرة

الاضافة هامه جدا لاصحاب القوالب المخصصة

اي التي لا تعتمد على قوالب بلوجر الاساسية 

لانها غالبا ما يتم حذف البار


الاداة يمكن اضافتها في اي مكان في بلوجر 

عن طريق اداة

 HTML/JavaScript 


لوحة التحكم لا تظهر للزوار 

تظهر فقط لادمن المدونة او المشرف عليها 

اي انها لن تسبب اي مشاكل في مظهر وتصميم المدونة للزوار




للمعاينة الحية للاضافة :

هنااا





طريقة تركيب الاضافة :

ادخل الى التخطيط 

اضافة اداة  HTML/JavaScript

ضع الكود 

قم بتغيير جميع 

xxxxxxxxxxxxxx

الى رقم ID الخاص بمدونتك 

يمكنك ايجاد الرقم عند الدخول الى لوحة تحكم بلوجر

كود الاضافة :

<center><span class='item-control blog-admin'><div class='menu-hassan-elbaghdadi'>  <ul><li><a dir="rtl" href="http://www.blogger.com/home">المنزل</a></li><li><a dir="rtl" href="http://www.blogger.com/blogger.g?blogID=xxxxxxxxxxxxxx#overview/src=dashboard">نظرة عامة</a></li><li><a dir="rtl" href="http://www.blogger.com/blogger.g?blogID=xxxxxxxxxxxxxx#postsstats">احصائيات</a></li><li><a dir="rtl" href="http://www.blogger.com/blogger.g?blogID=xxxxxxxxxxxxxx#editor/rel="nofollow">موضوع جديد</a></li> <li><a dir="rtl" href="http://www.blogger.com/blogger.g?blogID=xxxxxxxxxxxxxx#allposts">جميع المشاركات</a></li> <li><a dir="rtl" href="http://www.blogger.com/blogger.g?blogID=xxxxxxxxxxxxxx#pageelements">تخطيط</a></li> <li><a dir="rtl" href="http://www.blogger.com/blogger.g?blogID=xxxxxxxxxxxxxx#templatehtml">تحرير HTML</a></li> <li><a dir="rtl" href="http://www.blogger.com/blogger.g?blogID=xxxxxxxxxxxxxx#publishedcomments">ادارة التعليقات</a></li></ul></div></center><style>  /* this is menu by : -- */.menu-hassan-elbaghdadi ul{width:300px;float:right;display:block;position:inherit;}.menu-hassan-elbaghdadi li{margin: 0;text-align: right;list-style:none;width:48%;float:right;padding:0 2px 0 3px;}.menu-hassan-elbaghdadi li a{position:relative;display:block;padding:.4em .4em .4em .4em;margin:.1em 0 .1em 2.5em;background:#F1F1F1;border:1px solid #DDD;border-radius:3px;color:#444;text-decoration:none;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-ms-transition:all .3s ease-out;transition:all .3s ease-out;font:12px tahoma,arial;text-shadow:1px 1px rgba(255, 255, 255, 0.48);}.menu-hassan-elbaghdadi li a:before{content:'#';position:absolute;left:-2.5em;top:50%;margin-top:-1em;background:#39C4FF;height:2em;width:2em;line-height:2em;text-align:center;font-weight:bold;}.menu-hassan-elbaghdadi li a:after{position:absolute;content:'';border:.5em solid rgba(0, 0, 0, 0);left:-1em;top:50%;margin-top:-.5em;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-ms-transition:all .3s ease-out;transition:all .3s ease-out;font:12px tahoma,arial;text-shadow:1px 1px rgba(255, 255, 255, 0.53);}.menu-hassan-elbaghdadi li a:hover:after{left:-.5em;border-left-color:#39C4FF;}.menu-hassan-elbaghdadi li a:hover{color:#0291AC;background:#DFDCDC;}</style></span>