منتدى استراحات زايد

منتدى استراحات زايد (http://vb.ma7room.com/index.php)
-   منتدى أخبار المواقع والمنتديات العربية والأجنبية (http://vb.ma7room.com/forumdisplay.php?f=183)
-   -   إضافة أزرار المفضلات الاجتماعية أسفل التدوينات في بلوجر (http://vb.ma7room.com/showthread.php?t=1430699)

محروم.كوم 03-27-2014 06:10 PM

إضافة أزرار المفضلات الاجتماعية أسفل التدوينات في بلوجر
 
في هذه الفقرة سوف نتطرق إلى كيفية إدراج أزرار المفضلات الإجتماعية أسفل المواضيع بتصميم جميل وهي واحدة من الطرق الذكية لدعوة زوار المدونة لنشر التدوينات ليطّلع عليها أناس آخرون و بالتالي سوف تكسب زوار جدد وتصبح مدونتك ذات شعبية لدى متصفحي الإنترنت ،وتعتبر هذه الإضافة من أجمل الإضافات لإدراج أزرار المفضلات الإجتماعية و ذلك راجع إلى تصميمها الأنيق حيث عند تمريرك للماوس عند أحد الأزرار تقوم بحركة جميلة لظهورها ،و لتكتشف الأمر قبل القيام بإضافة هذه الأداة ،قم بمعاينتها على مدونتي ثم أحكم بنفسك ،ولآن إلى التطبيق.

http://www.traidnt.net/vb/images/img...14/03/3200.png
انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرHTML " ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.
قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F ).
تذكير:لا تنسى أخي المدون أن تأخد نسخة إحتياطية لمدونتك تجنبا لأي أخطاء.


ثم ضع الكود التالي فوقه :

div.sexy-bookmarks {
height:54px;
background:url('https://sites.google.com/site/lightbox007/photo/youlikethisarticle.png') no-repeat left bottom;
position:relative;
width:540px;
}

div.sexy-bookmarks span.sexy-rightside {
width:17px;
height:54px;
background:url('https://sites.google.com/site/lightb...ogger.png') no-repeat right bottom;
position:absolute;
right:-17px;
}

div.sexy-bookmarks ul.socials {
margin:0 !important;
padding:0 !important;
position:absolute;
bottom:0;
left:10px;
}

div.sexy-bookmarks ul.socials li {
display:inline-block !important;
float:left !important;
list-style-type:none !important;
margin:0 !important;
height:29px !important;
width:48px !important;
cursor:pointer !important;
padding:0 !important;
}

div.sexy-bookmarks ul.socials a {
display:block !important;
width:48px !important;
height:29px !important;
font-size:0 !important;
color:transparent !important;

}

.sexy-furl, .sexy-furl:hover, .sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumble, .sexy-stumble:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoo, .sexy-yahoo:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-script-style, .sexy-script-style:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-syndicate, .sexy-syndicate:hover, .sexy-email, .sexy-email:hover {
background:url('https://sites.google.com/site/lightb...k2.png%27') no-repeat !important;
}

.sexy-furl {
background-position:-300px top !important;
}
.sexy-furl:hover {
background-position:-300px bottom !important;
}
.sexy-digg {
background-position:-500px top !important;
}
.sexy-digg:hover {
background-position:-500px bottom !important;
}
.sexy-reddit {
background-position:-100px top !important;
}
.sexy-reddit:hover {
background-position:-100px bottom !important;
}
.sexy-stumble {
background-position:-50px top !important;
}
.sexy-stumble:hover {
background-position:-50px bottom !important;
}
.sexy-delicious {
background-position:left top !important;
}
.sexy-delicious:hover {
background-position:left bottom !important;
}
.sexy-yahoo {
background-position:-650px top !important;
}
.sexy-yahoo:hover {
background-position:-650px bottom !important;
}
.sexy-blinklist {
background-position:-600px top !important;
}
.sexy-blinklist:hover {
background-position:-600px bottom !important;
}
.sexy-technorati {
background-position:-700px top !important;
}
.sexy-technorati:hover {
background-position:-700px bottom !important;
}
.sexy-myspace {
background-position:-200px top !important;
}
.sexy-myspace:hover {
background-position:-200px bottom !important;
}
.sexy-twitter {
background-position:-350px top !important;
}
.sexy-twitter:hover {
background-position:-350px bottom !important;
}
.sexy-facebook {
background-position:-450px top !important;
}
.sexy-facebook:hover {
background-position:-450px bottom !important;
}
.sexy-mixx {
background-position:-250px top !important;
}
.sexy-mixx:hover {
background-position:-250px bottom !important;
}
.sexy-script-style {
background-position:-400px top !important;
}
.sexy-script-style:hover {
background-position:-400px bottom !important;
}
.sexy-designfloat {
background-position:-550px top !important;
}
.sexy-designfloat:hover {
background-position:-550px bottom !important;
}
.sexy-syndicate {
background-position:-150px top !important;
}
.sexy-syndicate:hover {
background-position:-150px bottom !important;
}
.sexy-email {

background-position:-753px top !important;
}
.sexy-email:hover {
background-position:-753px bottom !important;
}

ثم قم بالبحث عن الكود التالي :ثم قم بوضع الكود التالي بعده :
  • <a expr:href='&quot;a href="http://del.icio.us/post?url=&quot;" target="_blank"http://del.icio.us/post?url=&quot;/a + data:post.url + &quot;&title=&quot; + data:post.title' target='_blank'/>
  • <a expr:href='&quot; a href="http://digg.com/submit?url=&quot;" target="_blank"Submit a link | Digg/a + data:post.url + &quot;&title=&quot; + data:post.title' target='_blank'/>
  • <a expr:href='&quot; a href="http://technorati.com/faves?add=&quot;" target="_blank"Technorati/a + data:post.url + &quot;&title=&quot; + data:post.title' target='_blank'/>
  • <a expr:href='&quot; a href="http://www.reddit.com/submit?url=&quot;" target="_blank"http://www.reddit.com/submit?url=&quot;/a + data:post.url + &quot;&title=&quot; + data:post.title' target='_blank'/>
  • <a expr:href='&quot; a href="http://www.stumbleupon.com/submit?url=&quot;" target="_blank"http://www.stumbleupon.com/submit?url=&quot;/a + data:post.url + &quot;&title=&quot; + data:post.title' target='_blank'/>
  • <a expr:href='&quot;a href="http://www.designfloat.com/submit.php?url=&quot;" target="_blank"Login | DesignFloat/a + data:post.url + &quot;&title=&quot; + data:post.title' target='_blank'/>
  • <a expr:href='&quot; a href="http://www.facebook.com/sharer.php?u=&quot;" target="_blank"http://www.facebook.com/sharer.php?u=&quot;/a + data:post.url + &quot;&title=&quot; + data:post.title' target='_blank'/>
  • <a expr:href='&quot; a href="http://twitthis.com/twit?url=&quot;" target="_blank"http://twitthis.com/twit?url=&quot;/a + data:post.url + &quot;&title=&quot; + data:post.title' target='_blank'/>
  • <a expr:href='&quot; a href="http://www.furl.net/storeIt.jsp?u=&quot;" target="_blank"http://www.furl.net/storeIt.jsp?u=&quot;/a + data:post.url + &quot;&title=&quot; + data:post.title' target='_blank'/>
  • <a href='<font color="red">أضف رابط خلاصات الخاص بك هنا</font> ' title='Subscribe to RSS'/>
  • <a expr:href='&quot; mailto:?subject=&quot; + data:post.url + &quot;&title=&quot; + data:post.title' target='_blank'/>
<span class='sexy-rightside'/>


Distributed by Abu-Iyad

أخيرا قم بحفظ القالب و إذهب للمعاينة.ولا تنسى أن تقوم بتبديل ما باللون الأحمر بعنوانك على Feed Burner
أنتظر تشجيعاتكم


للمزيد من الادوات
ادخل هنا


الساعة الآن 08:14 AM

Powered by vBulletin® Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Content Relevant URLs by vBSEO 3.5.2 TranZ By Almuhajir


1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227