[noor zahran]

بسم الله الرحمن الرحيم

اداة خرابيش لمدونات بلوجر بعدة الوان

يمكنك معاينة الاداة من مدونتي
اضغط هنا للمعاينة



ماذا نستفيد من الاداة



1 _ يوجد زر اعجبني + زر ارسال من الفيس بوك
2_ يوجد اربع ايقونات للفيس بوك وتويتر وجوجل بلس وقناة اليوت يوب
3_زر المشاركة على جميع المواقع الاجتماعية
4_ يوجد قائمة الاشتراك بالبريد الالكتروني
5_ قائمة مندسلة يوضع بها عدة روابط
6_ يوجد زر تابعني على تويتر



كيفية تركيب الاداة في بلوجر

اذهب الى تخطيط ثم ادافة اداة جافاسكربت ثم ضع الكود فيها




الكود

<style type="text/css">
.slide_likebox {
	float:right;
	width:247px;
	height:420px;
	background: url(http://im32.gulfup.com/OIKgJ.png) no-repeat !important;
	display:block;
	right:-205px;
	padding:0;
	position:fixed;
	top: 170px;
	z-index:1002;
}
.slide_text {
	font-family: Geneva, Verdana, sans-serif;
	font-size: 8px;
	padding-left: 10px;
	text-decoration: none;
	color: #FFF;
}
</style>
<!-- END jQuerycode_ahlastyl.com-->
<!-- BEGIN jQuery code_ahlastyl.com-->
<script type="text/javascript" src="http://forum.arabseed.com/js/min.js"></script>
<script type="text/javascript">
    jQuery.noConflict();
    jQuery(function (){
    jQuery(".slide_likebox").hover(function(){
    jQuery(".slide_likebox").stop(true, false).animate({right:"0"},"medium");
    },function(){
    jQuery(".slide_likebox").stop(true, false).animate({right:"-205"},"medium");
    },500);
    return false;
    });
<!-- END jQuery code_ahlastyl.com-->
<!-- BEGIN javascript code_ahlastyl.com-->
</script><div class="slide_likebox"><div style="color: rgb(18, 18, 18); padding: 8px 5px 0pt 50px;"><div class="FB_Loader">
</div>
<span>
<center>


<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/ar_AR/all.js#xfbml=1&appId=471327016264784";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="https://www.facebook.com/ala7traf" data-send="true" data-layout="button_count" data-width="450" data-show-faces="true" data-font="arial"></div>



<img src="http://im32.gulfup.com/uSxEm.png" />



<div class='shea'>
<a href='https://www.facebook.com/ala7traf'><img src='http://4.bp.blogspot.com/-9L9xF3H9IQM/USleCAk0ynI/AAAAAAAADwc/wUXzXeUJsmU/s1600/facebook.png'/>
</a>
<a href='https://twitter.com/ala7traf'><img src='http://2.bp.blogspot.com/-A2zSz3O7PaY/USleD9fMxeI/AAAAAAAADw4/_-Jhm-XL4DU/s1600/twitter.png'/>
</a>
<a href='http://youtube.com/ala7trafblogspot'><img src='http://2.bp.blogspot.com/-nAyLTVHBeYM/USleD7l6_6I/AAAAAAAADw0/po4wBmmoUb8/s1600/youtube.png'/></a>
<a href='https://plus.google.com/u/0/110976323248428473111/posts'><img src='http://2.bp.blogspot.com/-QG0smjHGl8U/USleCqcV86I/AAAAAAAADwk/RBxmH3JJrpg/s1600/google.png'/></a>



<img src="http://im32.gulfup.com/uSxEm.png" />



<a class="addthis_counter addthis_pill_style"></a> </div> <script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=xa-4ef781d273cdaf6b"></script> 


<img src="http://im32.gulfup.com/uSxEm.png" />

<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=ala7traf', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>اشترك ليصلك جديد المدونة</p><p><input type="text" style="width:140px" name="email"/></p><input type="hidden" value="ala7traf" name="uri"/><input type="hidden" name="loc" value="en_US"/><input type="submit" value="اشتراك" /></form>


<img src="http://im32.gulfup.com/uSxEm.png" />

 <form><select name="menu" onchange="window.open 
(this.options[this.selectedIndex].value,'_blank')" size="1" 
style="width:180px">

<option /> -اختر ما تريد من القائمة  - 
<!-- change the links with your own -->
<option value="#" />تبادل اعلاني
<option value="#" />اتصل بنا
<option value="#" />سياسة الخصوصية
<option value="#" />رابط

</select></form>
<br /><br />
<img src="http://im32.gulfup.com/uSxEm.png" />


<a href="https://twitter.com/ala7traf" class="twitter-follow-button" data-show-count="false" data-size="large" data-dnt="true">ala7traf</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</center></span></div>


</div>
<!-- END code_ahlastyl.com-->

كيفية التعديل على الكود


https://www.facebook.com/ala7traf
قم باستبدال هذا الرابط برابط صفحتك على الفيس بوك
مع العلم انة موجود اكثر من مرة استبدلهم جميعا


https://twitter.com/ala7traf
قم باستبدال هذا الرابط برابط صفحتك على تويتر
مع العلم انة موجود اكثر من مرة استبدلهم جميعا

[IMG]http://youtube.com/ala7trafblogspot[/url]
استبدل هذا الرابط برابط قناتك على اليوتيوب

https://plus.google.com/u/0/110976323248428473111/posts
استبدل هذا الرابط برابط صفحتك على جوجل بلس

استبدل ( ala7traf ) باسمك في feedburner

وبالنسبة للقائمة المندسلة

<option value="#" />تبادل اعلاني

استبدل (تبادل اعلاني) بالكلام الذي تريدة
واستبدل (#) بالرابط



كيفية تغيير لون الاداة

يوجد في الاعلى رابط صورة وهو هذا
[url]http://im32.gulfup.com/OIKgJ.png[/IMG]
قم باستبدالة برابط الصورة التي تعجبك





















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

لا تنسو تزورو مدونتي هنا


المصدر : http://www.ar-bl.net/vb/t11713.html#post25625