فيس بوك تعدل تصميم الصفحات على الهواتف الذكية

0 التعليقات
بدأت شبكة فيس بوك بالكشف تدريجياً عن تصميم و صيغة جديدة من الصفحات والتي تقول بأنها متعلقة أكثر حول الطريقة التي يستكشف بها المستخدمين المعلومات عن الشركات من هواتفهم الذكية. كما و تؤكد أنه أول قسم في الشبكة الإجتماعية يتم إعادة تصميمه ليكون مناسباً للهواتف الذكية بالدرجة الأولى.
و البداية ستكون مع نظام iOS و يأتي بعدها الأندرويد، ويجعل التصميم الجديد على الشركات التفاعل الإجتماعي أسهل مع المستخدمين والزبائن على صفحاتهم.
و تعتقد فيس بوك أن طريقة العرض الجديدة للمزايا و الأقسام التفاعلية الإجتماعية كزر الإعجاب أو إرسال رسالة أو تسجيل الدخول check in، سيسهل على الناس الإنتباه فوراً للقسم العلوي من الصفحة حيث يتم وضع هذه الأزرار لتسهيل الوصول إليها و بحجم بارز قليلاً.
كما ويمكن لمدراء الصفحات أن يحددو عرض المنشورات المثبتة بالقسم القريب من أعلى الصفحة وذلك لإبراز أي منشور و لفت الإنتباه إليه حيث يظهر دائماً في الأعلى بغض النظر عن توقيت نشره.
و سهلت أيضاً فيس بوك عملية الإنتقال ما بين الملف الشخصي العام و ملف إدارة الصفحة من خلال الهواتف الذكية.
وتأتي هذه التحديثات في إطار توجه فيس بوك أكثر لدعم الهواتف الذكية وذلك بعد الخطوة الأكبر التي قامت بها من خلال إطلاق واجهة home الخاصة بهواتف الأندرويد.

home

أندرويد

كيفية ترقيم صفحات بلوجر باسهل طريقة

0 التعليقات
في هذه الحلقة إنشاء الله سأريكم طريقة ترقيم صفحات البلوجر فطريقة ترقيم الصفحات بسيطة‘ لكن اهميتها كبيرة ...بترقيمك للصفحات تعطي لزوارك سلاسة ومرونة لـ التنقل في صفحات مدونتك . وبالتالي تسهل عليهم تصفح المواضيع القديمة . هذا كله يساعدك في بقاء الزائر في مدونتك لوقت اطول.


ترقيم صفحات البلوجر

أولا من لوحة التحكم أدخل الى قالب ثم أدخل الى إدخل إلى  تحرير HTML ثم ضع علامة على توسيع 
القالب
 إبحث عن الكود التالي  ]]></b:skin> ثم قم بـنسخ الكود الآتي فوقه مباشرة:

.showpageArea a {
text-decoration:underline;
}

.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}

.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}

.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}

.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}

.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}

.showpage a:hover {
text-decoration:none;
}

.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;

}

:وضع قبله هذا الكود  </body> تم إبحث عن الكود التالي

<!-- Page Navigation Starts-->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
var pageCount=5; /*رقم عدد المواضيع في كل صفحة */
var displayPageNum=5; /*رقم عدد الارقام التي سيتم ادراجها في الترقيم */
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='https://bloggeradsenseo.googlecode.com/svn/trunk/Nbr-Pages.js' type='text/javascript'/>

</b:if><a href='http://bloggeradsenseo.blogspot.com/2013/03/numbered-pages-in-blogger.html' ></a>

<a href='http://bloggeradsenseo.blogspot.com/'></a></b:if>

<!--Page Navigation Ends -->

ملاحظة: يمكنك تغيير 
var pageCount=5; /*رقم عدد المواضيع في كل صفحة */
var displayPageNum=5; /*رقم عدد الارقام التي سيتم ادراجها في الترقيم */

كما يمكن تغيير كلمة  Previous  بـ السابق و Next بـ التالي  ..

وفي الأخيرحفظ النمودج 
و مبروك عليك ترقيم صفحات مدونتك 
(أي إستفسار يمكنك وضعه في مكان التعليقات)

جميع الحقوق محفوظة مدونة محمد للمعلوميات ©2015-2012 Privacy-Policy| إتصل بنا