اضافة قائمة جانبية مدمجة بصور الى بلوجر

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

معاينة الأداة في موقع                معاينة

شرح اضافة القائمة الجانبية في بلوجر :

1- توجه الى تخطيط
2- اضافة اداة
3- JavaScript-Html
4- قم بلصق الكود القائمة

كود القائمة :

<div dir="ltr" style="text-align: right;" trbidi="on">
<div dir="ltr" style="text-align: right;" trbidi="on">
<div style="background-color: #3EADFC; width: 240px; padding: 3px 8px; text-align: right;">
<span style="color: #fff; font-size: large;"><i><b>أقسام</b></i></span></div>
</div>
<table border="0" cellpadding="5" style="width: 260px;">
<tbody><tr>                  
<td><a href="http://hukmat.blogspot.com/"><img id="s1" title="Football" alt="Football" src="http://cdn.livetvstatic.ru/img/setup.gif" style="cursor: pointer;" height="34" width="34" /></a></td>
<td><a href="http://scorline2.blogspot.com/p/blog-page.html"><img id="s2" title="SPORT" alt="SPORT" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFppkrcImA7VawhL4lBEqR_FRVBL5jEOVmtpvB8E8KTtLKjNKVlDBW0MQTIMwOgz3mVaNjLoEZeXAaMcpXOIDw7i3bkihZ4hXpg0YZzzQZ-spIOMpmENf8pFVMtW1lYSwjDkpyj0m-JPk/s1600/sports-icon.png" style="cursor: pointer;" height="34" width="34" /></a></td>
<td><a href="http://scorline2.blogspot.com/p/ch-islamique.html"><img id="s3" title="Islamique" alt="Islamique" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdD8jil58TowsfJjq6bvJItjjkt_G3tt0A6uygyyyeulsMlsFYg9kipJg9ac1V4bnyPN7rLbIdKpauA22hJ772d5u2ugzdVOIopO_dpV8ER1pJ2JqG173XO2BxlQm9iw4UVeqiyJFCStw/s1600/arab_league.png" style="cursor: pointer;" height="34" width="34" /></a></td>
<td><a href="http://scorline2.blogspot.com/p/channel-hd.html"><img id="s4" title="NEWS" alt="NEWS" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFCVq2rPHFfTWNeyivAquDyMgDwBaEFN5RJ6aB7q5klnjEG6VUQzKtcDlJRA_OsityN5YIxj6jN4l23nLK7WfZYU38IZTdBE07NV6KYU0Z-5D_OzVONhr8ySveJDi1HU0YuE485-KU0jU/s1600/news.png" style="cursor: pointer;" height="34" width="34" /></a></td>
<td><a href="http://scorline2.blogspot.com/p/ch-aflam.html"><img id="s5" title="AFLAM" alt="AFLAM" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBoxa6FNo7qKcW9KX9DmelOrPq7lShKIb-U8uSQeDD2NyVJm2kVifT2tkeB4WB8Nm6OK8zgPpnHLJHuLN1ARZJLs2ZuXjhyIq0Ugb9VS-mCqRRB_b5Z2T1e6X-7ZHU1flwUq0Z-DBCJlE/s1600/Flat_for_Linux-Movies-42-Movies_256x256.png-256x256.png" style="cursor: pointer;" height="34" width="34" /></a></td>

</tr><tr>
<td><a href="http://scorline2.blogspot.com/p/blog-page_29.html"><img id="s6" title="Cartoons" alt="Cartoons" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSPN8n6p8Lpa6DcISTso3CusraTGgT6F6DP38zxu_Vb_mF3-iV3_kMbEzk5JFryzcmZrsqMJwfGJiSE1cMZMfPuhXCWcETkFAV5iaEjUq5M0RIZ-sHl96033G7NKzuKnlmP6_69KNDa4s/s1600/Cartoons_fixed_zps0a26621b.png" style="cursor: pointer;" height="34" width="34" /></a></td>
<td><a href="http://scorline2.blogspot.com/p/documentariesgen.html"><img id="s7" title="MUSIC" alt="MUSIC" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_pRRN4MwACR7N5ueOEAmwkhtRq0BtIPWdRvlG7irGvCTAbrke7ruoqGrKqtqsGksPM9kwkVLJbGTkLnYth7x7DsZqE7WaABoweWveVwEML7HAyykUfkdgSTMuLYPZVPvVjbCZ4L5qv2M/s1600/MusicConverter-icon.png" style="cursor: pointer;" height="34" width="34" /></a></td>
<td><a href="http://scorline2.blogspot.com/p/najmsat.html"><img id="s6" title="Najmsat" alt="Najmsat" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4rop7xdYOdX2jPTM9RW6EkgI8i917U8fI3iR7uPqarf5xLrum0gyc0dWyNGeK44ZfK-ldqPeKftgC6H1quZVtjHkSn7s6uSLUmUcelu7Jp47XGK0ZBLsRv5k0whgh1MMLPPVycdUK000/s1600/unnamed.png" style="cursor: pointer;" height="34" width="34" /></a></td>

<td><a href="http://jeuxful.blogspot.com/"><img id="s9" title="free Game Online" alt="Game jeux online" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEialJSbMByXCXlzLEP8OXZhNVwBXZdKvpsiFB2Gi62aTdJxFyEUBNOs9qrhPumAn5U7y19VYaNYlXQCB3MA-xVV9sVO4XRLba7IP6RY1ZWHq_DhbYKdnx0RlbMbRQNmM4weJJ_65kGp1JI/s1600/Games.png-" style="cursor: pointer;" height="34" width="34" /></a></td>
<td><a href="http://scorline2.blogspot.com/p/sign-up.html"><div id="lbcfg" class="tif" style="margin: 9px; position: absolute;"></div><img onclick="$(&#39;#lbcfg&#39;).load(&#39;/ajax/leftblockset.php&#39;, {lng: &#39;en&#39;}, function(){$(&#39;#lbcfg&#39;).fadeIn();});" title="Sigh Up" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8GmWQWKPdEv2iCEqUoQf3DL0QSEbKJyLKvHGeD54Zu1x3WL9w9ZSyAZMS7M2EfEPvb8OAXM3XREFM2D42gytN9DYcn_Hv2p2fHIlJwTvLeOdQ7fVwJC5BHPnulpaIZ2kNxEsazgOWHds/s1600/sign_up_button_2_-_csc_events.jpg" style="cursor: pointer;" height="34" width="34" /></a></td>
</tr></tbody></table></div>
<----hukmat.blogspot.com---->

الى هنا ينتهي موضوع . لا تنسو دعمنا عبر المواقع الإجتماعية

مقالات ذات صلة