كود صندوق الاعجاب الاورع بدون هكات اوعى يفوتك

بسم الله الرحمن الرحيموالصلاة والسلام على أشرف المرسلينسيدنا محمد وعلى آله وصحبه أجمعين4 نوافذ منبثقة صندوق معجبين الفيس ..


موضوع مغلق


21-06-2012 02:23 صباحا
ashraf
عضـو ستـار
rating
العضو غائب سبحان الله وبحمده سبحان الله العظيم
معلومات الكاتب ▼
تاريخ الإنضمام : 01-12-2011
رقم العضوية : 1947
المشاركات : 2249
الدولة : مصر
الجنس : ذكر
يتابعهم : 0
يتابعونه : 1
قوة السمعة : 3463
موقعي : زيارة موقعي
اصدار المنتدى : 3.0.0
 offline 
بسم الله الرحمن الرحيم
والصلاة والسلام على أشرف المرسلين
سيدنا محمد وعلى آله وصحبه أجمعين
4 نوافذ منبثقة صندوق معجبين الفيس بوك مع صندوق محادثة تويتر وزر جوجل +1 والإشتراك بالخلاصات لمدونات بلوجر
إضافة رائعة لمدونتك خصوصاً إذا كان لا يوجد مكان بمدونتك لإضافات المواقع الإجتماعية الهامة التى تزيد عدد الزوار للموقع
يمكنك إخفاؤهم وإظهارهم بمرور الماوس عليهم بتقنية
jQuery slide out hover effect

وقد تطرقت من قبل لطريقة وضع صندوق الإعجاب الثابت للفيس بوك وزر الإعجاب

[color=#ff8000]<style>
img,a {
border: 0;
}

#on {
visibility: visible;
}

#off {
visibility: hidden;
}

#facebook_div {
width: 196px;
height: 340px;
overflow: hidden;
}

#twitter_div {
width: 246px;
height: 353px;
overflow: hidden;
}

#google_plus_div {
width: 152px;
height: 97px;
overflow: hidden;
margin-left: 50px;
margin-top: 10px;
}

#knfeedburner_div {
width: 300px;
height: 97px;
overflow: hidden;
margin-top: 5px;
margin-left: -4px;
}

#kakinetwork_div {
width: 300px;
height: 97px;
overflow: hidden;
}/* right side style */#facebook_right {
z-index: 10005;
border: 2px solid #3c95d9;
background-color: #fff;
width: 196px;
height: 353px;
position: fixed;
right: -200px;
}

#facebook_right img {
position: absolute;
top: -2px;
left: -35px;
}

#facebook_right iframe {
border: 0px solid #3c95d9;
overflow: hidden;
position: static;
height: 360px;
left: -2px;
top: -3px;
}

#twitter_right {
z-index: 10004;
border: 2px solid #6CC5FF;
background-color: #6CC5FF;
width: 246px;
height: 353px;
position: fixed;
right: -250px;
}

#twitter_right_img {
position: absolute;
top: -2px;
left: -35px;
border: 0;
}

#google_plus_right {
z-index: 10003;
background-color: #F2F2F2;
border: 2px solid #006ec9;
border-top: 2px solid #0056a0;
border-bottom: 2px solid #0056a0;
border-right: 2px solid #0056a0;
border-left: hidden;
width: 152px;
height: 97px;
position: fixed;
right: -154px;
}

#google_plus_right_img {
position: absolute;
top: -2px;
left: -33px;
border: 0;
}

#feedburner_right {
z-index: 10003;
background-color: #fefefe;
border: 2px solid #5b5b5b;
border-top: 2px solid #5b5b5b;
border-bottom: 2px solid #5b5b5b;
border-right: 2px solid #5b5b5b;
border-left: hidden;
width: 300px;
height: 97px;
position: fixed;
right: -303px;
}

#feedburner_right_img {
position: absolute;
top: -2px;
left: -33px;
border: 0;
}

#kakinetwork_right {
z-index: 10003;
border: 2px solid #303030;
background-color: #fff;
width: 300px;
height: 97px;
position: fixed;
}

#kakinetwork_right img {
position: absolute;
top: -2px;
left: -101px;
}/* left side style */#facebook_left {
z-index: 10005;
border: 2px solid #3c95d9;
background-color: #fff;
width: 196px;
height: 353px;
position: fixed;
left: -200px;
}

#facebook_left img {
position: absolute;
top: -2px;
right: -35px;
}

#facebook_left iframe {
border: 0px solid #3c95d9;
overflow: hidden;
position: static;
height: 360px;
right: -2px;
top: -3px;
}

#twitter_left {
z-index: 10004;
border: 2px solid #6CC5FF;
background-color: #6CC5FF;
width: 246px;
height: 353px;
position: fixed;
left: -250px;
}

#twitter_left_img {
position: absolute;
top: -2px;
right: -35px;
border: 0;
}

#google_plus_left {
z-index: 10003;
background-color: #006ec9;
border: 2px solid #006ec9;
border-top: 2px solid #0056a0;
border-bottom: 2px solid #0056a0;
border-left: 2px solid #0056a0;
border-right: hidden;
width: 152px;
height: 97px;
position: fixed;
left: -154px;
}

#google_plus_left_img {
position: absolute;
top: -2px;
right: -33px;
border: 0;
}

#feedburner_left {
z-index: 10003;
background-color: #fefefe;
border: 2px solid #5b5b5b;
border-top: 2px solid #5b5b5b;
border-bottom: 2px solid #5b5b5b;
border-left: 2px solid #5b5b5b;
border-right: hidden;
width: 300px;
height: 97px;
position: fixed;
left: -303px;
}

#feedburner_left_img {
position: absolute;
top: -2px;
right: -33px;
border: 0;
}

#kakinetwork_left {
z-index: 10003;
border: 2px solid #303030;
background-color: #fff;
width: 300px;
height: 97px;
position: fixed;
}

#kakinetwork_left img {
position: absolute;
top: -2px;
right: -101px;
}

.box-title1 {
border: 1px solid #ddd;
/*border-radius*/
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
/*box-shadow*/
-webkit-box-shadow: 5px 5px 5px #CCCCCC;
-moz-box-shadow: 5px 5px 5px #CCCCCC;
box-shadow: 5px 5px 5px #CCCCCC;
padding: 10px;
margin: 10px 0;
}

.enteryouremail {
background: #fff !important;
border: 1px solid #d2d2d2;
padding: 0px 8px 0px 8px;
color: #a19999;
font-size: 12px;
height: 25px;
width: 165px;
/*border-radius*/
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 0px;
}

.submitbutton {
background: #F2F2F2;
border: 1px solid #F66303;
/*box-shadow*/
-webkit-box-shadow: 3px 3px 3px #666;
box-shadow: 3px 3px 3px #666;
font: bold 12px Arial, sans-serif;
color: #000000;
height: 25px;
padding: 0 12px 0 12px;
margin: 0 0 0 5px;
/*border-radius*/
-webkit-border-radius: 5px;
border-radius: 5px;
cursor: pointer;
}
</style><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script>
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
<script type="text/javascript">jQuery(document).ready(function(){ jQuery("#facebook_right").hover(function(){ jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){ jQuery("#facebook_right").stop(true,false).animate({right: -200}, 500); }); jQuery("#twitter_right").hover(function(){ jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){ jQuery("#twitter_right").stop(true,false).animate({right: -250}, 500); }); jQuery("#google_plus_right").hover(function(){ jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){ jQuery("#google_plus_right").stop(true,false).animate({right: -154}, 500); }); jQuery("#feedburner_right").hover(function(){ jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){ jQuery("#feedburner_right").stop(true,false).animate({right: -303}, 500); }); });</script>
<div id="on">
<div id="facebook_right" style="top: 18%;">
<div id="facebook_div">
<img src="http://4.bp.blogspot.com/-pzM3IebaPHg/T3BF_Cp5ChI/AAAAAAAABTA/uPlhRvqJF2Y/s1600/DrRo2.com-facebook-icon.png" alt=""/>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fdesignsblog&width=200&height=346&colorscheme=light&show_faces=true&border_color&stream=false&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200px; height:346px;" allowtransparency="true">
</iframe>
</div>
</div>
</div>
<div id="on">
<div id="twitter_right" style="top: 35%;">
<div id="twitter_div">
<img id="twitter_right_img" src="http://2.bp.blogspot.com/-DoXgccAh568/T3BGBaBhUUI/AAAAAAAABTY/apMnhTjbnnU/s1600/DrRo2.com-twitter-icon.png"/>
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>new TWTR.Widget({version: 2,type: 'profile',rpp: 4,interval: 1000,width: 246,height: 265,theme: {shell: {background: '#63BEFD',color: '#FFFFFF'},tweets: {background: '#FFFFFF',color: '#000000',links: '#47a61e'}},features: { loop: false,live: true,scrollbar: false,hashtags: false,timestamp: true,avatars: true,behavior: 'all' }}).render().setUser('DrRo2').start();</script>
</div>
</div>
</div>
<div id="on">
<div id="google_plus_right" style="top: 52%;">
<div id="google_plus_div">
<img id="google_plus_right_img" src="http://1.bp.blogspot.com/-08OfKvSFgp8/T3BF_ifkYhI/AAAAAAAABTI/H-tCpPulBME/s1600/DrRo2.com-google-plus-icon.png"/>
<div style="float:left;margin:10px 10px 10px 0;">
<g:plusone size="tall" expr:href="data:post.url"></g:plusone>
</div>
</div>
</div>
<div id="on">
<div id="feedburner_right" style=" top: 69%;">
<div id="knfeedburner_div">
<center>
<h4 style="color:#F66303;">You can also receive Free Email Updates:</h4>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/avwdc', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input gtbfieldid="10" class="enteryouremail" name="email" value="Enter your email here..." onblur="if (this.value == '') {this.value = 'Enter your email here...';}" onfocus="if (this.value == 'Enter your email here...') {this.value = '';}" type="text"/><input value="blogspot/avWDc" name="uri" type="hidden"/><input value="Submit" class="submitbutton" type="submit"/>
</form>
</center><img id="feedburner_right_img" src="http://2.bp.blogspot.com/-92lVWafnEt0/T3BGAWfGPKI/AAAAAAAABTQ/r61lpGWJqew/s1600/DrRo2.com-subscribe-icon.png"/>
</div>
</div>
</div>
</div>
<center/>
<a href="http://conda3ianllkhir.blogspot.com/"><img alt="Blogger widget" src="https://lh3.googleusercontent.com/-6r0Z0Nh4mjE/T6wLjVKJLwI/AAAAAAAABSo/k8v-Fiz1l_4/s89/%25D8%25A8%25D8%25A7%25D8%25AF%25D8%25AC%2520%25D8%25A7%25D9%2584%25D9%2585%25D8%25AF%25D9%2588%25D9%2586%25D8%25A9%2520%25D9%2584%25D8%25A8%25D9%2584%25D9%2588%25D8%25AC%25D8%25B1.png" title="Blogger widget" /></a>
<center/></center></center>
[/color][color=#000000][highlight=#ffffff][/highlight][/color]

للتعديل على الكود إستخدم البحث بالكيبورد Ctrl+F

إستبدل designsblog بإسم المستخدم الخاص بصفحتك على الفيس بوك facebook fanpage username
إستبدل DrRo2 بإسم المستخدم الخاص بحسابك على تويتر مع العلم بأنه مكرر أكثر من مرة twitter username
إستبدل blogspot/avWDc بإسم المستخدم الخاص بخلاصات مدونتك مع العلم بأنه مكرر أكثر من مرة feedburner username

منقول لعيونك لام يحيى مدونه كونداعيا بالتوفيق mf
ياشباب ان كان الكود يستحق لاتنسونى لا اريد تقييما وانما دعوة عن ظهر الغيب yes


تم تحرير الموضوع بواسطة :ashraf
بتاريخ:21-06-2012 02:26 صباحا


21-06-2012 09:58 صباحا
مشاهدة مشاركة منفردة [1]
خالد الطيب
عضو فعال
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 11-12-2010
رقم العضوية : 1072
المشاركات : 144
الدولة : على ارض مصر
الجنس : ذكر
الدعوات : 1
يتابعهم : 0
يتابعونه : 0
قوة السمعة : 904
موقعي : زيارة موقعي
اصدار المنتدى : 3.0.0
 offline 
look/images/icons/i1.gif كود صندوق الاعجاب الاورع بدون هكات اوعى يفوتك
السلام عليكم
اتفضل ياصديقى الكود بالشكل الصحيح واستخدامه فى المنتدى بشكل عادى
ادخل لوحة التحكم
ثم التحكم فى الاستايلات
واختار تحرير CSS متقدم
ثم ضع هذا الكود بالكامل فى اخر الصندوق
[color=#ff8000]<style>

img,a {

border: 0;

}



#on {

visibility: visible;

}



#off {

visibility: hidden;

}



#facebook_div {

width: 196px;

height: 340px;

overflow: hidden;

}



#twitter_div {

width: 246px;

height: 353px;

overflow: hidden;

}



#google_plus_div {

width: 152px;

height: 97px;

overflow: hidden;

margin-left: 50px;

margin-top: 10px;

}



#knfeedburner_div {

width: 300px;

height: 97px;

overflow: hidden;

margin-top: 5px;

margin-left: -4px;

}



#kakinetwork_div {

width: 300px;

height: 97px;

overflow: hidden;

}/* right side style */#facebook_right {

z-index: 10005;

border: 2px solid #3c95d9;

background-color: #fff;

width: 196px;

height: 353px;

position: fixed;

right: -200px;

}



#facebook_right img {

position: absolute;

top: -2px;

left: -35px;

}



#facebook_right iframe {

border: 0px solid #3c95d9;

overflow: hidden;

position: static;

height: 360px;

left: -2px;

top: -3px;

}



#twitter_right {

z-index: 10004;

border: 2px solid #6CC5FF;

background-color: #6CC5FF;

width: 246px;

height: 353px;

position: fixed;

right: -250px;

}



#twitter_right_img {

position: absolute;

top: -2px;

left: -35px;

border: 0;

}



#google_plus_right {

z-index: 10003;

background-color: #F2F2F2;

border: 2px solid #006ec9;

border-top: 2px solid #0056a0;

border-bottom: 2px solid #0056a0;

border-right: 2px solid #0056a0;

border-left: hidden;

width: 152px;

height: 97px;

position: fixed;

right: -154px;

}



#google_plus_right_img {

position: absolute;

top: -2px;

left: -33px;

border: 0;

}



#feedburner_right {

z-index: 10003;

background-color: #fefefe;

border: 2px solid #5b5b5b;

border-top: 2px solid #5b5b5b;

border-bottom: 2px solid #5b5b5b;

border-right: 2px solid #5b5b5b;

border-left: hidden;

width: 300px;

height: 97px;

position: fixed;

right: -303px;

}



#feedburner_right_img {

position: absolute;

top: -2px;

left: -33px;

border: 0;

}



#kakinetwork_right {

z-index: 10003;

border: 2px solid #303030;

background-color: #fff;

width: 300px;

height: 97px;

position: fixed;

}



#kakinetwork_right img {

position: absolute;

top: -2px;

left: -101px;

}/* left side style */#facebook_left {

z-index: 10005;

border: 2px solid #3c95d9;

background-color: #fff;

width: 196px;

height: 353px;

position: fixed;

left: -200px;

}



#facebook_left img {

position: absolute;

top: -2px;

right: -35px;

}



#facebook_left iframe {

border: 0px solid #3c95d9;

overflow: hidden;

position: static;

height: 360px;

right: -2px;

top: -3px;

}



#twitter_left {

z-index: 10004;

border: 2px solid #6CC5FF;

background-color: #6CC5FF;

width: 246px;

height: 353px;

position: fixed;

left: -250px;

}



#twitter_left_img {

position: absolute;

top: -2px;

right: -35px;

border: 0;

}



#google_plus_left {

z-index: 10003;

background-color: #006ec9;

border: 2px solid #006ec9;

border-top: 2px solid #0056a0;

border-bottom: 2px solid #0056a0;

border-left: 2px solid #0056a0;

border-right: hidden;

width: 152px;

height: 97px;

position: fixed;

left: -154px;

}



#google_plus_left_img {

position: absolute;

top: -2px;

right: -33px;

border: 0;

}



#feedburner_left {

z-index: 10003;

background-color: #fefefe;

border: 2px solid #5b5b5b;

border-top: 2px solid #5b5b5b;

border-bottom: 2px solid #5b5b5b;

border-left: 2px solid #5b5b5b;

border-right: hidden;

width: 300px;

height: 97px;

position: fixed;

left: -303px;

}



#feedburner_left_img {

position: absolute;

top: -2px;

right: -33px;

border: 0;

}



#kakinetwork_left {

z-index: 10003;

border: 2px solid #303030;

background-color: #fff;

width: 300px;

height: 97px;

position: fixed;

}



#kakinetwork_left img {

position: absolute;

top: -2px;

right: -101px;

}



.box-title1 {

border: 1px solid #ddd;

/*border-radius*/

-webkit-border-radius: 6px;

-moz-border-radius: 6px;

border-radius: 6px;

/*box-shadow*/

-webkit-box-shadow: 5px 5px 5px #CCCCCC;

-moz-box-shadow: 5px 5px 5px #CCCCCC;

box-shadow: 5px 5px 5px #CCCCCC;

padding: 10px;

margin: 10px 0;

}



.enteryouremail {

background: #fff !important;

border: 1px solid #d2d2d2;

padding: 0px 8px 0px 8px;

color: #a19999;

font-size: 12px;

height: 25px;

width: 165px;

/*border-radius*/

-webkit-border-radius: 5px;

-moz-border-radius: 5px;

border-radius: 5px;

margin: 0px;

}



.submitbutton {

background: #F2F2F2;

border: 1px solid #F66303;

/*box-shadow*/

-webkit-box-shadow: 3px 3px 3px #666;

box-shadow: 3px 3px 3px #666;

font: bold 12px Arial, sans-serif;

color: #000000;

height: 25px;

padding: 0 12px 0 12px;

margin: 0 0 0 5px;

/*border-radius*/

-webkit-border-radius: 5px;

border-radius: 5px;

cursor: pointer;
}

ثم حفظ
ثم اذهب الى تحرير القوالب
واختار قالب footer.tpl
تحرير
ثم ضع هذا الكود بالكامل فى اخر القالب
</style><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script>
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
<script type="text/javascript">jQuery(document).ready(function(){ jQuery("#facebook_right").hover(function(){ jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){ jQuery("#facebook_right").stop(true,false).animate({right: -200}, 500); });
jQuery("#twitter_right").hover(function(){ jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){ jQuery("#twitter_right").stop(true,false).animate({right: -250}, 500); }); jQuery("#google_plus_right").hover(function(){
jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){ jQuery("#google_plus_right").stop(true,false).animate({right: -154}, 500); }); jQuery("#feedburner_right").hover(function(){ jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){
jQuery("#feedburner_right").stop(true,false).animate({right: -303}, 500); }); });</script>
<div id="on">
<div id="facebook_right" style="top: 18%;">
<div id="facebook_div">
<img src="http://4.bp.blogspot.com/-pzM3IebaPHg/T3BF_Cp5ChI/AAAAAAAABTA/uPlhRvqJF2Y/s1600/DrRo2.com-facebook-icon.png" alt=""/>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fmashro3&width=200&height=346&colorscheme=light&show_faces=true&border_color&stream=false&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200px; height:346px;"
allowtransparency="true">
</iframe>
</div>
</div>
</div>
<div id="on">
<div id="twitter_right" style="top: 35%;">
<div id="twitter_div">
<img id="twitter_right_img" src="http://2.bp.blogspot.com/-DoXgccAh568/T3BGBaBhUUI/AAAAAAAABTY/apMnhTjbnnU/s1600/DrRo2.com-twitter-icon.png"/>
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>new TWTR.Widget({version: 2,type: 'profile',rpp: 4,interval: 1000,width: 246,height: 265,theme: {shell: {background: '#63BEFD',color: '#FFFFFF'},tweets: {background: '#FFFFFF',color: '#000000',links: '#47a61e'}},features: { loop: false,live: true,scrollbar:
false,hashtags: false,timestamp: true,avatars: true,behavior: 'all' }}).render().setUser('mshro3').start();</script>
</div>
</div>
</div>
<div id="on">
<div id="google_plus_right" style="top: 52%;">
<div id="google_plus_div">
<img id="google_plus_right_img" src="http://1.bp.blogspot.com/-08OfKvSFgp8/T3BF_ifkYhI/AAAAAAAABTI/H-tCpPulBME/s1600/DrRo2.com-google-plus-icon.png"/>
<div style="float:left;margin:10px 10px 10px 0;">
<g:plusone size="tall" expr:href="data:post.url"></g:plusone>
</div>
</div>
</div>
<div id="on">
<div id="feedburner_right" style=" top: 69%;">
<div id="knfeedburner_div">
<center>
<h4 style="color:#F66303;">You can also receive Free Email Updates:</h4>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=mndobak/dwEG', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input gtbfieldid="10" class="enteryouremail" name="email" value="Enter your email here..." onblur="if (this.value == '') {this.value = 'Enter your email here...';}" onfocus="if (this.value == 'Enter your email here...') {this.value = '';}"
type="text"/><input value="mndobak/dwEG" name="uri" type="hidden"/><input value="Submit" class="submitbutton" type="submit"/>
</form>
</center><img id="feedburner_right_img" src="http://2.bp.blogspot.com/-92lVWafnEt0/T3BGAWfGPKI/AAAAAAAABTQ/r61lpGWJqew/s1600/DrRo2.com-subscribe-icon.png"/>
</div>
</div>
</div>
</div>
<center/>

ثم عدل بما يناسبك ابحث فى نفس القالب على التالى
mashro3
دة اسم الحساب على الفيسبوك هتلاقيه مرة واحدة فقط
---------
mshro3
دة حساب تويتر وخلى بالك الاسم دة مش زى الاسم السابق هتلاقيه مرة واحدة فقط
---------
mndobak/dwEG
ودة هتلاقيه مرتيين فقط
------------------
ثم احفظ القالب ومبروك عليك
وتم تطبيق الكود على موقعى الشخصي
http://mshro3.net/ar/index.php
واى استفسار انا فى الخدمة وجرب كدة وعرفنى
smile

21-06-2012 11:56 مساء
مشاهدة مشاركة منفردة [2]
AHMED
عضـو ستـار
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 20-07-2009
رقم العضوية : 18
المشاركات : 2796
الجنس : ذكر
تاريخ الميلاد : 1-10-1981
الدعوات : 25
يتابعهم : 0
يتابعونه : 2
قوة السمعة : 4978
موقعي : زيارة موقعي
اصدار المنتدى : 3.0.1
 offline 
look/images/icons/i1.gif كود صندوق الاعجاب الاورع بدون هكات اوعى يفوتك
جزاكم الله خيرا اخوانى
عمل رائع بارك الله لكم

22-06-2012 12:27 صباحا
مشاهدة مشاركة منفردة [3]
ashraf
عضـو ستـار
rating
العضو غائب سبحان الله وبحمده سبحان الله العظيم
معلومات الكاتب ▼
تاريخ الإنضمام : 01-12-2011
رقم العضوية : 1947
المشاركات : 2249
الدولة : مصر
الجنس : ذكر
يتابعهم : 0
يتابعونه : 1
قوة السمعة : 3463
موقعي : زيارة موقعي
اصدار المنتدى : 3.0.0
 offline 
look/images/icons/i1.gif كود صندوق الاعجاب الاورع بدون هكات اوعى يفوتك
المشاركة الأصلية كتبت بواسطة: خالد الطيب »
السلام عليكم
اتفضل ياصديقى الكود بالشكل الصحيح واستخدامه فى المنتدى بشكل عادى
ادخل لوحة التحكم
ثم التحكم فى الاستايلات
واختار تحرير CSS متقدم
ثم ضع هذا الكود بالكامل فى اخر الصندوق
[color=#ff8000]<style>

img,a {

border: 0;

}



#on {

visibility: visible;

}



#off {

visibility: hidden;

}



#facebook_div {

width: 196px;

height: 340px;

overflow: hidden;

}



#twitter_div {

width: 246px;

height: 353px;

overflow: hidden;

}



#google_plus_div {

width: 152px;

height: 97px;

overflow: hidden;

margin-left: 50px;

margin-top: 10px;

}



#knfeedburner_div {

width: 300px;

height: 97px;

overflow: hidden;

margin-top: 5px;

margin-left: -4px;

}



#kakinetwork_div {

width: 300px;

height: 97px;

overflow: hidden;

}/* right side style */#facebook_right {

z-index: 10005;

border: 2px solid #3c95d9;

background-color: #fff;

width: 196px;

height: 353px;

position: fixed;

right: -200px;

}



#facebook_right img {

position: absolute;

top: -2px;

left: -35px;

}



#facebook_right iframe {

border: 0px solid #3c95d9;

overflow: hidden;

position: static;

height: 360px;

left: -2px;

top: -3px;

}



#twitter_right {

z-index: 10004;

border: 2px solid #6CC5FF;

background-color: #6CC5FF;

width: 246px;

height: 353px;

position: fixed;

right: -250px;

}



#twitter_right_img {

position: absolute;

top: -2px;

left: -35px;

border: 0;

}



#google_plus_right {

z-index: 10003;

background-color: #F2F2F2;

border: 2px solid #006ec9;

border-top: 2px solid #0056a0;

border-bottom: 2px solid #0056a0;

border-right: 2px solid #0056a0;

border-left: hidden;

width: 152px;

height: 97px;

position: fixed;

right: -154px;

}



#google_plus_right_img {

position: absolute;

top: -2px;

left: -33px;

border: 0;

}



#feedburner_right {

z-index: 10003;

background-color: #fefefe;

border: 2px solid #5b5b5b;

border-top: 2px solid #5b5b5b;

border-bottom: 2px solid #5b5b5b;

border-right: 2px solid #5b5b5b;

border-left: hidden;

width: 300px;

height: 97px;

position: fixed;

right: -303px;

}



#feedburner_right_img {

position: absolute;

top: -2px;

left: -33px;

border: 0;

}



#kakinetwork_right {

z-index: 10003;

border: 2px solid #303030;

background-color: #fff;

width: 300px;

height: 97px;

position: fixed;

}



#kakinetwork_right img {

position: absolute;

top: -2px;

left: -101px;

}/* left side style */#facebook_left {

z-index: 10005;

border: 2px solid #3c95d9;

background-color: #fff;

width: 196px;

height: 353px;

position: fixed;

left: -200px;

}



#facebook_left img {

position: absolute;

top: -2px;

right: -35px;

}



#facebook_left iframe {

border: 0px solid #3c95d9;

overflow: hidden;

position: static;

height: 360px;

right: -2px;

top: -3px;

}



#twitter_left {

z-index: 10004;

border: 2px solid #6CC5FF;

background-color: #6CC5FF;

width: 246px;

height: 353px;

position: fixed;

left: -250px;

}



#twitter_left_img {

position: absolute;

top: -2px;

right: -35px;

border: 0;

}



#google_plus_left {

z-index: 10003;

background-color: #006ec9;

border: 2px solid #006ec9;

border-top: 2px solid #0056a0;

border-bottom: 2px solid #0056a0;

border-left: 2px solid #0056a0;

border-right: hidden;

width: 152px;

height: 97px;

position: fixed;

left: -154px;

}



#google_plus_left_img {

position: absolute;

top: -2px;

right: -33px;

border: 0;

}



#feedburner_left {

z-index: 10003;

background-color: #fefefe;

border: 2px solid #5b5b5b;

border-top: 2px solid #5b5b5b;

border-bottom: 2px solid #5b5b5b;

border-left: 2px solid #5b5b5b;

border-right: hidden;

width: 300px;

height: 97px;

position: fixed;

left: -303px;

}



#feedburner_left_img {

position: absolute;

top: -2px;

right: -33px;

border: 0;

}



#kakinetwork_left {

z-index: 10003;

border: 2px solid #303030;

background-color: #fff;

width: 300px;

height: 97px;

position: fixed;

}



#kakinetwork_left img {

position: absolute;

top: -2px;

right: -101px;

}



.box-title1 {

border: 1px solid #ddd;

/*border-radius*/

-webkit-border-radius: 6px;

-moz-border-radius: 6px;

border-radius: 6px;

/*box-shadow*/

-webkit-box-shadow: 5px 5px 5px #CCCCCC;

-moz-box-shadow: 5px 5px 5px #CCCCCC;

box-shadow: 5px 5px 5px #CCCCCC;

padding: 10px;

margin: 10px 0;

}



.enteryouremail {

background: #fff !important;

border: 1px solid #d2d2d2;

padding: 0px 8px 0px 8px;

color: #a19999;

font-size: 12px;

height: 25px;

width: 165px;

/*border-radius*/

-webkit-border-radius: 5px;

-moz-border-radius: 5px;

border-radius: 5px;

margin: 0px;

}



.submitbutton {

background: #F2F2F2;

border: 1px solid #F66303;

/*box-shadow*/

-webkit-box-shadow: 3px 3px 3px #666;

box-shadow: 3px 3px 3px #666;

font: bold 12px Arial, sans-serif;

color: #000000;

height: 25px;

padding: 0 12px 0 12px;

margin: 0 0 0 5px;

/*border-radius*/

-webkit-border-radius: 5px;

border-radius: 5px;

cursor: pointer;
}

ثم حفظ
ثم اذهب الى تحرير القوالب
واختار قالب footer.tpl
تحرير
ثم ضع هذا الكود بالكامل فى اخر القالب
</style><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script>
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
<script type="text/javascript">jQuery(document).ready(function(){ jQuery("#facebook_right").hover(function(){ jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){ jQuery("#facebook_right").stop(true,false).animate({right: -200}, 500); });
jQuery("#twitter_right").hover(function(){ jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){ jQuery("#twitter_right").stop(true,false).animate({right: -250}, 500); }); jQuery("#google_plus_right").hover(function(){
jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){ jQuery("#google_plus_right").stop(true,false).animate({right: -154}, 500); }); jQuery("#feedburner_right").hover(function(){ jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){
jQuery("#feedburner_right").stop(true,false).animate({right: -303}, 500); }); });</script>
<div id="on">
<div id="facebook_right" style="top: 18%;">
<div id="facebook_div">
<img src="http://4.bp.blogspot.com/-pzM3IebaPHg/T3BF_Cp5ChI/AAAAAAAABTA/uPlhRvqJF2Y/s1600/DrRo2.com-facebook-icon.png" alt=""/>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fmashro3&width=200&height=346&colorscheme=light&show_faces=true&border_color&stream=false&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200px; height:346px;"
allowtransparency="true">
</iframe>
</div>
</div>
</div>
<div id="on">
<div id="twitter_right" style="top: 35%;">
<div id="twitter_div">
<img id="twitter_right_img" src="http://2.bp.blogspot.com/-DoXgccAh568/T3BGBaBhUUI/AAAAAAAABTY/apMnhTjbnnU/s1600/DrRo2.com-twitter-icon.png"/>
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>new TWTR.Widget({version: 2,type: 'profile',rpp: 4,interval: 1000,width: 246,height: 265,theme: {shell: {background: '#63BEFD',color: '#FFFFFF'},tweets: {background: '#FFFFFF',color: '#000000',links: '#47a61e'}},features: { loop: false,live: true,scrollbar:
false,hashtags: false,timestamp: true,avatars: true,behavior: 'all' }}).render().setUser('mshro3').start();</script>
</div>
</div>
</div>
<div id="on">
<div id="google_plus_right" style="top: 52%;">
<div id="google_plus_div">
<img id="google_plus_right_img" src="http://1.bp.blogspot.com/-08OfKvSFgp8/T3BF_ifkYhI/AAAAAAAABTI/H-tCpPulBME/s1600/DrRo2.com-google-plus-icon.png"/>
<div style="float:left;margin:10px 10px 10px 0;">
<g:plusone size="tall" expr:href="data:post.url"></g:plusone>
</div>
</div>
</div>
<div id="on">
<div id="feedburner_right" style=" top: 69%;">
<div id="knfeedburner_div">
<center>
<h4 style="color:#F66303;">You can also receive Free Email Updates:</h4>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=mndobak/dwEG', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input gtbfieldid="10" class="enteryouremail" name="email" value="Enter your email here..." onblur="if (this.value == '') {this.value = 'Enter your email here...';}" onfocus="if (this.value == 'Enter your email here...') {this.value = '';}"
type="text"/><input value="mndobak/dwEG" name="uri" type="hidden"/><input value="Submit" class="submitbutton" type="submit"/>
</form>
</center><img id="feedburner_right_img" src="http://2.bp.blogspot.com/-92lVWafnEt0/T3BGAWfGPKI/AAAAAAAABTQ/r61lpGWJqew/s1600/DrRo2.com-subscribe-icon.png"/>
</div>
</div>
</div>
</div>
<center/>

ثم عدل بما يناسبك ابحث فى نفس القالب على التالى
mashro3
دة اسم الحساب على الفيسبوك هتلاقيه مرة واحدة فقط
---------
mshro3
دة حساب تويتر وخلى بالك الاسم دة مش زى الاسم السابق هتلاقيه مرة واحدة فقط
---------
mndobak/dwEG
ودة هتلاقيه مرتيين فقط
------------------
ثم احفظ القالب ومبروك عليك
وتم تطبيق الكود على موقعى الشخصي
http://mshro3.net/ar/index.php
واى استفسار انا فى الخدمة وجرب كدة وعرفنى
smile

المشاركة الأصلية كتبت بواسطة: AHMED »
جزاكم الله خيرا اخوانى
عمل رائع بارك الله لكم

بارك الله فيكم ونورتو بالاضافه وردكم المفعم بالحب والعطاء ..احترماتي[/color] mf


المواضيع المتشابهه
عنوان الموضوع الكاتب الردود الزوار آخر رد
الحصول على كود / صندوق الاعجاب لموقعك بسهولة من شبكة هلاوين الاجتماعية عمار العمرانى
0 1880 عمار العمرانى
مساعدة بخوصوص صندوق الاعجاب في الفايسبوك nojom
4 1553 20rin

الكلمات الدلالية
لا يوجد كلمات دلالية ..







الساعة الآن 05:11 مساء