تركيب فهرس المواضيع لمدونة بلوجر بالصور الملونه

تركيب فهرس المواضيع لمدونة بلوجر بالصور الملونه

فهرس المواضيع لمدونة بلوجر عبارة عن جدول يتكون من عنوان الموضوع وتاريخ النشر و القسم الذي يندرج تحته الموضوع.

(1) اضافة صفحة جديدة صفحة وليس صفحة مشاركة

(2) اعطاء اسم للصفحة مثلا فهرس المدونة او مواضيع الموقع

(3) اعتماد التحرير عبر صفحة html وليس تأليف.

(4) امسح الاكواد التي فى صفحة html كاملا بحيث تصبح الصفحة فارغة.

(5) اضافة الكود التالي في الصفحة :

<div dir="rtl" style="text-align: right;" trbidi="on">

<div dir="rtl" style="text-align: right;" trbidi="on">

<script src="https://googledrive.com/host/0B3ntuTCXGn6nQUlYNVdPQ0puakk"> </script> <script> var numposts = 999; var showpostthumbnails = true; var displayseparator = true; </script> <script src=" http://deanmahmoud.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=recent&amp;max-results=999"></script> <style type="text/css"> .sitemap-container {width: 100%; height: 100px; border-top: 2px solid #eee;} .sitemap-container:hover {background-color:#fafafa;} .thumbnail {width: 60px; height: 90px; float: right; top:0px;} .posttitle {height: 90px; float: left; line-height: 70px; margin-left:25px; display:block; width:80%; white-space:nowrap;} #postimg {margin-top: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 10px; width: 60px; border: 2px solid #eee;} #list{list-style-type: none; padding-right: 0px; margin-left: 0px;} </style></div>

<a href="http://rydnet.blogspot.com/2014/03/table-of-content-image-blogger.html" target="_blank"><span style="font-size: xx-small;"><span style="color: #cccccc;">احصل على فهرس لمدونتك</span></span></a> </div>

(6) قم بتغيير رابط مدونتي المكتوب باللون بالأحمر برابط مدونتك

مثال: اضغط هنا لروية فهرس موضوعات موقعى

تابع القراءة

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

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

فهرس المواضيع لمدونة بلوجر عبارة عن جدول يتكون من عنوان الموضوع وتاريخ النشر و القسم الذي يندرج تحته الموضوع.

(1) اضافة صفحة جديدة صفحة وليس صفحة مشاركة

(2) اعطاء اسم للصفحة مثلا فهرس المدونة او مواضيع الموقع

(3) اعتماد التحرير عبر صفحة html وليس تأليف.

(4) امسح الاكواد التي فى صفحة html كاملا بحيث تصبح الصفحة فارغة.

(5) اضافة الكود التالي في الصفحة :

<div dir="rtl" style="text-align: right;" trbidi="on">

<style type="text/css">

#bp_toc {

  border: 0px solid #000000;

  background: #EAEAE8;

  padding: 0px;

  width:200px;

  margin-top:0px;

}

.toc-header-col1, .toc-header-col2, .toc-header-col3 {

 text-align: center;

 background:#EAEAE8;

-webkit-border-radius: 20px;

border-radius: 20px;

-webkit-box-shadow: inset 2px 2px 5px 5px #000000;

      

        box-shadow: inset 2px 2px 5px 5px #000000;

  color: #000000;

  padding-left: 0px;

  width:100px;

}

.toc-header-col2 {

  width:75px;

}

.toc-header-col3 {

  width:80px;

}

.toc-header-col1  a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link,  .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3  a:visited {

  font-size:80%;

  text-decoration:none;

}

.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {

  font-size:70%;

  text-decoration:underline;

}

.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {

  padding-left: 5px;

  font-size:70%;

border: 2px solid white !important;

-webkit-border-radius: 10px;

border-radius: 10px;

 background: #EAEAE8;

 white-space:nowrap;

}

</style>

<div id="bp_toc">

..إنتظر قليلا لتحميل الفهرس..</div>

<script src="http://conda3ianllkhir.googlecode.com/files/blogtoc_orig%282%29.js" type="text/javascript"></script>

<script src="http://deanmahmoud.blogspot.com//feeds/posts/summary?alt=json-in-script&amp;max-results=500&amp;callback=loadtoc"  type="text/javascript"></script>

<a  href=" http://deanmahmoud.blogspot.com /2014/03/table-of-content-blogger-with-label.html" rel="nofollow" target="_blank"><span  style="color: #999999;"><span style="font-size: xx-small;">get  this widget</span></span></a>&nbsp;

</div>

<div dir="rtl" style="text-align: right;" trbidi="on">

 
</div>

(6)قم بتغيير رابط مدونتي المكتوب باللون بالأحمر برابط مدونتك

مزايا تركيب فهرس المواضيع لمدونة بلوجر:

 * يحدد عدد موضوعات مدونتك .

 * يحدث الفهرس تلقائيا .

 * يعمل فهرس المواضيع على اظهار الموضوعات حسب الاحدث .

تابع القراءة

كيفية اضافة شريط جانبى للتواصل الاجتماعى لمدونة بلوجر

يمكن اضافة شريط جانبى للتواصل الاجتماعى لمدونة بلوجر:

اولا : تسجيل الدخول الى مدونة بلوجر ثم اختيار تخطيط ثم اضافة اداة من نوع html/javascript

ثانيا: نسخ الكود التالى فى اداة (html/javascript):

<ul>
<li class="ss-rss"><a target="_blank" href="/feeds/posts/default" rel="nofollow external"><h5><span>Rss</span></h5><large>5000</large> <small>Subscribers</small></a></li>
<li class="ss-facebook"><a target="_blank" href="https://www.facebook.com/rydnet" rel="nofollow external"> <h5><span>Facebbok</span></h5><large>14,782</large> <small>Followers</small></a></li>
<li class="ss-twitter"> <a target="_blank" href="http://twitter.com/rydnet" rel="nofollow external"> <h5><span>Twitter</span></h5><large>63,207</large> <small>Followers</small> </a></li>
<li class="ss-google-plus"><a target="_blank" href="https://plus.google.com/+hamzaramzi111/posts" rel="nofollow external"> <h5><span>Google+</span></h5> <large>70,781</large> <small>Followers</small> </a></li>
<li class="ss-linkedin"><a target="_blank" href="http://bd.linkedin.com/in/rydnet" rel="nofollow external"> <h5><span>Linkedin</span></h5> <large>2,453</large> <small>Followers</small></a></li>
<li class="ss-youtube"><a target="_blank" href="http://www.youtube.com/channel/UCg_nBioB-uPQMdz0krGUlJQ" rel="nofollow external"> <h5><span>Youtube</span></h5> <large>6,237</large> <small>Subscribers</small> </a></li>
</ul>
</div>

تابع القراءة