+ + + + +
Share/Save/Bookmark

2008-09-11

Link List متمددة



باختصار : طريقة عمل قطعة روابط زى الموجودة هنا فى المدونة , اللى اسمها " الفهرس " على ايدك اليمين


<b:widget id='LinkList50' locked='false' title='List Title' type='LinkList'>
<b:includable id='main'>
<script type='text/javascript'>
//<![CDATA[
if(typeof(rnd) == 'undefined') var rnd = '';
rnd = Math.floor(Math.random()*1000);
rnd = 'id-' + rnd;
document.write('<a href="#" onclick="tmp = document.getElementById("' + rnd + '"); tmp.style.display = (tmp.style.display == "none") ? "block" : "none"; return false;">');
//]]>
</script>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<script type='text/javascript'>
//<![CDATA[
document.write('<\/a>');
//]]>
</script>
<div class='widget-content'>
<script type='text/javascript'>
//<![CDATA[
document.write('<div id="' + rnd + '" style="display:none;">');
//]]>
</script>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<script type='text/javascript'>
//<![CDATA[
document.write('<\/div>');
//]]>
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>



ولو عايز القطعة تظهر وتختفى من خلال الضغط على علامة ( +/- )



<b:widget id='LinkList50' locked='false' title='List Title' type='LinkList'>
<b:includable id='main'>
<script type='text/javascript'>
//<![CDATA[
if(typeof(rnd) == 'undefined') var rnd = '';
rnd = Math.floor(Math.random()*1000);
rnd = 'id-' + rnd;
document.write('<a href="#" onclick="tmp = document.getElementById("' + rnd + '"); tmp.style.display = (tmp.style.display == "none") ? "block" : "none"; return false;" style="float:left;margin-right:5px;">[+/-]<\/a>');
//]]>
</script>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<script type='text/javascript'>
//<![CDATA[
document.write('<div id="' + rnd + '" style="display:none;">');
//]]>
</script>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<script type='text/javascript'>
//<![CDATA[
document.write('<\/div>');
//]]>
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>






طريقة الاضافة : بعد الانتهاء من تخصيص الكود , روح لصندوق الاكواد انزل تحت هاتلاقى القطع بتاعتك شكلها زى كده , مثلا


<b:widget id='HTML3' locked='false' title='Posts' type='HTML'/>
<b:widget id='LinkList1' locked='false' title='فهرس الدروس' type='LinkList'/>
<b:widget id='HTML7' locked='false' title='' type='HTML'/>
<b:widget id='HTML5' locked='false' title='رابط المدونة' type='HTML'/>
<b:widget id='HTML11' locked='false' title='ضع ايميلك لتصلك اخر المواضيع' type='HTML'/>
<b:widget id='HTML6' locked='false' title='كلمنى لو اونلاين' type='HTML'/>



هاتضع انت كود القطعة بالكامل بين احدى تلك القطع , مثلا


<b:widget id='HTML3' locked='false' title='Posts' type='HTML'/>
<b:widget id='LinkList1' locked='false' title='فهرس الدروس' type='LinkList'/>
<b:widget id='HTML7' locked='false' title='' type='HTML'/>


ضع كل الكود هنا فى السطر ده

<b:widget id='HTML5' locked='false' title='رابط المدونة' type='HTML'/>
<b:widget id='HTML11' locked='false' title='ضع ايميلك لتصلك اخر المواضيع' type='HTML'/>
<b:widget id='HTML6' locked='false' title='كلمنى لو اونلاين' type='HTML'/>


وبعدين تحفظ

ملاحظة مهمة جدا : لو ناوى تحط اكثر قطعة من النوع ده , لازم تغير الآى دى "id" قبل الاضافة , هنا الآى دى "LinkList50" مكتوبه باللون البحلقى ده فوق , ولازم تغيره تخليه مثلا LinkList55 او LinkList66 براحتك .



الصق لوجو المدونة عندك

اشكال بديلة اخرى من هـنـا

تمييز تعليقك عن تعليق الزائرين !!



ملاحظة : تم التحديث نظرا لبعض الشكاوى من عدم فعالية الطريقة , وهذا نظرا لاختلاف بعض القوالب الجاهزة من حيث التصميم والاكواد , تم التحديث بتاريخ : 22/12/2009

طريقة جديدة تقدر بيها تميز تعليقك من بين تعليقات الزائرين الكتييييييرة جدا , ده لو كنت من اصحاب المدونات الشهيرة لا سمح الله او كان نظرك ضعيف فمش بتقدر تشوف تعليقك , او اى سبب تانى , المهم
ادخل المدونة
روح على صندوق الاكواد ومساره كالتالى
dashboard > template > layout > editHTML او ما يقابله باللغة العربية
اضغط على البوكس الصغير اسمه
Expand Widget Templates

ابحث عن الاكواد الخاصة بالتعليقات ( هاتلاقي الفترة الخاصة بالتعليقات اسمها comments غالبا ) وضف لها القطعة التالية فى المكان المناسب


.author-comments {
background: #CC3300;
border: 2px solid #666666;
padding: 5px;
}


وبعد كده ابحث عن الكود التالى باللون الاخضر , وضيف اليه القطع المكتوبة باللون الاحمر



<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
said...
</dt>

<b:if cond='data:comment.author == data:post.author'>
<dd class='author-comments'>
<p><data:comment.body/></p>
</dd>
<b:else/>

<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>

</b:if>

<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:
comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>




وطبعا ممكن تغيركود اللون باى كود لون اخر ( ممكن تدور هنا ) . او تضيف بعض الخصائص من عندك .



الصق لوجو المدونة عندك

اشكال بديلة اخرى من هـنـا

قطعة : ابعتلى احدث المواضيع



قطعة : ابعث لى باحدث المواضيع ( كما بالمدونة هنا ) ووظيفتها اتاحة الفرصة للزوار لمتابعة احدث تدويناتك عن طريق الاشتراك من خلالها .
والجدير بالذكر ان هناك الكثير من المواقع التى تقوم بخدمة التغذية المرتجعة " feed " مثل " feedburner " وهو من أشهرهم .
لكن تلك القطعة الموضحة هنا سيقوم بانشاءها لنا موقع اخر هو
feedblitz , وقمت باختياره لسهولته .
الخطوات سهلة جدا
ادخل
هـــنـــا
هاتلاقى خانتين
اكتب فى الاولى ايميلك
وفى الثانية الرمز الموجود بالصورة
وبعدين اضغط على الزرار اللى اسمه
Install Your Email Subscription Widget on Blogger
وهاينقلك فورا لاضافة القطعة من موقع البلوجر

* * * * *
جدير بالذكر ايضا ان بلوجر عملت خاصية جديده اسمها خاصية التتبع following تقدر من خلالها تتبع اى مدونة تعجبك , لسه الى الان لم تدعم دعم كامل بجميع المدونات لكن قريبا ستراها فى مدونتك ان لم تكن موجوده بالفعل الان .



الصق لوجو المدونة عندك

اشكال بديلة اخرى من هـنـا