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



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

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

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

شرح اضافة القائمة الجانبية في بلوجر :
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="http://2.bp.blogspot.com/-OjL7yf8MCMw/UjYB0G4-PKI/AAAAAAAAAk8/eS2O5bHKP3k/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="http://1.bp.blogspot.com/-26FNLvqeLaY/UjYBvCxq93I/AAAAAAAAAkk/Kyps7m9_95E/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="http://1.bp.blogspot.com/-lzY8YLwjjyU/UjYBy-Z-GpI/AAAAAAAAAk0/7q0TcwRZwtY/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="http://3.bp.blogspot.com/-l4iDSJzx1PY/UjYBnSO2lLI/AAAAAAAAAkM/RpqcoAJDkCA/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="http://4.bp.blogspot.com/-G6rb9bnuefA/UjYBodtccwI/AAAAAAAAAkU/Y7UvKnOMHm4/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="http://3.bp.blogspot.com/-F2tY8WQeCng/UjYBwroRwrI/AAAAAAAAAks/iEvtqB7X2Jo/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="http://1.bp.blogspot.com/-Xot-mEFcs2o/UjYHSLjuOoI/AAAAAAAAAlc/uvpuPKh8qeg/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="http://3.bp.blogspot.com/-QlnK9WlHzgg/UjYBqidWodI/AAAAAAAAAkc/QlHbe2zHri0/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="http://1.bp.blogspot.com/-6z8nJcUoylc/UjYGFxxRnxI/AAAAAAAAAlQ/ZB1J2ZxIVmI/s1600/sign_up_button_2_-_csc_events.jpg" style="cursor: pointer;" height="34" width="34" /></a></td>
</tr></tbody></table></div>
<----hukmat.blogspot.com---->
الى هنا ينتهي موضوع . لا تنسو دعمنا عبر المواقع الإجتماعية

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

Previous
Next Post »

1 التعليقات:

التعليقات

المروجوا احترام سياسة المدونة و عمل بها و شكرا ااا