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

أحضرت لكم إضافة جميلة جدا لمدونات بلوجر
الإضافة عبارة عن خريطة و تقسيم لاقسام المدونة blog و أجزائها

شاهد الصورة التالية





هناك طريقتان لعرضها :

الأولى : على اليمين فى الصورة عندما يكون العمود الجانبى للمدونة blog عريضا حوالى 330 إلى 360 بيكسل

الثانية: على اليسار فى الصورة عندما يكون العمود الجانبى للمدونة blog ضيق نسبيا حوالى 140 إلى 180 بيكسل

قم بمعاينتها لأن هناك خصائص لا تظهر في الصورة


إستخدم متصفح فايرفوكس أو جوجل GOOGLE كروم

للمعاينة من هنا



كل ما عليك فعله هو إتباع الخطوات البسيطة التالية:


1. فى صفحة التحكم الرئيسية لمدونتك اختر اداة تخطيط "layout"

2. اختر إضافة أداه "Add a Gadget" فى المكان الذى تريد أن تضع به هذه الأداة

3. إختر أداة "HTML/JavaScrript"

4. إلصق الكود code التالى فى المربع HTML الذى يظهر مباشرة ثم إضغط حفظ "Save"








الكود code:


رمز PHP:
<code style="white-space:nowrap"> <code> <link href='https://sites.google.com/site/uploadwdn/navigation.css?attredirects=0&d=1' rel='stylesheet' type='text/css'/>

<div id="container">
<ul class="nav">
<li>
<div class="nested">
<a href="#"target="_blank">قسم 1</a>
<ul>
<li><a href="#"target="_blank">تعديل 1</a></li>
<li><a href="#"target="_blank">تعديل 2</a></li>
<li><a href="#"target="_blank">تعديل 3</a></li>
<li><a href="#"target="_blank">تعديل 4</a></li>
</ul>
</div>
</li>
<li>
<div class="turqoise-white nested">
<a href="#"target="_blank">قسم 2</a>
<ul>
<li><a href="#"target="_blank">تعديل 1</a></li>
<li><a href="#"target="_blank">تعديل 2</a></li>
<li><a href="#"target="_blank">تعديل 3</a></li>
<li><a href="#"target="_blank">تعديل 4</a></li>
</ul>
</div>
</li>
</ul>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />

<ul class="nav">
<li>
<div class="red-white nested">
<a href="#"target="_blank">قسم 3</a>
<ul>
<li><a href="#"target="_blank">تعديل 1</a></li>
<li><a href="#"target="_blank">تعديل 2</a></li>
<li><a href="#"target="_blank">تعديل 3</a></li>
<li><a href="#"target="_blank">تعديل 4</a></li>
</ul>
</div>
</li>
<li>
<div class="ye-white nested">
<a href="#"target="_blank">قسم 4</a>
<ul>
<li><a href="#"target="_blank">تعديل 1</a></li>
<li><a href="#"target="_blank">تعديل 2</a></li>
<li><a href="#"target="_blank">تعديل 3</a></li>
<li><a href="#"target="_blank">تعديل 4</a></li>
</ul>
</div>
</li>
</ul>
</div>
<br>
</code> </code>




المصدر :: خريطة للمدونة blog من أجمل الخرائط








©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©