السلام عليكم



control-blog-admin





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

اضافة لوحة تحكم بلوجر بتقنية 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>









إرسال تعليق Blogger Disqus

  1. شكرا لك على مجهودك وانا لدي الاضافة من وقت بعيد ولاكن شكرا لك

    ردحذف

عزيزي الزائر والعضو : اشكرك على تعليقك, احب ان انبهك عند تعليقك تستطيع متابعة التعليق من خلال " إعلامي " .الموجودة أسفل يسار صندوق التعليقات .

يمكنك ان تستخدم الإبتسامات بالوقوف عليها لمعرفة الكود :
ت1 ت2 ت3 ت4 ت5 ت6 ت7 ت8 ت9 ج1 ج2 ج3 ج4 ج5 ج6 ج7 ج8 ج9 د1 د2

 
Top