التطويبات: مارس 2014

الثلاثاء، 25 مارس 2014

كيفية إضافة فهرس لمدونتك بطريقة إحترافية

طريقة تركيب الإضافة

1- إدخل إلى لوحة التحكم | واختر الصفحات

2-وثم ندخل على صفحة جديدة

3-وبعد انشاء صفحة جديدة على ندخل الى HTML

الكود

<div dir="rtl" style="text-align: right;" trbidi="on">
<div id="bp_toc">
<script src="https://cnmu.googlecode.com/svn/trunk/cnmu-index-map.js" type="text/javascript"></script>
<script src="http://www.expertsprogram.tk/feeds/posts/summary?alt=json-in-script&max-results=500&callback=loadtoc" type="text/javascript"> </script>
<style>
#bp_toc {
font-family: arial;
font-size: 14px;
margin-bottom: 10px;
margin-top: 28px;
text-align: right;
width: 100%;
}
#bp_toc a {text-decoration: none;}
.toc-note {
background: #ddd ;
border: 2px solid #BBB;
padding: 5px 10px;
position: relative;
right: 2px;
top: -13px;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
font-weight: bold;
text-shadow: 4px 4px 4px #515151; }
.toc-header-col1, .toc-header-col2, .toc-header-col3 {
background: #ddd;
border: 1px solid #BBB;
color: #000;
padding: 2px 5px;
font-size: 14px;
font-weight: bold;
border-radius: 10px; }
/*عناوين المواضيع */
.toc-header-col1 { width:58%;}
.toc-entry-col1 {
background: #F6F6F6;
border: 1px solid #ddd;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
padding-right: 8px; }
.toc-entry-col1:hover {
background: #FDE3E6;
border-color: #8A8B8B;
transition: all 1s ease-out 0s; }
/*التاريخ*/
.toc-header-col2 {width: 11%;text-align: center; }
.toc-entry-col2 {
background: #000;
border: 1px solid #ddd;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
color: #fff;
text-align: center; }
/*الأقسام*/
.toc-header-col3 {width:31%;}
.toc-entry-col3 {
background: #9C0022;
border: 1px solid #ddd;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
color: #fff;
padding-right: 8px; }
.toc-entry-col3 a { color: #fff; }
.toc-entry-col3:hover {
background: #3D5288;
border-color: #8A8B8B;
transition: all 1s ease-out 0s; }
</style>
</div>
</div>

4-احفظ القالب | بعد تعديل ماهو بالون الأحمر برابط مدونتك

الأحد، 23 مارس 2014

البرنامج العملاق للتحميل من مواقع الرفع دون شراء عضوية بريميم USDownloader 1.3.5.9.16.3.2014 Portable

نبذة عن البرنامج

البرنامج الرهيب في التحميل من مواقع الرفع دون إنتظار, حيث سئمنا جميعا من الإنتظار عند تحميل الملفات لأن أغلب مواقع الرفع تشترط عليك الإنتظار لوقت معين بين كل تحميله وأخري وإذا لم تريد الإنتظار تقوم بشراء عضوية بريميم من الموقع , والعضويات البريميم باهظة الثمن ,فلماذا لكي أقوم بتحميل بعض الملفات أدفع أموال كثيرة , فمع برنامج USDownloader v1.3.5.9 لن تحمل عبئ التحميل أو إنقطاعه أو عدد الملفات التى تريد تحميلها من أكثر من 400 موقع رفع , كل ما عليك فعله هو وضع الملفات المراد تحميلها فى البرنامج والبرنامج سوف يقوم بتحميلها واحده تلو الأخري دون الإنتظار ولا ثانية واحده, فيقوم برنامج USDownloader v1.3.5.9 عندما تضع به لينك الملف المراد تحميله بصناعة لينك مباشر من الملف في أقل من خمس ثواني ويقوم بتحميله لك بأقصي سرعة تحميل تمتلكها, حقا هذا البرنامج برنامج رائع ولا غنى عنه لأى مستخدم إنترنت, به العديد من المميزات إكتشوفها بنفسكم عقب تحميله والجديد في الإصدار أنه يدعم موقع letitbit العملاق والذي نعانى منه كثيراً.

لتحميل البرنامج

الأحد، 16 مارس 2014

إضافة روابط هذه التدوينة قابلة للنسخ واللصق أسفل مل تدوينة

طريقة تركيب الإضافة

1- إدخل إلى مدونتك | واختر تحرير قالب

2-إبحث عن الوسم ]]></b:skin> بواسطة الضغط على مفتاح Ctrl + F

3-الصق الكود التي فوقه

الكود

#table {
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size: 13px;
margin: 10px -12px;
width: 580px;
text-align: left;
border-collapse: collapse;
direction:ltr;
}
#table th {
font-size: 13px;
font-weight: normal;
padding: 8px;
background: #FFFFCC url('##') repeat-x;
border-top: 2px solid #d3ddff;
border-bottom: 1px solid #fff;
color: #039;
}
#table td {
padding: 8px;
border-bottom: 1px solid #fff;
color: #4c4c4c;
border-top: 1px solid #fff;
background: #FFFFCCurl('#') repeat-x;
}
#table tfoot tr td {
background: #e8edff;
font-size: 20px;
color: #99c;
text-align:center;
}
#table tbody tr:hover td {
background: #FFFFCC url('#') repeat-x;
color: #339;
}
#table a:hover {
text-decoration:underline;
}

4-إبحث عن الوسم <data:post.body/> بواسطة الضغط على مفتاح Ctrl + F

5-الصق الكود التي تحته

الكود

<b:if cond='data:blog.pageType == "item"'>
<table id='table' summary='روابط الموضوع'>
<tfoot>
<tr>
<td colspan='2'> روابط هذه التدوينة قابلة للنسخ واللصق </td>
</tr>
</tfoot>
<tr>
<td>URL</td>
<td><input expr:value='data:post.canonicalUrl' onclick='this.focus(); this.select();' readonly='readonly' style='width: 560px;' type='text'/></td>
</tr><tr>
<td>HTML</td>
<td><input expr:value='"<a href=&quot;" + data:post.canonicalUrl + "&quot; title=&quot;" + data:post.title + "&quot;>" + data:post.title + "</a>"' onclick='this.focus(); this.select();' readonly='readonly' style='width: 560px;' type='text'/></td>
</tr><tr>
<td>BBCode</td>
<td><input expr:value='"[url=" + data:post.canonicalUrl + "]" + data:post.title + "[/url]"' onclick='this.focus(); this.select();' readonly='readonly' style='width: 560px;' type='text'/></td>
</tr>
</table> </b:if>

6-احفظ القالب

الخميس، 13 مارس 2014

إضافة خاصية الرد على تعليقات بلوجر

طريقة تركيب الإضافة

1- إدخل إلى مدونتك | واختر تحرير قالب

2-إبحث عن <data:commentPostedByMsg/> بواسطة الضغط على مفتاح Ctrl + F

3-الصق الكود التي تحته

الكود

<span><a expr:href='"https://www.blogger.com/comment.g?blogID=ضع هنا رقم معرف مدونتك&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0 ,scrollbars=yes,width=450,height=450"); return false;'>
<img src='http://hitskin.com/themes/14/77/83/i_reply.jpg'/></a></span><font size="0"><a href=" http://www.pergola-aluminium.org/ "></a></font>

4-عدّل ما بالون الأحمر بمعرف مدونتك | ثم احفظ القالب

إضافة تغيير السكرول بار بشكل جذاب وأنيق

طريقة تركيب الإضافة

1- إدخل إلى مدونتك | واختر تحرير قالب

2-إبحث عن الوسم ]]></b:skin> بواسطة الضغط على مفتاح Ctrl + F

3-الصق الكود التي فوقه

الكود

::-webkit-scrollbar{ background:#fff; width:15px;}::-webkit-scrollbar-thumb{ -webkit-shadow:inset 0 0 6px rgba(0,0,0,0.5); -webkit-border-radius:30px; background-image:-webkit-linear-gradient(top,#9bcfff 25%,#0e8aff 51%);}::-webkit-scrollbar-track{ -webkit-shadow:inset 0 0 6px rgba(0,0,0,0.3); -webkit-border-radius:30px;}

4-احفظ القالب | وشاهد الإضافة

إضافة تأثير الإضاءة على صور مدونات بلوجر

طريقة تركيب الإضافة

1- إدخل إلى مدونتك | واختر تحرير قالب

2-إبحث عن الوسم </head> بواسطة الضغط على مفتاح Ctrl + F

3-الصق الكود التي فوقه

الكود

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
$(".post img").fadeTo("slow", 1.0); // This sets the opacity of the thumbs to fade down to 30% when the page loads
$(".post img").hover(function(){
$(this).fadeTo("slow", 0.5); // This should set the opacity to 100% on hover
},function(){
$(this).fadeTo("slow", 1.0); // This should set the opacity back to 30% on mouseout
});
});
</script>
<script type='text/javascript'>
$(document).ready(function(){
$(".latest_img").fadeTo("slow", 1.0); // This sets the opacity of the thumbs to fade down to 30% when the page loads
$(".latest_img").hover(function(){
$(this).fadeTo("slow", 0.5); // This should set the opacity to 100% on hover
},function(){
$(this).fadeTo("slow", 1.0); // This should set the opacity back to 30% on mouseout
});
});
</script>

4-احفظ القالب | وشاهد الإضافة

الأحد، 9 مارس 2014

كود تسريع تحميل مدونات بلوجر | مقدم من مدونة هوم بلوجر

طريقة تركيب الكود

1- إدخل إلى مدونتك | واختر تحرير قالب

2-إبحث عن الوسم </Head> بواسطة الضغط على مفتاح Ctrl + F

3-الصق الكود التي فوقه

الكود

<script type='text/javascript'>//<![CDATA[
(function(a){a.fn.lazyload=function(b){var c={threshold:0,failurelimit:0,event:"scroll",effect:"show",container:window};if(b){a.extend(c,b)}var d=this;if("scroll"==c.event){a(c.container).bind("scroll",function(b){var e=0;d.each(function(){if(a.abovethetop(this,c)||a.leftofbegin(this,c)){}else if(!a.belowthefold(this,c)&&!a.rightoffold(this,c)){a(this).trigger("appear")}else{if(e++>c.failurelimit){return false}}});var f=a.grep(d,function(a){return!a.loaded});d=a(f)})}this.each(function(){var b=this;if(undefined==a(b).attr("original")){a(b).attr("original",a(b).attr("src"))}if("scroll"!=c.event||undefined==a(b).attr("src")||c.placeholder==a(b).attr("src")||a.abovethetop(b,c)||a.leftofbegin(b,c)||a.belowthefold(b,c)||a.rightoffold(b,c)){if(c.placeholder){a(b).attr("src",c.placeholder)}else{a(b).removeAttr("src")}b.loaded=false}else{b.loaded=true}a(b).one("appear",function(){if(!this.loaded){a("<img />").bind("load",function(){a(b).hide().attr("src",a(b).attr("original"))[c.effect](c.effectspeed);b.loaded=true}).attr("src",a(b).attr("original"))}});if("scroll"!=c.event){a(b).bind(c.event,function(c){if(!b.loaded){a(b).trigger("appear")}})}});a(c.container).trigger(c.event);return this};a.belowthefold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).height()+a(window).scrollTop()}else{var d=a(c.container).offset().top+a(c.container).height()}return d<=a(b).offset().top-c.threshold};a.rightoffold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).width()+a(window).scrollLeft()}else{var d=a(c.container).offset().left+a(c.container).width()}return d<=a(b).offset().left-c.threshold};a.abovethetop=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollTop()}else{var d=a(c.container).offset().top}return d>=a(b).offset().top+c.threshold+a(b).height()};a.leftofbegin=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollLeft()}else{var d=a(c.container).offset().left}return d>=a(b).offset().left+c.threshold+a(b).width()};a.extend(a.expr[":"],{"below-the-fold":"$.belowthefold(a, {threshold : 0, container: window})","above-the-fold":"!$.belowthefold(a, {threshold : 0, container: window})","right-of-fold":"$.rightoffold(a, {threshold : 0, container: window})","left-of-fold":"!$.rightoffold(a, {threshold : 0, container: window})"})})(jQuery);$(function(){$("img").lazyload({placeholder:"http://i22.servimg.com/u/f22/15/42/72/40/grey10.gif",effect:"fadeIn",threshold:"-50"})})//]]></script>

4-احفظ القالب

الأربعاء، 5 مارس 2014

كيفية إضافة توقيع مخصص أو شعار في نهاية كل مشاركة | مدونة هوم بلوجر

كيفية تركيب الإضافة

1- إدخل إلى مدونتك | واختر تحرير قالب

2-إبحث عن الوسم </html> بواسطة الضغط على مفتاح Ctrl + F

3-الصق الكود التي فوقه

الــــكــــود

<b:if cond='data:blog.pageType == "item"'>
<style>
.entry-content:after {
content: url(http://im71.gulfup.com/p42zg.png);
margin-left: 400px;
}
</style>
</b:if>

4-احفظ القالب | بعد تعديل ماهو بالون الأحمر بما يناسب توقيعك أوشعار مدونتك

الاثنين، 3 مارس 2014

إضافة زر الصعود والنزول معاً لمدونات بلوجر | مدونة هوم بلوجر

طريقة تركيب الإضافة

1- ادخل إلى مدونتك | واختر تحرير قالب

2-إبحث عن الوسم ]]></b:skin> بضغط على Ctrl + F من لوحة المفاتيح

3-الصق الكود التالي فوقه

الــــــــكـــود

/* Up and Down Buttons with jQuery
----------------------------------------------- */
.button_up{
padding:7px; /* Distance between the border and the icon */
background-color:white;
border:1px solid #CCC; /* Border Color */
position:fixed;
background: white url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPemWDBH3BbEHIAx0EPMofYM5YRqWjaZ3yE4G-f4a46HeZhHWN8q-buv5gbZiPP30e6VHqDnJ7rVhuGv0uoQfDIswrkFeglZFZJBQxk1mdE3rRWkkuToEk__sKvbZrsYNTJqwMdSZn-ZQ/s16/arrow_up.png) no-repeat top left;
background-position:50% 50%;
width:20px; /* Button's width */
height:20px; /* Button's height */
bottom:280px; /* Distance from the bottom */
right:5px; /* Change right to left if you want the buttons on the left */
white-space:nowrap;
cursor: pointer;
border-radius: 3px 3px 3px 3px;
opacity:0.7;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
.button_down{
padding:7px; /* Distance between the border and the icon */
background-color:white;
border:1px solid #CCC; /* Border Color */
position:fixed;
background: white url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_jvnyYY3TA5AZ2PTOxQ5ms5CuUa53yjbl0UdK7Si0OHblQLt_DQjtEizBQMoZeydsp4B2lgaELMNlcrLEEoKmCldRnN5U_s9HAVq9dNZUA0q-nbtFL9vHSVjm8k8HAymaZGWH1cVAzak/s16/arrow_down.png) no-repeat top left;
background-position:50% 50%;
width:20px; /* Button's width */
height:20px; /* Button's height */
bottom:242px; /* Distance from the bottom */
right:5px; /* Change right to left if you want the buttons on the left */
white-space:nowrap;
cursor: pointer;
border-radius: 3px 3px 3px 3px;
opacity:0.7;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}

4-إبحث عن الوسم </body> بضغط على Ctrl + F من لوحة المفاتيح

5-الصق الكود التالي فوقه

الـــــــكـــــود

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
<div class='button_up' id='button_up' style='display:none;'/>
<div class='button_down' id='button_down' style='display:none;'/>
<script>
//<![CDATA[
(function(){var special=jQuery.event.special,uid1='D'+(+new Date()),uid2='D'+(+new Date()+1);special.scrollstart={setup:function(){var timer,handler=function(evt){var _self=this,_args=arguments;if(timer){clearTimeout(timer)}else{evt.type='scrollstart';jQuery.event.handle.apply(_self,_args)}timer=setTimeout(function(){timer=null},special.scrollstop.latency)};jQuery(this).bind('scroll',handler).data(uid1,handler)},teardown:function(){jQuery(this).unbind('scroll',jQuery(this).data(uid1))}};special.scrollstop={latency:300,setup:function(){var timer,handler=function(evt){var _self=this,_args=arguments;if(timer){clearTimeout(timer)}timer=setTimeout(function(){timer=null;evt.type='scrollstop';jQuery.event.handle.apply(_self,_args)},special.scrollstop.latency)};jQuery(this).bind('scroll',handler).data(uid2,handler)},teardown:function(){jQuery(this).unbind('scroll',jQuery(this).data(uid2))}}})();
$(function() {
var $elem = $('body');
$('#button_up').fadeIn('slow');
$('#button_down').fadeIn('slow');
$(window).bind('scrollstart', function(){
$('#button_up,#button_down').stop().animate({'opacity':'0.2'});
});
$(window).bind('scrollstop', function(){
$('#button_up,#button_down').stop().animate({'opacity':'1'});
});
$('#button_down').click(
function (e) {
$('html, body').animate({scrollTop: $elem.height()}, 800);
} );
$('#button_up').click(
function (e) {
$('html, body').animate({scrollTop: '0px'}, 800);
} );});
//]]>
</script>

6- إحفظ القالب | وعاين الإضافة