السبت، 6 ديسمبر 2014
السلام عليكم و رحمة الله وبركاته.
متابعي ورشة مدون الأوفياء في تدوينة اليوم سنتطرق إلى كيفية جعل خلفية مدونتك "background website" تتغير حسب صفحات مدونة بلوجر الخاصة بك ، هذه الإضافة تمكنك من إختار خلفية خاصة لأي صفحة إنطلاقا رابطها، و إعتمد في هذا الدرس الكود الرابع الذي شرحناه في تدوينة التحكم في إخفاء و إظهار الأدوات. عموما كي لا أطيل عليكم ننتقل إلى الشرح.
1- نذهب لوحة التحكم ثم قالب يفضل أخد نسخة إحتياطية للقالب حتى مع سهولة الدرس، بعد ذلك إنقر على تحرير html .
2 - إنقر وسط الأكواد ثم إبحث عن الوسم : </head> بالإستعانة بالزرين ctrl+f .
3 - ضع هذا الكود فوقه مباشرة:
متابعي ورشة مدون الأوفياء في تدوينة اليوم سنتطرق إلى كيفية جعل خلفية مدونتك "background website" تتغير حسب صفحات مدونة بلوجر الخاصة بك ، هذه الإضافة تمكنك من إختار خلفية خاصة لأي صفحة إنطلاقا رابطها، و إعتمد في هذا الدرس الكود الرابع الذي شرحناه في تدوينة التحكم في إخفاء و إظهار الأدوات. عموما كي لا أطيل عليكم ننتقل إلى الشرح.
1- نذهب لوحة التحكم ثم قالب يفضل أخد نسخة إحتياطية للقالب حتى مع سهولة الدرس، بعد ذلك إنقر على تحرير html .
2 - إنقر وسط الأكواد ثم إبحث عن الوسم : </head> بالإستعانة بالزرين ctrl+f .
3 - ضع هذا الكود فوقه مباشرة:
<b:if cond='data:blog.url == "http://warch-mo.blogspot.com"'>
<style>
body {
background-image: url(رابط الخلفية المباشر);
background-position: center;
background-repeat: repeat;
background-attachment: fixed;
}
</style>
</b:if>
مكان الرابط الأحمر ضع رابط الصفحة الذي تريد تخصيصه بخلفية معينة.
مكان عبارة "رابط الخلفية المباشر" ضع رابط الصورة أو الخلفية التي تحب.
يمكنك تكرار وضع الكود عدة مرات مع تغير الروابط دائما بما يناسبك.
كما يمكنك جعل للصفحات التابثة خلفية موحدة و لصفحات المواضيع خلفية أخرى موحدة . فقط قم بزيارة موضوع إخفاء و إظهار أدوات بلوجر لتعلم أكثر طريقة العمل.
هذه بعض الخلفيات إن أعجبتكم
هذا كل ما في موضوع اليوم، أي إستفسار أنا في الخدمة، بالتوفيق للجميع دمتم بود في أمان الله.
مكان عبارة "رابط الخلفية المباشر" ضع رابط الصورة أو الخلفية التي تحب.
يمكنك تكرار وضع الكود عدة مرات مع تغير الروابط دائما بما يناسبك.
كما يمكنك جعل للصفحات التابثة خلفية موحدة و لصفحات المواضيع خلفية أخرى موحدة . فقط قم بزيارة موضوع إخفاء و إظهار أدوات بلوجر لتعلم أكثر طريقة العمل.
هذه بعض الخلفيات إن أعجبتكم
هذا كل ما في موضوع اليوم، أي إستفسار أنا في الخدمة، بالتوفيق للجميع دمتم بود في أمان الله.
السلام عليكم ورحمة الله وبركاته.
يعتبر إنشاء صفحة الفهرس من بين الأداوت التي تسهل على الزوار التنقل بين مواضيع المدونة ، خصوصا الاصناف التي يحب أن يتابعها أو المواضيع الذي يبحث عنها. فهذه صفحة تكون بمثابة أرشيف لمدونة ، ومن خلالها تتكزن نظرة للزوار عن كل ما بمدونتك من محتوى، و ما يميز هذا الفهرس هو أنه يبين للزائر المواضيع الجديد في المدونة في حدود شهر تقريبا.
يعتبر إنشاء صفحة الفهرس من بين الأداوت التي تسهل على الزوار التنقل بين مواضيع المدونة ، خصوصا الاصناف التي يحب أن يتابعها أو المواضيع الذي يبحث عنها. فهذه صفحة تكون بمثابة أرشيف لمدونة ، ومن خلالها تتكزن نظرة للزوار عن كل ما بمدونتك من محتوى، و ما يميز هذا الفهرس هو أنه يبين للزائر المواضيع الجديد في المدونة في حدود شهر تقريبا.
<div dir="rtl" style="text-align: center;" trbidi="on">
<style>
p.labels a{color: #242424; text-transform: uppercase;font-size: 15px;}
a.post-titles {color: #0000FF;}
ol li{list-style-type:decimal;line-height:25px;}
</style>
<script>
//<![CDATA[
var postTitle=new Array();var postUrl=new Array();var postPublished=new Array();var postDate=new Array();var postLabels=new Array();var postRecent=new Array();var sortBy="titleasc";var tocLoaded=false;var numChars=250;var postFilter="";var numberfeed=0;function bloggersitemap(a){function b(){if("entry" in a.feed){var d=a.feed.entry.length;numberfeed=d;ii=0;for(var h=0;h<d;h++){var n=a.feed.entry[h];var e=n.title.$t;var m=n.published.$t.substring(0,10);var j;for(var g=0;g<n.link.length;g++){if(n.link[g].rel=="alternate"){j=n.link[g].href;break}}var o="";for(var g=0;g<n.link.length;g++){if(n.link[g].rel=="enclosure"){o=n.link[g].href;break}}var c="";if("category" in n){for(var g=0;g<n.category.length;g++){c=n.category[g].term;var f=c.lastIndexOf(";");if(f!=-1){c=c.substring(0,f)}postLabels[ii]=c;postTitle[ii]=e;postDate[ii]=m;postUrl[ii]=j;postPublished[ii]=o;if(h<10){postRecent[ii]=true}else{postRecent[ii]=false}ii=ii+1}}}}}b();sortBy="titleasc";sortPosts(sortBy);sortlabel();tocLoaded=true;displayToc2();document.write('</br>')}function filterPosts(a){scroll(0,0);postFilter=a;displayToc(postFilter)}function allPosts(){sortlabel();postFilter="";displayToc(postFilter)}function sortPosts(d){function c(e,g){var f=postTitle[e];postTitle[e]=postTitle[g];postTitle[g]=f;var f=postDate[e];postDate[e]=postDate[g];postDate[g]=f;var f=postUrl[e];postUrl[e]=postUrl[g];postUrl[g]=f;var f=postLabels[e];postLabels[e]=postLabels[g];postLabels[g]=f;var f=postPublished[e];postPublished[e]=postPublished[g];postPublished[g]=f;var f=postRecent[e];postRecent[e]=postRecent[g];postRecent[g]=f}for(var b=0;b<postTitle.length-1;b++){for(var a=b+1;a<postTitle.length;a++){if(d=="titleasc"){if(postTitle[b]>postTitle[a]){c(b,a)}}if(d=="titledesc"){if(postTitle[b]<postTitle[a]){c(b,a)}}if(d=="dateoldest"){if(postDate[b]>postDate[a]){c(b,a)}}if(d=="datenewest"){if(postDate[b]<postDate[a]){c(b,a)}}if(d=="orderlabel"){if(postLabels[b]>postLabels[a]){c(b,a)}}}}}function sortlabel(){sortBy="orderlabel";sortPosts(sortBy);var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];firsti=a;do{a=a+1}while(postLabels[a]==temp1);b=a;sortPosts2(firsti,a);if(b>postTitle.length){break}}}function sortPosts2(d,c){function e(f,h){var g=postTitle[f];postTitle[f]=postTitle[h];postTitle[h]=g;var g=postDate[f];postDate[f]=postDate[h];postDate[h]=g;var g=postUrl[f];postUrl[f]=postUrl[h];postUrl[h]=g;var g=postLabels[f];postLabels[f]=postLabels[h];postLabels[h]=g;var g=postPublished[f];postPublished[f]=postPublished[h];postPublished[h]=g;var g=postRecent[f];postRecent[f]=postRecent[h];postRecent[h]=g}for(var b=d;b<c-1;b++){for(var a=b+1;a<c;a++){if(postTitle[b]>postTitle[a]){e(b,a)}}}}function displayToc(a){var l=0;var h="";var e="Post Title";var m="Click to sort by title";var d="Date";var k="Click to sort by date";var c="Category";var j="";if(sortBy=="titleasc"){m+=" (descending)";k+=" (newest first)"}if(sortBy=="titledesc"){m+=" (ascending)";k+=" (newest first)"}if(sortBy=="dateoldest"){m+=" (ascending)";k+=" (newest first)"}if(sortBy=="datenewest"){m+=" (ascending)";k+=" (oldest first)"}if(postFilter!=""){j="Click to view all"}h+="<table>";h+="<tr>";h+='<td class="header1">';h+='<a href="javascript:toggleTitleSort();" title="'+m+'">'+e+"</a>";h+="</td>";h+='<td class="header2">';h+='<a href="javascript:toggleDateSort();" title="'+k+'">'+d+"</a>";h+="</td>";h+='<td class="header3">';h+='<a href="javascript:allPosts();" title="'+j+'">'+c+"</a>";h+="</td>";h+='<td class="header4">';h+="Read all";h+="</td>";h+="</tr>";for(var g=0;g<postTitle.length;g++){if(a==""){h+='<tr><td class="entry1"><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td class="entry2">'+postDate[g]+'</td><td class="entry3">'+postLabels[g]+'</td><td class="entry4"><a href="'+postPublished[g]+'">Read</a></td></tr>';l++}else{z=postLabels[g].lastIndexOf(a);if(z!=-1){h+='<tr><td class="entry1"><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td class="entry2">'+postDate[g]+'</td><td class="entry3">'+postLabels[g]+'</td><td class="entry4"><a href="'+postPublished[g]+'">Read</a></td></tr>';l++}}}h+="</table>";if(l==postTitle.length){var f='<span class="toc-note">Show All '+postTitle.length+" Posts<br/></span>"}else{var f='<span class="toc-note">Show '+l+" posts by category '";f+=postFilter+"' the "+postTitle.length+" Total Posts<br/></span>"}var b=document.getElementById("toc");b.innerHTML=f+h}function displayToc2(){var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];document.write("<p/>");document.write('<p class="labels"><a href="/search/label/'+temp1+'">'+temp1+"</a></p><ol>");firsti=a;do{document.write("<li>");document.write('<a class="post-titles" href="'+postUrl[a]+'">'+postTitle[a]+"</a>");if(postRecent[a]==true){document.write(' - <strong><span style="color: rgb(255, 0, 0);">جديد!</span></strong>')}document.write("</li>");a=a+1}while(postLabels[a]==temp1);b=a;document.write("</ol>");sortPosts2(firsti,a);if(b>postTitle.length){break}}}function toggleTitleSort(){if(sortBy=="titleasc"){sortBy="titledesc"}else{sortBy="titleasc"}sortPosts(sortBy);displayToc(postFilter)}function toggleDateSort(){if(sortBy=="datenewest"){sortBy="dateoldest"}else{sortBy="datenewest"}sortPosts(sortBy);displayToc(postFilter)}function showToc(){if(tocLoaded){displayToc(postFilter);var a=document.getElementById("toclink")}else{alert("Just wait... TOC is loading")}}function hideToc(){var a=document.getElementById("toc");a.innerHTML="";var b=document.getElementById("toclink");b.innerHTML='<a href="#" onclick="scroll(0,0); showToc(); Effect.toggle(\'toc-result\',\'blind\');">?? Display Table of Contents</a> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZJc_1Qcgo2WAx1-lg5kLUQNLhw_Jx27r3Kx2FCJuaSSkkOS5BTxoc1SlEgWLgXFevj-q7jvPiialBfsYLUmWb5V4RPotHwKVh3iO4ymSSJYVrGqjTNJYXTwiT5DbVgrAI0XkvCQbwslLq/s1600/new_icon.gif"/>'}function looptemp2(){for(var a=0;a<numberfeed;a++){document.write("<br>");document.write('Post Link : <a href="'+postUrl[a]+'">'+postTitle[a]+"</a><br>");document.write('Read all : <a href="'+postPublished[a]+'">'+postTitle[a]+"</a><br>");document.write("<br>")}};
//]]>
</script>
<script src="http://warch-mo.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=bloggersitemap"></script>
</div>
لا تنسى تغير رابط مدونتي بالرابط الخاص بك.
هذا كل ما في تدوينة اليوم، أي إستفسار أنا في الخدمة ، بالتوفيق للجميع في أمان الله.
هذا كل ما في تدوينة اليوم، أي إستفسار أنا في الخدمة ، بالتوفيق للجميع في أمان الله.
السلام عليكم و رحمة الله وبركاته.
أزرار مشاركة مواضيع أو تدوينات المدونة، تمكن الزائر من مشاركة المواضيع التي يراها مهمة حتى يرجع إليها ثانية أو من أجل إفادة أصقائه بالموضوع، و هذا أيضا يرجع على صاحب المدونة بالنفع حيث سيتمكن من نشر مواضيعه على نطاق واسع ، و بذلك سيستقطب الزوار من مختلف المواقع الإجتماعية التي نعلم فضلها اليوم على المواقع و مدونات .
2 - إنقر وسط الأكواد ثم إبحث عن الوسم : ]]></b:skin> بالإستعانة بالزرين ctrl+f .
3 - ضع هذا الكود فوقه مباشرة :
أزرار مشاركة مواضيع أو تدوينات المدونة، تمكن الزائر من مشاركة المواضيع التي يراها مهمة حتى يرجع إليها ثانية أو من أجل إفادة أصقائه بالموضوع، و هذا أيضا يرجع على صاحب المدونة بالنفع حيث سيتمكن من نشر مواضيعه على نطاق واسع ، و بذلك سيستقطب الزوار من مختلف المواقع الإجتماعية التي نعلم فضلها اليوم على المواقع و مدونات .
الأن طريقة التركيب:
1- نذهب لوحة التحكم البلوجر ثم قالب يفضل أخد نسخة إحتياطية للقالب حتى مع سهولة الدرس، بعد ذلك إنقر على تحرير html .2 - إنقر وسط الأكواد ثم إبحث عن الوسم : ]]></b:skin> بالإستعانة بالزرين ctrl+f .
3 - ضع هذا الكود فوقه مباشرة :
.share_button {
width: 300px;
height: 50px;
margin: 10px auto;
}
.share_button ul {
width: 50%;
height: inherit;
float: left;
list-style: none;
margin: 0 !important;
padding: 0 !important;
}
.share_button ul h1 {
margin-top: 9%;
overflow: hidden;
width: 100%;
color: #4889F0;
font-size: 18px;
text-shadow:2px 2px 2px #fff;
}
.share_button ul li {
position: absolute;
height: inherit;
width: 150px;
margin: 0 !important;
padding: 0 !important;
background: #EEEEEE;
-webkit-transition: all 600ms;
-moz-transition: all 600ms;
-o-transition: all 600ms;
-ms-transition: all 600ms;
transition: all 600ms;
text-align: center;
}
.share_button ul li h2 {
display: inline-block;
width: 32%;
height: 40px;
overflow: hidden;
margin-top: 5%;
cursor: pointer;
border: 0 !important;
}
.share_button ul:first-child li:first-child{
text-align: right;
}
.share_button ul:last-child li:first-child{
text-align: left;
}
.share_button ul:first-child li:last-child,
.share_button:hover ul:first-child li:first-child {
-webkit-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);
-o-transform: rotateY(90deg);
-ms-transform: rotateY(90deg);
transform: rotateY(90deg);
}
.share_button ul:last-child li:last-child,
.share_button:hover ul:last-child li:first-child {
-webkit-transform: rotateY(-90deg);
-moz-transform: rotateY(-90deg);
-o-transform: rotateY(-90deg);
-ms-transform: rotateY(-90deg);
transform: rotateY(-90deg);
}
.share_button:hover ul:first-child li:last-child,
.share_button:hover ul:last-child li:last-child {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
transform: rotateY(0deg);
}
4 - الأن أكواد الهيكلة نقوم بالبحث عن هذا الكود : <data:post.body/> غالبا ستجده مكرر مرتين أو أكثر الثاني هو المقصود ، فحالة إن تعذر معك الأمر يمكنك الإستعانة بأكواد الكاتب أو شيء من هذا القبيل فقم مثلا بوضعه فوق أكواد الكاتب مثلا.
5 - نضع تحته مباشرة الكود التالي :
<b:if cond='data:blog.pageType == "item"'>هذا كل ما في موضوع اليوم أي تسائل إترك تعليق، بالتوفيق للجميع في أمان الله.
<div class='share_button'>
<ul>
<li><h1>
الموضوع!!
</h1></li>
<li><h2>
<a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.canonicalUrl + "&t=" + data:post.title ' title='Share on Facebook'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaKNWQTts044dnB1WclURaoMHGuYI7rAPN8HHa4oo_xfsKm5v-gAHR98SB_HrvUGz_3Sj_AgLn4UR99wfgdkVlJud-L84XuwWD4KO4QmJnEdZMoQLG3tCrBN8JcMIX-V5MsWzf-vvkOTQf/s1600/Facebook.png"/></a></h2>
<h2><a expr:href='"http://twitter.com/home?status=" + data:post.title + " " + data:post.canonicalUrl ' title='Share on Twitter'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf8NkNFtSEGvFUD7b_RnPhqCcWWb1gPtg9oW2bcREHPcllhYK1UZlvWa1RGQoAQ5EdALvIvQLuh_Wdo2cAwWpTMyWIUoYWoZtEGNmKzD3dGOj7uN9KFGM6LN2xylCSaFzbxSRsk7MbweK2/s1600/Twitter.png"/></a></h2>
</li>
</ul>
<ul>
<li><h1>شارك </h1></li>
<li>
<h2><a expr:href='"https://plus.google.com/share?url=" + data:post.canonicalUrl ' title='Share on Google Plus'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOxbawRZxt8Eutw_SUFfTUYDfHyuaK860oZLVj-4V6XnVZHYteQBHfz2J2Bons7s0A_EvoikXANeAFvnBA5cLsK3NMEB_yJA7zPYyg4dbxWeil5_cJ9OoExRSFKDIW4hAovhBgl-K0BtuY/s1600/Google-plus.png"/></a></h2>
<h2>
<a href='javascript:void((function(){var%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)})());' title='Share on Pinterest'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZoTdMBK81kCAvF1TLpnVwC6G-CCL_ySf8Fo7zJQP3yxyrq3EAr8blfy_JsTcEbHqq52TGYIUjM4ZJeyZcDKPp5ZX3K5btG818PNM0ptbmBohuZLA30iJxpCs9E80_mSqH9OZXRQ0_e87n/s1600/Pinterest.png"/></a>
</h2>
</li>
</ul>
</div></b:if>
السلام عليكم و رحمة الله وبركاته .
هل تريد كسب مهتمين ومتابعين ؟! هل تريد نشر مواضيعك بأكبر نسبة ممكنة في مواقع التواصل الإجتماعية، اليوم لك كل ما تريد ، كما نعلم منصة البلوجر كل يوم تزداد قاعدة مستخدميها، مما يجعلنا دائما مواكبين لجديد تطوراتها من أجل إثبات أنها أفضل منصة للتدوين، درس اليوم عبارة عن أدآة إحترافية تمكنك من إخفاء محتوي تدويناتك أو جزء منه ، و ذلك بإظهار لوحة أو بطاقة تعلم الزوار بأن المحتوى مغلق و تخبره بأن يستعمل أحد أزرار المواقع الأجتماعية من أجل أن يستطيع رؤية محتوى التدوينة.
في الحقيقة هذه الآداة إحترافية و كما ذكرنا سابقا في تدوينة صندوق الإعجابات المنبتق، فهذا النوع من الإظافات يكرهها الزوار و لكن إن كان موقعك مميز و يقدم أشياء لا يمكن للزوار الإستغناء عنها ولا إيجادها في في مكان أخر، فهم حتما سيتحملون ذلك و أصلا سوف يقومون بمشاركة مواضيعك. الأهم من ذلك يجب أن تتعامل بذكاء معها و تعرف ما ستستعملها و متى لا يجب إستعمالها.
هذه الأداة تعتبر أفضل من النوافذ المنبقة التي تخفي الصفحة بأكملها لتجبر الزوار على الإعجابات و غيرها ، فأداة المحتوى مغلق هذه تستطيع تكرارها في صفحة واحدة وما يميزها هي
وما يميز هذه الإضافة هي أنها متوفرة بأشكال متنوعة مع إمكانية تغير و إضافة أزرار المشاركة الإجتماعية التي تريد.
هذا كل ما في تدوينة اليوم أتمنى أتعجبكم لا تنسى أي إستفسار أنا في الخدمة ، بالتوفيق للجميع في أمان الله
هل تريد كسب مهتمين ومتابعين ؟! هل تريد نشر مواضيعك بأكبر نسبة ممكنة في مواقع التواصل الإجتماعية، اليوم لك كل ما تريد ، كما نعلم منصة البلوجر كل يوم تزداد قاعدة مستخدميها، مما يجعلنا دائما مواكبين لجديد تطوراتها من أجل إثبات أنها أفضل منصة للتدوين، درس اليوم عبارة عن أدآة إحترافية تمكنك من إخفاء محتوي تدويناتك أو جزء منه ، و ذلك بإظهار لوحة أو بطاقة تعلم الزوار بأن المحتوى مغلق و تخبره بأن يستعمل أحد أزرار المواقع الأجتماعية من أجل أن يستطيع رؤية محتوى التدوينة.
في الحقيقة هذه الآداة إحترافية و كما ذكرنا سابقا في تدوينة صندوق الإعجابات المنبتق، فهذا النوع من الإظافات يكرهها الزوار و لكن إن كان موقعك مميز و يقدم أشياء لا يمكن للزوار الإستغناء عنها ولا إيجادها في في مكان أخر، فهم حتما سيتحملون ذلك و أصلا سوف يقومون بمشاركة مواضيعك. الأهم من ذلك يجب أن تتعامل بذكاء معها و تعرف ما ستستعملها و متى لا يجب إستعمالها.
هذه الأداة تعتبر أفضل من النوافذ المنبقة التي تخفي الصفحة بأكملها لتجبر الزوار على الإعجابات و غيرها ، فأداة المحتوى مغلق هذه تستطيع تكرارها في صفحة واحدة وما يميزها هي
وما يميز هذه الإضافة هي أنها متوفرة بأشكال متنوعة مع إمكانية تغير و إضافة أزرار المشاركة الإجتماعية التي تريد.
الأن طريقة تركيب الإضافة.
1 - إذهب للوحة التحكم بلوجر ثم القالب نقوم بحفظ نسخة إحتياطية تفاديا لأي مشكل محتمل
2 - قم بتحرير html .
3 - إنقر وسط الأكواد ثم إبحث مستعينا بالزرين ( ctrl+f ) على الوسم : <head>
4 - ضع هذا الكود أسفله مباشرة في حالة كان قالبك لا يتوفر على مكتبة جيكوري، أما إن كان به فلا داعي لوضعه .
<script src='http://code.jquery.com/jquery-1.10.2.min.js' type='text/javascript'/>
5 - إبحث مستعينا بالزرين ( ctrl+f ) على الوسم : </head> ثم ضع الكود التالي فوقه مباشرة .
<link href='https://sites.google.com/site/warchatmo/code/sociallocker_v1.6.0-1.css' rel='stylesheet'/>
<script src='https://sites.google.com/site/warchatmo/code/sociallock.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function ($) {
$('#default-usage .to-lock').sociallocker({
buttons: {order:["facebook-like","twitter-tweet","google-plus"]},
twitter: {url:"http://twitter.com/MohtofbiX"},
facebook: {url:"https://www.facebook.com/warch.mo"},
google: {url:"https://plus.google.com/104753369012716009644"},
text: {
header: "الموضوع مغلق",
message: "الموضوع مغلق، إستعمل أحد أزرار المواقع الإجتماعية لتتمكن من رؤية المحتوى."
},
locker: {close: false, timer: 0,},
theme: "secrets"
});
});
//]]>
</script>
الأن بعض التعديلات على الكود.
الروابط الزرقاء قم بتغيرها بالروابط الخاصة بك.
العبارات الحمراء يمكنك تغيرها بما يناسبك.
الكلمة false تعني عدم إظهار زر X الذي عبره يتمكن الزائر من إخفاء تلك اللوحة و رؤية المحتوى بدون النقر على الأزرار الإجتماعية، قم بتغيرها بـ true إن أردت الزر أن يظهر.
0 هو عدد ثواني بقاء اللوحة مغلقة حتى تفتح تلقائيا.
"facebook-like" و "twitter-tweet" و "google-plus" تعني نوع الأزرار التي بالوحة و يمكنك تغيرها أو إضافة أخرى.
الأزرار الممكن إستخدامها هي:
الكلمة secrets الثيم أو ستايل اللوحة يمكنك تغيرها حسب النمادج التالية:
1): dandyish
تبقى كيفية الأستخدام أثناء كتابة موضوع معين ما عليك سوى الضغط على زر html و جعل المحتوى الذي تريد إخفائه بين الأكواد التالية:
<article id="default-usage">
<div class="to-lock" style="display:none;">
إجعل المحتوى المراد إخفائه هنا
</div>
</article>
هذا كل ما في تدوينة اليوم أتمنى أتعجبكم لا تنسى أي إستفسار أنا في الخدمة ، بالتوفيق للجميع في أمان الله
الأربعاء، 3 ديسمبر 2014
السلام عليكم و رحمة الله وبركاته.
كل مدراء المدونات يرغبون في كسب متابعين كثر لمواقعهم و غير بعيد عن أزرار المتابعة في المواقع الإجتماعية اليوم جئتكم بزر بسيط ومنسق ولا يشغل مساحة كبيرة بالقالب، يغنيك عن أداة متابعي المدونة التي تجدها في صفحة التخطيط .
أنظر المعاينة الحية.
أما تركيب الأداة فهو سهل
1- تذهب إلى لوحة التحكم بلوجر ثم التخطيط
2- تنقر إضافة أداة ثم تختار أداة html javascript
3- تضع الكود التالي مع تغير الكود بالأحمر إلى ID مدونتك ثم تحفظ الأداة.
<div style="background: #EBEBEB; padding: 7px; text-align: center;">
<a href="http://www.blogger.com/follow-blog.g?blogID=8722635733075134433" rel="nofollow" target="_blank"><img alt="Join This Site" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR6j2Tu-4HabB869vO151P-M88RyQlW5fESZwnefZ25o2NAV6LKuf5ZRLCnYMdBEYgW9TGk7YinqV_6Cvecs2RHXfPfpNFbjY6wORXEMiEa1OIhcMF4mgxgVweVLhxbYLXFNz1k0hDUoU/s1600/Follow+my+blog.gif" title="Follow my Blog!" /></a></div>
أتمنى أن تنال الإضافة إعجابكم دمتم بود في أمان الله
الاثنين، 1 ديسمبر 2014
السلام عليكم ورحمة الله وبركاته
تقريبا لا يخلو أي قالب بلوجر أو أي قالب أخر من ملفات أكواد، فأكواد الجيكوري و الجافا سكريبت و css و غيرها من الأكواد، فهي تحتاج أن ترفع على سيرفرات على الأنترنيت ، و توجد هذه السيرفرات بكثرة وأفضلها هي خدمة google code و هي مقدمة من العملاق جوجل مما يتبث جودة الخدمة وإحترافيتها.
يمكنك مشاهذة الفيديو لمعرفة طريقة رفع ملفات الأكواد البرمجية، و الحصول على الرابط المباشر.
تقريبا لا يخلو أي قالب بلوجر أو أي قالب أخر من ملفات أكواد، فأكواد الجيكوري و الجافا سكريبت و css و غيرها من الأكواد، فهي تحتاج أن ترفع على سيرفرات على الأنترنيت ، و توجد هذه السيرفرات بكثرة وأفضلها هي خدمة google code و هي مقدمة من العملاق جوجل مما يتبث جودة الخدمة وإحترافيتها.
يمكنك مشاهذة الفيديو لمعرفة طريقة رفع ملفات الأكواد البرمجية، و الحصول على الرابط المباشر.
رابط موقع الرفع: Google Code
رابط تحميل البرنامج: Tortoise SVN
بالتوفيق للجميع أي إستفسار إترك تعليق،في أمان الله الخميس، 27 نوفمبر 2014
السلام عليكم و رحمة الله و بركاته،
مجال التدوين يعتبر من الأولويات التي على المدون إختيارها بعناية ، لبناء مشروعه على الويب، فأغلب المدونات تفتقد لهذه الخاصية ، لم أقل الكل و لكن معظمها فمثلا هناك من ينشئ مدونة بدون تفكير مسبق عن ماذا سيدون !؟ فتجده ينشر مقالة عن البيئة و أخرى عن الأنترنيت و أخر عن تاريخ الإسلام، و ينشر مقالات لن يكسب بها متابعين مهتمين أبدا و لن يذهب بعيد في هذا المجال حتى يجد نفسه ينسخ فقط من أجل ملئ المدونة بالمواضيع... فكل عمل أو مشروع بدون دراسة دقيقة تكون نهايته هي الفشل.
في هذا الموضوع أحبابي في الله أود أن أشارككم تجارب و خطوات سلكها مدونون حققوا ما حلموا به و البعض منهم إزداد طموحه أكثر، كي تنجح في مسيرتك التدوينية سواء بعشقك له أو بأهداف إقتصادية ما عليك سوى أن تتبع الخطوات التالية:
التدوين حول ما تجيده : لإن التدوين في المواضيع الذي يندرج ضمن تخصصك أو إهتماماتك تستطيع أن تستمر فيه و تبدع من خلاله، و مواضيعك سيكون لها مهتمين بدون شك.
التخصص : و يعني هذا أن تجعل من مدونتك متخصصة في مجال معين ، مثلا مدونتي هذه مختصة في البلوجر و كل ما يتعلق بالتدوين على هذه المنصة، فأنت بكونك تقرأ هذا الموضوع إذا أنت مهتم و ستجد العديد من المواضيع التي تحتاجها هنا. ولن تجد أي موضوع خارج عن هذا السياق لأني مختص في هذا المجال فقط. أما بالنسبة للمدونات العامة مثلا مدونة تقنية بها أقسام عن البلوجر و البرامج و الفوتوشوب و أنظمة التشغيل و الأندرويد فهذه المدونات ليست متخصصة و لا يمكن لصاحبها أن يفهم في كل المجالات و لهذا الزائر مثلا يفضل أن يتصفح موقع متخصص في الأندرويد مثلا لأن المواضيع سوف تكون أعمق و الإستفادة أكبر.
لغة المحتوى : اللغة الأجنبية التي تتقنها خصوصا إن كنت تطمح أن تربح منها في المستقبل، كما نعلم جميعا الدول الغربية يكون معدل دخلها مرتفع و بالتالي تكون إيراداتك من الموقع جيدة.أنصح بالإنجليزية لأنها الأولى في العالم و حجم الجماهير سيكون هائل.
النيتش المطلوب : وهذا له علاقة نوعا ما بمجال التدوين الذي رأيناه في النقطة الأولى ، و هو عبارة عن أكثر مواضيع بحثا في الأنترنيت و سوف أخصص تدوينة إنشاء الله لنرى كيفية عمل الطريقة. مثلا كل ما يتعلق بالرياضة و الحمية و نقص الوزن مطلوب عند الغربين إن كنت ستدون باللغة الإنجليزية.
التدوين أكثر : قد قمت بتأخير هذه النقطة لأنها أخر ما يجب أن تفكر فيه . أي حتى تتوفر الشروط الأساسية تأتي هذه المرحلة لكي تشتهر و تربح منها قد تحتاج 300 تدوينة حصرية ومفيدة و في تخصص مطلوب ، و قد تضاعف العدد ولكن دون أن تحقق مرادك لهذا دائما أنصح بالمحتوى سواء على مستوى الشكل ، المضمون ، اللغة أو القيمة.
أتمنى أن تكون قد إستفدت من الدرس بشكل جيد، و بالتوفيق للجميع،أي إستفسار أنا بالخدمة دمتم بود.
مجال التدوين يعتبر من الأولويات التي على المدون إختيارها بعناية ، لبناء مشروعه على الويب، فأغلب المدونات تفتقد لهذه الخاصية ، لم أقل الكل و لكن معظمها فمثلا هناك من ينشئ مدونة بدون تفكير مسبق عن ماذا سيدون !؟ فتجده ينشر مقالة عن البيئة و أخرى عن الأنترنيت و أخر عن تاريخ الإسلام، و ينشر مقالات لن يكسب بها متابعين مهتمين أبدا و لن يذهب بعيد في هذا المجال حتى يجد نفسه ينسخ فقط من أجل ملئ المدونة بالمواضيع... فكل عمل أو مشروع بدون دراسة دقيقة تكون نهايته هي الفشل.
في هذا الموضوع أحبابي في الله أود أن أشارككم تجارب و خطوات سلكها مدونون حققوا ما حلموا به و البعض منهم إزداد طموحه أكثر، كي تنجح في مسيرتك التدوينية سواء بعشقك له أو بأهداف إقتصادية ما عليك سوى أن تتبع الخطوات التالية:
التدوين حول ما تجيده : لإن التدوين في المواضيع الذي يندرج ضمن تخصصك أو إهتماماتك تستطيع أن تستمر فيه و تبدع من خلاله، و مواضيعك سيكون لها مهتمين بدون شك.
التخصص : و يعني هذا أن تجعل من مدونتك متخصصة في مجال معين ، مثلا مدونتي هذه مختصة في البلوجر و كل ما يتعلق بالتدوين على هذه المنصة، فأنت بكونك تقرأ هذا الموضوع إذا أنت مهتم و ستجد العديد من المواضيع التي تحتاجها هنا. ولن تجد أي موضوع خارج عن هذا السياق لأني مختص في هذا المجال فقط. أما بالنسبة للمدونات العامة مثلا مدونة تقنية بها أقسام عن البلوجر و البرامج و الفوتوشوب و أنظمة التشغيل و الأندرويد فهذه المدونات ليست متخصصة و لا يمكن لصاحبها أن يفهم في كل المجالات و لهذا الزائر مثلا يفضل أن يتصفح موقع متخصص في الأندرويد مثلا لأن المواضيع سوف تكون أعمق و الإستفادة أكبر.
لغة المحتوى : اللغة الأجنبية التي تتقنها خصوصا إن كنت تطمح أن تربح منها في المستقبل، كما نعلم جميعا الدول الغربية يكون معدل دخلها مرتفع و بالتالي تكون إيراداتك من الموقع جيدة.أنصح بالإنجليزية لأنها الأولى في العالم و حجم الجماهير سيكون هائل.
النيتش المطلوب : وهذا له علاقة نوعا ما بمجال التدوين الذي رأيناه في النقطة الأولى ، و هو عبارة عن أكثر مواضيع بحثا في الأنترنيت و سوف أخصص تدوينة إنشاء الله لنرى كيفية عمل الطريقة. مثلا كل ما يتعلق بالرياضة و الحمية و نقص الوزن مطلوب عند الغربين إن كنت ستدون باللغة الإنجليزية.
التدوين أكثر : قد قمت بتأخير هذه النقطة لأنها أخر ما يجب أن تفكر فيه . أي حتى تتوفر الشروط الأساسية تأتي هذه المرحلة لكي تشتهر و تربح منها قد تحتاج 300 تدوينة حصرية ومفيدة و في تخصص مطلوب ، و قد تضاعف العدد ولكن دون أن تحقق مرادك لهذا دائما أنصح بالمحتوى سواء على مستوى الشكل ، المضمون ، اللغة أو القيمة.
أتمنى أن تكون قد إستفدت من الدرس بشكل جيد، و بالتوفيق للجميع،أي إستفسار أنا بالخدمة دمتم بود.
الاشتراك في:
الرسائل (Atom)
مميزة
-
نعلم جيدا أن المواقع الإجتماعية هي من أكبر مصادر الزوار ولهذا سنتعرف اليوم على كيفية إضافة أزرار المشاركة الإجتماعية منها الفيس بوك و تو...
-
السلام عليكم ورحمة الله تعالى وبركاته أصدقائي و أحبائي متابعي ورشة مدون الأوفياء، أولا أحب أن أعتذر منكم بسبب طول غيابي هذا و توقفي عن ط...
-
أداة إقرأ المزيد أو ما يسمى read more، من الإضافات الضرورية في المدونات أو المواقع مهما كان نوعها، فهي تتحكم في حجم المحتوى الذي يظهر في...
-
السلام عليكم و رحمة الله و بركاته, حقوق القوالب هو موضوع تدوينتنا اليوم أحبابي في الله , إن كنت من مصممين القوالب أو تقوم بتعريبها و عان...
-
السلام عليكم ورحمة الله تعالى و بركاته. أحيانا أثناء تصفحنا للمواضيع في المدونات و المواقع نشعر بالتعب في أعيننا و نحن نحاول قراءة بعض ...
-
السلام عليكم و رحمة الله تعالى وبركاته تعتبر التعليقات خاصية مهمة في المداونات و المواقع عامة، و هي بمثابة الشريان الذي يصل بين المدو...
-
بعد أن رأينا في التدوينة السابقة أهم المناطق التي يجب أن نضع فيها الأعلانات للرفع من معدل النقرات،شاهد التدوينة من ((هنا)) سوف نشر...
-
السلام عليكم و رحمة الله وبركاته . هل تريد كسب مهتمين ومتابعين ؟! هل تريد نشر مواضيعك بأكبر نسبة ممكنة في مواقع التواصل الإجتماعية، اليو...
-
السلام عليكم ورحمة الله وبركاته متابعي ورشة مدون الأوفياء، أعتذر عن مدة غيابي التي كانت بسبب بعض المشاكل التقنية الخارجة عن إرادتي، الم...
-
السلام عليكم ورحمة الله و بركاته قالب بلوجر الخاص بمدونة المحترف أخر إصدار أعلم أن الكثير من المدونين يعشقون هذا النوع من القوالب , وهذ...
تعليقات الزوار
تواصل معنا على الفيسبوك
أهم المواضيع
-
نعلم جيدا أن المواقع الإجتماعية هي من أكبر مصادر الزوار ولهذا سنتعرف اليوم على كيفية إضافة أزرار المشاركة الإجتماعية منها الفيس بوك و تو...
-
السلام عليكم ورحمة الله تعالى وبركاته أصدقائي و أحبائي متابعي ورشة مدون الأوفياء، أولا أحب أن أعتذر منكم بسبب طول غيابي هذا و توقفي عن ط...
-
أداة إقرأ المزيد أو ما يسمى read more، من الإضافات الضرورية في المدونات أو المواقع مهما كان نوعها، فهي تتحكم في حجم المحتوى الذي يظهر في...
-
السلام عليكم و رحمة الله و بركاته, حقوق القوالب هو موضوع تدوينتنا اليوم أحبابي في الله , إن كنت من مصممين القوالب أو تقوم بتعريبها و عان...
-
السلام عليكم ورحمة الله تعالى و بركاته. أحيانا أثناء تصفحنا للمواضيع في المدونات و المواقع نشعر بالتعب في أعيننا و نحن نحاول قراءة بعض ...
-
السلام عليكم و رحمة الله تعالى وبركاته تعتبر التعليقات خاصية مهمة في المداونات و المواقع عامة، و هي بمثابة الشريان الذي يصل بين المدو...
-
بعد أن رأينا في التدوينة السابقة أهم المناطق التي يجب أن نضع فيها الأعلانات للرفع من معدل النقرات،شاهد التدوينة من ((هنا)) سوف نشر...
-
السلام عليكم و رحمة الله وبركاته . هل تريد كسب مهتمين ومتابعين ؟! هل تريد نشر مواضيعك بأكبر نسبة ممكنة في مواقع التواصل الإجتماعية، اليو...
-
السلام عليكم ورحمة الله وبركاته متابعي ورشة مدون الأوفياء، أعتذر عن مدة غيابي التي كانت بسبب بعض المشاكل التقنية الخارجة عن إرادتي، الم...
-
السلام عليكم ورحمة الله و بركاته قالب بلوجر الخاص بمدونة المحترف أخر إصدار أعلم أن الكثير من المدونين يعشقون هذا النوع من القوالب , وهذ...

















