اجعلنى الصفحة الرئيسية

بعد موضوع انشاء رابط : اضفنى الى المفضلة

يمكنك ان تذهب بخيالك الى ابعد من ذلك , ربما الى ذلك الوقت الذى يرغب فيه زائر مدونتك فى اضافتها - مدونتك - كصفحة رئيسية Home Page , بدلا من جوجل او ياهو , مثلا يعنى , المهم ماعلينا

اليك الطريقة :

1- اذهب الى صفحة عناصر المدونة page elements
2- فى المكان المناسب اضغط على add a new element اضافة اداة جديدة
3- اختر اداة من النوع html/java script
4- اضف بها هذا الكود , بعد تعديل الرابط باللون الاحمر , واسم اللينك باللون الازرق

<a onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.lu2a.tk');"><b><span style="color:#336699;"><span style="font-size:130%;">Click here to make this your default homepage</span></a><span style="font-size:130%;">

لتصبح بهذا الشكل


Click here to make this your default homepage

اكتب ايميلك هنا

اضافة الى المفضلة

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

الخطوات :

اذهب الى صفحة عناصر المدونة

فى المكان المناسب اضغط هلى : اضافة اداة جديدة

اختر النوع HTML/JAVA SCRIPT

واضف فيهاهذا الكود بعد التعديل , يمكنكتعيير الرابط باللون الاحمر واسم الرابط باللون الازرق

<a href="javascript:window.external.AddFavorite('http://lu2a.tk')">أضفنى الى المفضلة</a>

ليظهر بهذا الشكل



أضفنى الى المفضلة


*******************

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

اقرا الموضوع : صورة مربوطة بلينك

اكتب ايميلك هنا

قائمة ازرار عرضية horizontal buttons

الكثير يسال عن كيفية انشاء قائمة ازرار عرضية , مثل " الرئيسية , للاتصال بنا , عنا , ... " وهكذا

اليكم الطريقة بالتفصيل

( احفظ نسخة احتياطية من القالب )

1- اذهب الى صندوق الاكواد متبعا المسار المعتاد

2- ابحث عن قطعة الـ #header{

ستكون مثلا بالشكل التالى

#header {
height: 110px;
margin: 0px;
padding: 0px;
background-color: $headerBgColor;
}

الصق تحتها هذا الكود

#newnavbar ul li{
font-size:100%;
list-style-type: none;
display:inline;
padding:0px;
margin:10px;
border:0px solid;
}

(السر فى الخاصية الملونة باللون الاحمر التى تجعل الروابط تظهر بشكل عرضى, ويمكنك ايضا التعديل على خاصية موجودة فى هذه الاكواد , اتمنى ان يكون معناها مفهوما , يمكنك قراءة مواضيع " بدايات لابد منها 1 , 2 , 3 , 4 " للمزيد من شرح الاكواد )

3 - احفظ القالب save

4- اذهب الى صفحة عناصر المدونة , وفى منطقة راس المدونة اضغط على : اضافة اداة جديدة

ملحوظة : قد لا تجد خاصية اضافة اداة جديدة مفعلة فى منطقة الراس لديك , يمكنك تفعيلها عن طريق قراءة هذا الموضوع : اضافة قطع الى راس المدونة

5- اختر اداة من نوع HTML/JAVA SCRIPT

وضف بها تلك الاكواد بعد التعديل عليها بما يناسبك , يمكنك تغيير الروابط واسماءها . ويمكنك ايضا اضافة مزيد من اللينكات اوحذفها .

<div id='newnavbar'>
<ul>
<li><a href="www.lu2a.blogspot.com">wael</a></li>
<li><a href="www.art-lu2a.blogspot.com">art</a></li>
<li><a href="www.blogger-lu2a.blogspot.com">دروس</a></li>
<li><a href="www.lu2a.blogspot.com">About Me</a></li>
<li><a href="mailto:dr.wael4health@hotmail.com">للاتصال</a></li>
</ul></div>

6 - احفظ .

اكتب ايميلك هنا

مواضيع ذات صلة

باختصار وكما يشير العنوان

طريقة جديدة وظيفتها ادراج المواضيع ذات الصلة بعد الانتهاء من البوست
* تذكر ان تاخذ نسخة احتياطية من القالب قبل البدء
1- اذهب الى صندوق الاكواد
dashboard > template > layout > editHTML
واضغط على المربع الصغير اللى اللى اسمه
Expand Widget Templates
2- ابحث عن
<data:post.body/>

وفى السطر التالى لهذا السطر اضف القطعة التالية

<b:if cond='data:blog.pageType == "item"'>
<div class='similar'>
<div class='widget-content'>
<h3>مواضيع ذات صلة</h3>
<div id='data2007'/><br/><br/>
<div id='hoctro'>
</div>
<script type='text/javascript'>



var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;


maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;


function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;


for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
a.href = alturl;


if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('data2007').appendChild(div1);
}
}
}
function search10(query, label) {


var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
}


var labelArray = new Array();
var numLabel = 0;


<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = "<data:label.name/>";
var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>


</div>
</b:if>

3- احفظ , بس

اكتب ايميلك هنا

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 براحتك .

اكتب ايميلك هنا

انشاء قائمة روابط منزلقة

كيفية انشاء قائمة روابط منزلقة :

سهلة جدا , اذهب واصنع اداه add a page element من صفحة عناصر مدونتك , واختار html/java script " هتمل جافا سكريبت " ثم انسخ فيها هذا الكود بعد ان تخصصه حسب احتياجك وحسب الروابط الخاصة بك

الشكل الاول : الروابط ستفتح مباشرة عند الضغط عليها فى نفس النافذة :

<form>
<select onChange="location=this.options[this.selectedIndex].value;">
<option value="http://www.msn.com/">MSN.com</option>
<option value="http://www.google.com/">google.com</option>
</select>
</form>

او هذا الكود اذا اردت ان تفتح الروابط فى نافذه جديده :

<form>
<select onChange="PopUpName=window.open('','PopUpName');PopUpName.location=this.options[this.selectedIndex].value;">
<option value="http://www.msn.com/">MSN.com</option>
<option value="http://www.google.com/">google.com</option>
</select>
</form>


مثال للشكل الاول :

MSN.com google.com

------------------------

الشكل الثانى : الروابط ستفتح عند الضغط على زرار " اذهب " فى نفس النافذة , كما فى المثال

<form>
<select name="menu">
<option value="http://www.msn.com/">MSN.com</option>
<option value="http://www.google.com/">google.com</option>
</select>
<input type="button" onClick="location=this.form.menu.options[this.form.menu.selectedIndex].value;" value="GO">
</form>

او هذا الكود اذا اردت ان تفتح الروابط فى نافذة جديده :

<form>
<select name="menu">
<option value="http://www.msn.com/">MSN.com</option>
<option value="http://www.google.com/">google.com</option>
</select>
<input type="button" onClick="PopUpName=window.open('','PopUpName');PopUpName.location=this.form.menu.options[this.form.menu.selectedIndex].value;" value="GO">
</form>

مثال للشكل الثانى:

MSN.com google.com

--------------------

تخصيص الروابط :

فى الامثلة السابقة يوجد رابطين فقط لموقعى msn و google , لاحظ ان اسماء المواقع باللون الاحمر بينما رابط المواقع باللون الازرق , اذا اردت ان تضيف عددا اكبر كل ماعليك انك تكرر تلك السطور , مثال

<form>
<select name="menu">
<option value="رابط اللينك الاول">اسم اللينك الاول</option>
<option value="رابط اللينك الثانى">اسم اللينك الثانى</option>
<option value="رابط اللينك الثالث">اسم اللينك الثالث</option>
<option value="رابط اللينك الرابع">اسم اللينك الرابع</option>
<option value="رابط اللينك الخامس">اسم اللينك الخامس</option>
</select>
<input type="button" onClick="PopUpName=window.open('','PopUpName');PopUpName.location=this.form.menu.options[this.form.menu.selectedIndex].value;" value="GO">
</form>

اكتب ايميلك هنا