اضافة ازرار التواصل الأجتماعية علي شكل نجوم

Unknown | 4:56 م | كن أول من يعلق!


 بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته في موضوعنا الجديد هذا ضمن سلسلة دروس البلوجر سوف نتعرف على طريقة إضافة ازرار التواصل الأجتماعية علي شكل نجوم .الاضافة مميزة جدا عن غيرها وتحتوي الاضافة علي زر الفيس بوك وتويتر والخلاصة وstumbleupon حيث ان الاضافة تجعل مدونتك احترافية وجميلة جدا .الاضافة جديدا جدا.
صورة من الاضافة  وللتطبيق الاضافة تابع الشرح 
اولا نذهب الي لوحة التحكم ثم تقوم بالضغط علي القالب ثم علي تحرير  html
 ومتابعة وتقوم بوضع العلامة على مربع توسيع قالب واجهة المستخدم ثم
 تقوم بالضغط  على ctrl + f في لوحة المفاتيح
 وتبحث عن هذا الكود
*********************************************************
]]></bskin> 

***********************************************************

  ثم قم بوضع هذا الكود قبله
*********************************************************
/* Bloggertrix  */
.bubblewrap{
list-style-type:none;
margin:0;
padding:0;
}
.bubblewrap li{
display:inline;
width: 60px;
height:60px;
}
.bubblewrap li img{
width: 50px; /* width of each image.*/
height: 50px; /* height of each image.*/
border:0;
margin-right: 4px; /*spacing between each image*/
-webkit-transition:-webkit-transform 0.1s 
ease-in; /*animate transform property */
-o-transition:-o-transform 0.1s ease-in; 
/*animate transform property in Opera */
}
.bubblewrap li img:hover{
-moz-transform:scale(1.8); /*scale up image 1.8x*/
-webkit-transform:scale(1.8);
-o-transform:scale(1.8);
} 
 ***************************************************************
 
بعد أن تضيف هذاالكود قم بحفظ التغييرات ، ثم توجه إلى لوحة التحكم وقم بالضغط على التخطيط ثم إضغط على إضافة أداة ، وقم باختيار  java script وقم بوضع هذا الكود في المربع
***********************************************************
 

        


<br />
<ul>
<li><a href="http://www.plus.google.com/YOUR_GOOGLE_PLUS_ID"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFSPDZeUEpH0e0KaF5QQTman6Ujb2oxb6FPwC8NBkthLJD8Fv-TTlWascgLDUBqOA33EQtlS3Uqt8y9y7UpvVcHOHftIVdU-bj1td3qwB_n6uEMFQCS062PANW3V9lo4CecalNW9_J5Uo/s1600/bloggertrix_google.png" title="Add to Facebook" /></a></li>

<li><a href="http://www.facebook.com/YOUR_FACEBOOK_PAGE_OR_USERNAME"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyllyy9-_5nGV5LJiRarWlNxXcaGRvV4F3P3TOlVjN7oVWzxQM3OhL4iQthY7rpGrz9h-_LAbd4RC9SuwCNY6bQnKWwtGA-nkGtq0pBSRBeY_O8h07YiURLh2diagbwIsYEms0PzHz0gA/s1600/bloggertrix_facebook.png" title="Add to Facebook" /></a></li>

<li><a href="http://www.stumbleupon.com/YOUR_STUMBLE_USERNAME"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6266UZEeLIjOD87q6A7K5zTRF9U-zv67qMgy9SDjBmbUNGqaPquiQQFvYJpj4Ad1aiDygImoEd0nykohzwB4IVkkmWWwDClxmdjBm-9ZSiNRVBcOwVw4F3uQa76ay0OkvvSye7BK7QeQ/s1600/bloggertrix_stumbleupon.png" title="Add to Digg" /></a></li>

<li><a href="http://www.twitter/YOUR_TWITTER_ID"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg64looutKAfIFusR5AA5GvRGxJBUNshlS7krqDdc4G2PVa2TAgRGbHwJt1i-ae2e5GBFvmdbjl88I49LHqDPhbn9Jb4KjhyphenhyphensdUQxf0Yt1o8YP4L6NOvXyi1hPqbcIzlyPRzTXkBXmy6Vk/s1600/bloggertrix_twitter.png" title="Add to Twitter" /></a></li>

<li><a href="http://feeds2.feedburner.com/YOUR_FEED_ID"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYMt1_Lecepoan5zJZ2EIA3I694-rzjdUJlkKpRmkUkrLYWzNqUIFzmE94MLyyC9RTJJMUN8kc6XrB4Ac4ajgFi3fPIWK9xiv-X5lN5UPs1EM8Zl5ZhEwzLpYWxZV1ZNv6hg2FsGP555k/s1600/bloggertrix_rss.png" title="Add RSS Feed" /></a></li>
</ul>




 ملاحظة: استبدال جميع عناوين المواقع الي العناوين الخاصة بكم 
 
 
 
الى اللقاء مع موضوع جديد من اضافات بلوجر
والسلام عليكم ورحمة الله وبركاته.
تابع القراءة ..

اضافة مواضيع ذات الصلة تحت كل مشاركة في Blogger

Unknown | 1:58 م | كن أول من يعلق!

 بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
في موضوعنا الجديد هذا ضمن سلسلة دروس البلوجر سوف نتعرف على طريقة إضافة مواضيع  ذات الصلة تحت كل مشاركة في Blogger حتي الزائرلا يغادر مدونتك بسرعة و يقرأ المزيد و المزيد من المواضيع و التدوينات الأخرى على المدونة 
    اليكم الشرح احبابي في الله
1. انتقل إلى LinkWithin .
2. في الجانب الأيمن من الشاشة نموذج ملءالبيانات الخاصة بك
3. بعد ملء المعلومات اضغط Get  widgetl

 اقتراحات للقراءة:   اضافة ساعات فلاشية رياضية للمدونة2013    


4. والآن يتم فتح الصفحة التالية. انقر على تثبيت

5بعدذلك اضغط علي إضافة عنصر الصفحة

الى اللقاء مع موضوع جديد من اضافات بلوجر

والسلام عليكم ورحمة الله وبركاته.

تابع القراءة ..

إضافة صندوق اعجاب جانبي منبتق لصفحتك على الفيسبوك

Unknown | 1:07 م | كن أول من يعلق!

 بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
في موضوعنا الجديد هذا ضمن سلسلة دروس البلوجر سوف نتعرف على طريقة إضافة صندوق اعجاب جانبي منبتق لصفحتك على الفيسبوك حيث ان الاضافة تجعل مدونتك اكثر احترافية ومميزه عن غيرها،مما يؤدي الي زيادة عدد المعجبين الي مدونتك
صورة من الاضافة  وللتطبيق الاضافة تابع الشرح 
اولا نذهب الي لوحة التحكم ثم تقوم بالضغط علي القالب ثم علي تحرير  html
 ومتابعة وتقوم بوضع العلامة على مربع توسيع قالب واجهة المستخدم ثم
 تقوم بالضغط  على ctrl + f في لوحة المفاتيح وتبحث عن هذا الكود
*********************************************************
 
</head>
*********************************************************
 
  ثم قم بوضع هذا الكود قبله
 *********************************************************
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
 *********************************************************
بعد أن تضيف هذاالكود قم بحفظ التغييرات ، ثم توجه إلى لوحة التحكم وقم بالضغط على التخطيط ثم إضغط على إضافة أداة ، وقم باختيار  java script وقم بوضع هذا الكود في المربع
 *********************************************************

<script <script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6gJRDZw1trZP3HUWM2bnNwKZmqNOeM4WUY7i6uVXurVKRVa2j_67lsbRMo9_8fnOXJLAQYPJ-Wiix6rlJGnqFTexKW0Lt1Bn9-J8IPvJygDGXddstJfCfGvREtUXC7kyMlHyUc-VXXZJE/s1600/facebook-right.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2Fawsa9090&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe><span>By <a href="http://www.lymura-s.blogspot.com/"amjad blog</a> / <a href="http://lymura-s.blogspot.com/2011/07/jquery_04.html">أحصل علي!</a></span></div></div>
  ********************************************************
ملاحظة 
يجب ان تغير إسم المستخدم باللون الأزرق awsa9090
باسم صفحتك علي الفيس بوك 


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

اضافة ساعات فلاشية رياضية للمدونة2013

Unknown | 2:05 م | كن أول من يعلق!

 بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
في موضوعنا الجديد هذا ضمن سلسلة دروس البلوجر سوف نتعرف على طريقة إضافة ساعات فلاشية رياضية لاندية كره القدم مثل النادي الاهلي والزمالك وبرشلونة .الاضافة جميلة لاصحاب مدونات الرياضة . ادراج ساعة بمدونتك  اضافة جميلة تجعل الزوار على دراية بالوقت دون مغادرة صفحات موقعك اختر الساعة الذي تريدها ماعليك الا نسخ الكود الموجود اسفل الساعة الذي تريدها
ولاضافة الساعة
 تذهب إلى لوحة تحكم مدونتك وتقوم بالضغط على التخطيط ثم على إضافة أداة  ثم بعد ذلك تختار html/java script وتقوم بوضع هذا الكود الذي تريدا
ساعة النادي الاهلي
 
  
اليكم الكودالساعة
*********************************************************************
<center><!-- hitarek.com --><embed width="150" src="http://www.hitarek.com/clock/alahly.swf?TimeZone=IST&Place=&" height="150" wmode="transparent" type="application/x-shockwave-flash"></embed></center>
<center><a style="font-size: 3mm" target="_blank" href="http://www.hitarek.com">Free Clock</a></center>
*********************************************************************
ساعة نادي الومالك
 
 
 
اليكم الكودالساعة
*********************************************************************
<center><!-- hitarek.com --><embed width="150" src="http://www.hitarek.com/clock/Zamalek.swf?TimeZone=IST&Place=&" height="150" wmode="transparent" type="application/x-shockwave-flash"></embed></center>
<center><a style="font-size: 3mm" target="_blank" href="http://www.hitarek.com">Free Clock</a></center>
*********************************************************************
ساعة برشلونة
 
 
 
اليكم الكودالساعة
*********************************************************************
 <center><!-- hitarek.com --><embed width="150" src="http://www.hitarek.com/clock/fcb.swf?TimeZone=IST&Place=&" height="150" wmode="transparent" type="application/x-shockwave-flash"></embed></center>
<center><a style="font-size: 3mm" target="_blank" href="http://www.hitarek.com">Free Clock</a></center>
**********************************************************************
 
 
 
 
اليكم الكودالساعة
*********************************************************************
<center><!-- hitarek.com --><embed width="150" src="http://www.hitarek.com/clock/bayern.swf?TimeZone=IST&Place=&" height="150" wmode="transparent" type="application/x-shockwave-flash"></embed></center>
<center><a style="font-size: 3mm" target="_blank" href="http://www.hitarek.com">Free Clock</a></center>
*********************************************************************
ساعة 
 
 
 
اليكم الكود الساعة
*********************************************************************
<center><!-- hitarek.com --><embed width="150" src="http://www.hitarek.com/clock/alhlal-sa.swf?TimeZone=IST&Place=&" height="150" wmode="transparent" type="application/x-shockwave-flash"></embed></center>
<center><a style="font-size: 3mm" target="_blank" href="http://www.hitarek.com">Free Clock</a></center>
*********************************************************************
ساعة

 
 
 
اليكم كود الساعة
*********************************************************************
<center><!-- hitarek.com --><embed width="150" src="http://www.hitarek.com/clock/alwasl.swf?TimeZone=IST&Place=&" height="150" wmode="transparent" type="application/x-shockwave-flash"></embed></center>
<center><a style="font-size: 3mm" target="_blank" href="http://www.hitarek.com">Free Clock</a></center>
*********************************************************************
يارب الموضوع يعجبكم
انتظروه موضيع جديدة في رعاية الله
السلام عليكم ورحمة الله وبركاته
تابع القراءة ..

اضافة ساعات فلاشية متحركة للمدونة روعة 2013

Unknown | 12:02 م | كن أول من يعلق!

 بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
في موضوعنا الجديد هذا ضمن سلسلة دروس البلوجر سوف نتعرف على طريقة إضافة ساعات فلاشية عن شخصيات معرفة في قمة الجمال حيث ان الاضافة تجعل مدونتك احترافية .
ادراج ساعة بمدونتك هو اضافة جميلة تجعل الزوار على دراية بالوقت دون مغادرة صفحات موقعك اختر الساعة الذي تريدها ماعليك الا نسخ الكود الموجود اسفل الساعة الذي تريدها 
ولاضافة الساعة
 تذهب إلى لوحة تحكم مدونتك وتقوم بالضغط على التخطيط ثم على إضافة أداة  ثم بعد ذلك تختار html/java script وتقوم بوضع هذا الكود الذي تريدا
 
 الساعة 1
 *************************
 اذاكنت تريد هذه الساعة انسخ الكود

اليكم الكود
********************************************************
<center><!-- hitarek.com --><embed width="150" src="http://www.hitarek.com/clock/clock2-1.swf?TimeZone=IST&Place=&" height="150" wmode="transparent" type="application/x-shockwave-flash"></embed></center>
<center><a style="font-size: 3mm" target="_blank" href="http://www.hitarek.com">Free Clock</a></center>
***********************************************************

ساعة ميكي ماوس جميلة جدا2013



اليكم الكود
**********************************************************
 <center><!-- hitarek.com --><embed width="150" src="http://www.hitarek.com/clock/clock2-6.swf?TimeZone=IST&Place=&" height="150" wmode="transparent" type="application/x-shockwave-flash"></embed></center>
<center><a style="font-size: 3mm" target="_blank" href="http://www.hitarek.com">Free Clock</a></center>
**************************************************************
ساعة اسبايدر مان2013




اليكم الكود
****************************************************************
<center><!-- hitarek.com --><embed width="150" src="http://www.hitarek.com/clock/clock2-4.swf?TimeZone=IST&Place=&" height="150" wmode="transparent" type="application/x-shockwave-flash"></embed></center>
<center><a style="font-size: 3mm" target="_blank" href="http://www.hitarek.com">Free Clock</a></center>
*****************************************************************
ساعة جميلة 2013





اليكم الكود
********************************************************************
<center><!-- hitarek.com --><embed width="150" src="http://www.hitarek.com/clock/clock2-2.swf?TimeZone=IST&Place=&" height="150" wmode="transparent" type="application/x-shockwave-flash"></embed></center>
<center><a style="font-size: 3mm" target="_blank" href="http://www.hitarek.com">Free Clock</a></center>
**********************************************************************
ساعة روعة2013



اليكم الكود
***********************************************************************
 <center><!-- hitarek.com --><embed width="150" src="http://www.hitarek.com/clock/clock2-5.swf?TimeZone=IST&Place=&" height="150" wmode="transparent" type="application/x-shockwave-flash"></embed></center>
<center><a style="font-size: 3mm" target="_blank" href="http://www.hitarek.com">Free Clock</a></center>
************************************************************************
ساعة ممتازة جدا


اليكم الكود
*************************************************************************
<center><!-- hitarek.com --><embed width="150" src="http://www.hitarek.com/clock/clock2-3.swf?TimeZone=IST&Place=&" height="150" wmode="transparent" type="application/x-shockwave-flash"></embed></center>
<center><a style="font-size: 3mm" target="_blank" href="http://www.hitarek.com">Free Clock</a></center>
*************************************************************************
يارب الموضوع يعجبكم
انتظروه موضيع جديدة في رعاية الله
السلام عليكم ورحمة الله وبركاته
تابع القراءة ..

اضافة هاك منع الموضيع من السرقةإلى مدونتك

Unknown | 2:06 م | كن أول من يعلق!
                                        السلام عليكم ورحمة الله وبركاته 
                                    
                                       اليوم موضوع في غاية الاهامية
سوف نتعلم جميعا كيف تحمي مواضيعك من السرقة عبر إضافة كود يمنع أي شخص أن يقوم بسخ مواضيع موقعك الشخصي 








    اليكم الشرح احبابي في الله
**************************
 من لوحة تحكم مدونتك تقوم بالضغط على تخطيط ثم على إضافة أداة ، وتقوم بالضغط على html/java script وتضع هذا الكود داخل المربع
**********************************
<script language="javascript">
<!--
//disable right click script iii- by renigade (renigade@mediaone.net) //disable select-text script (ie4+, ns6+)- by andy scott //visit{http://awsa9090.blogspot.com// 
var message=""; 
function clickie() {
if (document.all) /
(message);return false;
}
} function clickns(e) { 
if (document.layers||(document.getelementbyid&&!docum ent.all)) { 
if (e.which==2||e.which==3) { (message); return false;
} } } if (document.layers) { document.captureevents(event.mousedown); 
document.onmousedown=clickns;
} else { document.onmouseup=clickns;
document.oncontextmenu=clickie; 
} document.oncontextmenu=new function("return false")
function disableselect(e) { return false } function reenable() { return true } 
document.onselectstart=new function ("return false") //if ns6 if (window.sidebar){ document.onmousedown=disableselect document.onclick=reenable } //
//-->
</script>


<script language="javascript1.2">
<!--
function disableselect(e){
return false
}
function reenable(){
return true
}
//if ie4+
document.onselectstart=new function ("return false")
//if ns6
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reenable
}
// -->
</script>
*******************************
ثم قوم بحفظ التغيرات ومبروك عليك الاضافة
تابع القراءة ..

شرح إضافة مواضيع ذات صلة إلى مدونات بلوجر أسفل كل تدوينة

Unknown | 1:37 م | كن أول من يعلق!
                                              السلام عليكم ورحمة الله وبركاته

          سوف نشرح طريقة  إضافة مواضيع ذات صلة تحت كل تدوينة وهي اضافة جميلة جدا ...
 حتي الزائرلا يغادر مدونتك بسرعة و يقرأ المزيد و المزيد من المواضيع و التدوينات الأخرى على المدونة .
                                                 اليكم الشرح احبابي في الله
                                         ولتطبيق الإضافة على مدونتك تابع الشرح
اولا  تذهب 
إلى لوحة تحكم مدونتك وتضغط على قالب ثم تحرير html وتضع العلامة على  مربع توسيع قالب واجهة المستخدم ثم تضغط في الكيبورد على ctrl+f  

 وتبحث علي الوسم
***************************************************
 </head>
*************************************
 قم بوضع فوقه مباشرة هذا الكود
************************
 style> #related-posts { float : left; width : 540px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 15px arial; margin-bottom:10px;font-weight:bold; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgruKZMhHMjpGlTlAdxuFhr3Xm3oMVcmMslk-gCRGJC0RwBI2XfMuV07jnrhub1NAbaD5ZGIgaVdRnO_XlVcdZSV1PPeHnV5Zzg1VM2HdmgK92adInacCOcMV30O2YXX4ostGoX9ax_UXE/") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style> <script src='http://related-sources.googlecode.com/files/Related_posts_b.js' type='text/javascript'/>
 ************************
  وأخيرة قم بالبحث عن هذا الوسم
 <div class='post-body>
او علي هذا الوسم

 <data:post.body/>
  بعد أن تجد واحد منهم قم بوضع هذا الكود بعده مباشرة
**************************** 


<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>

<font face='Arial' size='5'><b> قد يهمك أيضا:</b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != "true"'>,</b:if><b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div>
</b:if>
 ***************************
  قم بتغيير كلمة قد يهمك أيضا إلى أي كلمة تريدها إذا أحببت ذلك ومبروك عليك الاضافة الجميلة
 

تابع القراءة ..


تابع صفحتنا في شبكة قوقيل بلس واقترحها :

تابع صفحتنا في الفيسيبوك:

ليصل جديدنا إلى بريدك تفضل بالاشتراك