Responsive Ad Slot

Blogger

other

Trends

Showing posts with label بلوجر. Show all posts
Showing posts with label بلوجر. Show all posts

طريقة جعل نص يتبع مؤشر الماوس بمدونة بلوجر

Posted on Thursday, 16 May 2013 with No comments

مرحبا بكم 

درس اليوم عن طريقة اضافة أداة رائعة لإضافة كتابة تتبع مؤشر الماوس في مدونة بلوجر.

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

كعبارة الترحيب او رابط مدونتك او أي رسالة يمكنك توجيهها لزوار إلى غير ذلك.

مثل مدونة فرتكة نيوز تماماً .

صورة للأداة 


طريقة اضافة الأداة

1.توجه للوحة التحكم الخاصة بمدونتك.
2.إختر قالب.
3.ثم تحرير HTML.
4.إضغط داخل مستطيل أكواد القالب مرة واحدة.
5.إضغط من لوحة المفاتيح keybord على CTRL+F.
6.تتحصل على مستطيل البحث داخل الأكواد,قم بالبحث عن الكود التالي:
 

 </body>
7.أضف فوقه مباشرة الكود التالي:

<script type="text/javascript">

var text=' أكتب العبارة التي تريدها أن تلحق بمؤشر المواس هنا ';

</script>

<script src="http://netoopscodes.googlecode.com/svn/branches/Js%20files/mousetail.js" type="text/javascript">

</script>
8.قم بحقظ القالب .

ازرار المشاركات الاجتماعية شبيهه بويندوز 8 لمدونة بلوجر

Posted on with No comments


اضافة اليوم جميله جدا 

حيث ظهرت مؤخرا وهي عبارة عن ازرار المشاركات الاجتماعية 

شبيهه بويندز 8 وبتاثير رائع حيث تكبر عند الوقوف عليها بمؤشر الماوس

صورة للإضافة 


مثال حي للإضافة




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

    1 - قم بالدخول إلى لوحة التحكم بلوجر الخاصة بمدونتك.
    2 - توجه إلى تخطيط .
    3 - ثم إضافة أداة.
    4 - إختر HTML/JavaScript .
    5 - ثم انسخ الكود التالي والصقه :

    <center><div class="metro-social">
    <li><a class="fb" href="https://www.facebook.com/Fartaka.News"></a></li>
    <li><a class="tw" href="https://twitter.com/FartakaNews"></a></li>
    <li><a class="gp" href="https://plus.google.com/117318737345127136365/posts"></a></li>
    <li><a class="fd" href="http://fartaka-news.blogspot.com/feeds/posts/default"></a></li>
    </div>
    <style>
    /*Metro UI Social Profile Widget v2.0 by Tech Prevue Labs
    Web link to gadget code: http://7ewratna.blogspot.com/2013/03...tro-style.html
    Distributed under license CC BY-NC-ND 3.0 INT
    Please keep license information intact while using this widget*/
    .metro-social{width:285px}
    .metro-social li{position:relative;cursor:pointer;padding:0;list-style:none}
    .metro-social .fb,.tw,.gp,.fd{z-index:7;float:left;margin:1px;position:relative;di splay:block}
    .metro-social .fb{background:url(//goo.gl/6xmUk) no-repeat center center #1f69b3;width:140px;height:141px}
    .metro-social .tw{background:url(//goo.gl/oyiFK) no-repeat center center #43b3e5;width:140px;height:70px}
    .metro-social .gp{background:url(//goo.gl/oT0kF) no-repeat center center #da4a38;width:140px;height:69px}
    .metro-social .fd{background:url(//goo.gl/ncoLY) no-repeat center center #e9a01c;width:282px;height:69px}

    .metro-social li:hover .fb{background:url(//goo.gl/MH8AP) no-repeat center center #1f69b3}
    .metro-social li:hover .tw{background:url(//goo.gl/hHRHv) no-repeat center center #43b3e5}
    .metro-social li:hover .gp{background:url(//goo.gl/wva4B) no-repeat center center #da4a38}
    .metro-social li:hover .fd{background:url(//goo.gl/JFGqn) no-repeat center center #e9a01c}
    </style>
    <br /></center>
    مع تغيير ما باللون الاحمر

    طريقة انشاء تطبيق مصغر لاحدث التدوينات بمدونة بلوجر

    Posted on with No comments

    فى خلال تصفحي لاحد المدونات الاجنبية رايت تطبيقاً رائعاً بمعني الكلمه فاحببت ان اقدمه اليكم

    وهو عبارةة عن تطبيق اخر تدوينات بلوجر بشكل رائع وتستطيع التحكم بعدد التدوينات التى تظر به

    و وحجم العنوان وعدد وحجم خط الوصف ومن اهم ميزاته ايضا انك تستطيع التنقل به حيث تعرض المنشورات الاقدم 

    يمكنك معرفة المزيد عنه عن طريق تركيبه والتمتع به كما تشاء .

    صورة للأداة


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

    1. الدخول إلى Blogger باستخدام حسابك
    2. بعدها حدد المدونة التي تريد إضافة هذهالأداة بها.
    3. الذهاب إلى > قالب > تحرير قالب HTML، ثم قم بتوسيع القالب .
    4. وكإجراء وقائي لتجنب الأخطاء في المستقبل، قم بأخذ نسخة احتياطية للقالب.
    5. بعد كل الخطوات أعلاه ، وقم بالبحث عن النص التالي ]]></b:skin>:
    6. ثم ضع الكود التالي قبلها مباشرةً :

    #mas-terbaru{border:1px solid #585858;width:100%;margin:0 auto}
    #terbaru{margin:0px}
    .mas-elemen{border:1px solid #ccc;margin:5px 0;padding:5px;height:79px}
    .mas-elemen img{background:#999;padding:4px;float:left;height:70px;margin-right:8px;width:70px}
    .mas-elemen h6,.mas-elemen h6 a{font-size:12px!important;font-weight:700!important;margin:0;color:#111}
    .mas-elemen:hover{background-color:#c3c3c3}
    .mas-elemen p{font:14px PT Sans Narrow;text-align:justify;color:#555;line-height:14px;margin:5px 0}
    #mas-loading{color:#888;font-family:Tahoma;font-size:100px;letter-spacing:-10px;text-align:center;text-shadow:-5px 0 1px #444;background:#141414 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPYk3GJ2SbX4Pb0wThfIVBdq5numWFCZC9_qfgGqolAR2tDMKtPZSa0It75eo7mNY0s35cOCNtf5XjfcVYqb4kMI-IJMQx0InGW9wvmo-5bvhZa4yKk3n6S83xd4_gERvQXwv2gQkNfqc/s1600/loading.gif) no-repeat 50% 50%;height:470px;border:1px solid #c3c3c3}
    #mas-navigasifeed{border:1px solid #c3c3c3;color:#bbb;font-family:Verdana;font-size:12px;text-align:center;margin:0px}
    #mas-navigasifeed:hover{background-color:#c3c3c3}
    #mas-navigasifeed a{color:#141414!important;font-family:Tahoma!important;font-size:12px!important;font-weight:400!important;display:block;padding:5px 10px}
    #mas-navigasifeed span{padding:5px 10px}
    #mas-navigasifeed .next{float:right}
    #mas-navigasifeed .previous{float:left}
    #mas-navigasifeed .home{text-align:center}
    #mas-navigasifeed a:hover,#mas-navigasifeed span.noactived{color:transparant!important}

    لاحظ الكتابة بالأزرق أعلاه، يكون العرض والارتفاع للصورة المصغرة.
    والتي بالأخضر تكون حجم الخط لوصف التدوينة .
    اما التي بالأحمر فهي حجم عنوان التدوينة .

    7 - يبقي إدراج الكود التاليي فوق رمز </HEAD>:
    <script type='text/javascript'>
    //<![CDATA[
    var numfeed = 5;
    var startfeed = 0;
    var urlblog = "http://johny-gantengbanget.blogspot.com/";
    var charac = 100;
    var urlprevious, urlnext;

    function maskolisfeed(johny,banget){
    var showfeed = johny.split("<");
    for(var i=0;i<showfeed.length;i++){
    if(showfeed[i].indexOf(">")!=-1){
    showfeed[i] = showfeed[i].substring(showfeed[i].indexOf(">")+1,showfeed[i].length);
    }
    }
    showfeed =  showfeed.join("");
    showfeed = showfeed.substring(0,banget-1);
    return showfeed;
    }
    function showterbaru(json) {
    var entry, posttitle, posturl, postimg, postcontent;
    var showblogfeed = "";
    urlprevious = "";
    urlnext = "";
    for (var k = 0; k < json.feed.link.length; k++) {
    if (json.feed.link[k].rel == 'previous') {
    urlprevious = json.feed.link[k].href;
    }
    if (json.feed.link[k].rel == 'next') {
    urlnext = json.feed.link[k].href;
    }
    }
    for (var i = 0; i < numfeed; i++) {
    if (i == json.feed.entry.length) { break; }
    entry = json.feed.entry[i];
    posttitle = entry.title.$t;
    for (var k = 0; k < entry.link.length; k++) {
    if (entry.link[k].rel == 'alternate') {
    posturl = entry.link[k].href;
    break;
    }
    }
    if ("content" in entry) {
    postcontent = entry.content.$t;
    } else if ("summary" in entry) {
    postcontent = entry.summary.$t;
    } else {
    postcontent = "";
    }
    if ("media$thumbnail" in entry) {
    postimg = entry.media$thumbnail.url;
    } else {
    postimg = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjg-0MbM30Vte2npSlFGm7M6774w-HHpfWxKl2Mq1bTLGmbAaG5PAgmDeMdP4fMZay_UFsY3lXy55uTWhxlAMLMad1P2zpSPtWVE4eVw3X5hkjeWvoX3udEIYEx1LcEez0lB3r2cQy8-2A/s1600/no+image.jpg";
    }
    showblogfeed += "<div class='mas-elemen'>";
    showblogfeed += "<a href='" + posturl + "' target='_blank'><img src='" + postimg + "' /></a>";
    showblogfeed += "<h6><a href='" + posturl + "'>" + posttitle + "</a></h6>";
    showblogfeed += "<p>" + maskolisfeed(postcontent,charac) + "...</p>";
    showblogfeed += "</div>";
    }
    document.getElementById("terbaru").innerHTML = showblogfeed;
    showblogfeed = "";
    if(urlprevious) {
    showblogfeed += "<a href='javascript:navigasifeed(-1);' class='previous'>&#9668; Previous</a>";
    } else {
    showblogfeed += "<span class='noactived previous'>&#9668; Previous</span>";
    }
    if(urlnext) {
    showblogfeed += "<a href='javascript:navigasifeed(1);' class='next'>Next &#9658;</a>";
    } else {
    showblogfeed += "<span class='noactived next'>Next &#9658;</span>";
    }
    showblogfeed += "<a href='javascript:navigasifeed(0);' class='home'>Home</a>";
    document.getElementById("mas-navigasifeed").innerHTML = showblogfeed;
    }

    function navigasifeed(url){
    var p, parameter;
    if(url==-1) {
    p = urlprevious.indexOf("?");
    parameter = urlprevious.substring(p);
    } else if (url==1) {
    p = urlnext.indexOf("?");
    parameter = urlnext.substring(p);
    } else {
    parameter = "?start-index=1&max-results=" + numfeed + "&orderby=published&alt=json-in-script"
    }
    parameter += "&callback=showterbaru";
    incluirscript(parameter);
    }
    function incluirscript(parameter) {
    if(startfeed==1) {removerscript();}
    document.getElementById("terbaru").innerHTML = "<div id='mas-loading'></div>";
    document.getElementById("mas-navigasifeed").innerHTML = "";
    var archievefeed = urlblog + "/feeds/posts/default"+ parameter;
    var terbaru = document.createElement('script');
    terbaru.setAttribute('type', 'text/javascript');
    terbaru.setAttribute('src', archievefeed);
    terbaru.setAttribute('id', 'MASLABEL');
    document.getElementsByTagName('head')[0].appendChild(terbaru);
    startfeed = 1;
    }
    function removerscript() {
    var elemen = document.getElementById("MASLABEL");
    var parent = elemen.parentNode;
    parent.removeChild(elemen);
    }
    onload=function() { navigasifeed(0); }
    //]]>
    </script>
     
    var numfeed = 5؛ >> عدد المنشورات المعروضة
    var urlblog = "http://johny-gantengbanget.blogspot.com /"؛ >> استبداله URLبالرابط الخاص بمدونتك
    var charac = 100؛ >> عدد الأحرف  عفى كل وصف. 

    8 -  بعد أن تحفظ القالب، قم بالدخول إلى التخطيط . وقم بـإضافة أداة >> HTML / جافا سكريبت وأدخل الكود التالي به :
     
    <div id="terbaru"></div>
    <div id="mas-navigasifeed"></div>
    وقم بتغيير مكانه حيثما تشاء .

    طريقة ترقيم صفحات مدونة بلوجر

    Posted on Monday, 6 May 2013 with No comments

    السلام عليكم ورحمة الله وبركاتة 

    في المدونات، افتراضياً، ترى و صلات أقدم المشاركات و أحدث المشاركات  أسفل الصفحة وهو أمر مفيد لزوار مدونة بلوجر للانتقال إلى صفحات أخرى بالمدونة الخاصه بك.

    ولكن المشكلة هي .. ان الناس بالكاد يلاحظونها ..  ما يعني .. أقل زيارات لمدونتك الخاص بك. 

    لذلك، لزيادة زيارات مدونتك الخاص بك يمكنك استخدام هذه الاداة بمدونتك ،  بمتقدمة مرقمة لتصفح الصفحة الخاصة بمدونتك. 

    صورة للأداة



    لذا، كيف إضافة هذه الاداة  إلى مدونتك ؟ 
    (أول شئ قم بنسخ احتياطي لقالب المدونة الخاص بك قبل تحرير أي شيء) 

    طريقة اضافة الاداة

    1. تسجيل الدخول إلى حسابك في Blogger » تخطيط » رسائل المدونة الإلكتروني » تحرير
    اختار عدد من امنشورات التي تريد عرضها على الصفحة الرئيسية 





    2. الذهاب إلى التصميم » تحرير HTML » وضع علامة في قوالب القطعة للتوسيع 

    انتقل إلى الجزء السفلي من النموذج حتي تجد هذا الرمز
    </body> 

     او قم بالبحث عن طريق الضغط على Alt + f و الصق الكود بمربع البحث واضغط انتر enter

    <b:if cond='data:blog.pageType != "item"'>
    <b:if cond='data:blog.pageType != "static_page"'>
    <script type='text/javascript'>
    var pageCount= 5 ;
    var displayPageNum=5;
    var upPageWord ='Previous';
    var downPageWord ='Next';
    </script>

    <script type='text/javascript'>

    //<![CDATA[

    function showpageCount(json){var thisUrl=home_page_url;var htmlMap=new Array();var thisNum=1;var postNum=1;var itemCount=0;var fFlag=0;var eFlag=0;var html='';var upPageHtml='';var downPageHtml='';for(var i=0,post;post=json.feed.entry[i];i++){var timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);timestamp=encodeURIComponent(timestamp1);var title=post.title.$t;if(title!=''){if(itemCount==0||(itemCount%pageCount==(pageCount-1))){if(thisUrl.indexOf(timestamp)!=-1){thisNum=postNum}if(title!='')postNum++;htmlMap[htmlMap.length]='/search?updated-max='+timestamp+'&max-results='+pageCount}}itemCount++}for(var p=0;p<htmlMap.length;p++){if(p>=(thisNum-displayPageNum-1)&&p<(thisNum+displayPageNum)){if(fFlag==0&&p==thisNum-2){if(thisNum==2){upPageHtml='<span class="showpage"><a href="/">'+upPageWord+'</a></span>'}else{upPageHtml='<span class="showpage"><a href="'+htmlMap[p]+'">'+upPageWord+'</a></span>'}fFlag++}if(p==(thisNum-1)){html+='<span class="showpagePoint">'+thisNum+'</span>'}else{if(p==0){html+='<span class="showpageNum"><a href="/">1</a></span>'}else{html+='<span class="showpageNum"><a href="'+htmlMap[p]+'">'+(p+1)+'</a></span>'}}if(eFlag==0&&p==thisNum){downPageHtml='<span class="showpage"> <a href="'+htmlMap[p]+'">'+downPageWord+'</a></span>';eFlag++}}}if(thisNum>1){html=''+upPageHtml+' '+html+' '}html='<div class="showpageArea" style="padding:10px 10px 10px 10px;"><span style="COLOR: #000;" class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;if(thisNum<(postNum-1)){html+=downPageHtml}if(postNum==1)postNum++;html+='</div>';var pageArea=document.getElementsByName("pageArea");var blogPager=document.getElementById("blog-pager");if(postNum<=2){html=''}for(var p=0;p<pageArea.length;p++){pageArea[p].innerHTML=html}if(pageArea&&pageArea.length>0){html=''}if(blogPager){blogPager.innerHTML=html}}function showpageCount2(json){var thisUrl=home_page_url;var htmlMap=new Array();var isLablePage=thisUrl.indexOf("/search/label/")!=-1;var thisLable=isLablePage?thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length):"";thisLable=thisLable.indexOf("?")!=-1?thisLable.substr(0,thisLable.indexOf("?")):thisLable;var thisNum=1;var postNum=1;var itemCount=0;var fFlag=0;var eFlag=0;var html='';var upPageHtml='';var downPageHtml='';var labelHtml='<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';var thisUrl=home_page_url;for(var i=0,post;post=json.feed.entry[i];i++){var timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);timestamp=encodeURIComponent(timestamp1);var title=post.title.$t;if(title!=''){if(itemCount==0||(itemCount%pageCount==(pageCount-1))){if(thisUrl.indexOf(timestamp)!=-1){thisNum=postNum}if(title!='')postNum++;htmlMap[htmlMap.length]='/search/label/'+thisLable+'?updated-max='+timestamp+'&max-results='+pageCount}}itemCount++}for(var p=0;p<htmlMap.length;p++){if(p>=(thisNum-displayPageNum-1)&&p<(thisNum+displayPageNum)){if(fFlag==0&&p==thisNum-2){if(thisNum==2){upPageHtml=labelHtml+upPageWord+'</a></span>'}else{upPageHtml='<span class="showpage"><a href="'+htmlMap[p]+'">'+upPageWord+'</a></span>'}fFlag++}if(p==(thisNum-1)){html+='<span class="showpagePoint">'+thisNum+'</span>'}else{if(p==0){html=labelHtml+'1</a></span>'}else{html+='<span class="showpageNum"><a href="'+htmlMap[p]+'">'+(p+1)+'</a></span>'}}if(eFlag==0&&p==thisNum){downPageHtml='<span class="showpage"> <a href="'+htmlMap[p]+'">'+downPageWord+'</a></span>';eFlag++}}}if(thisNum>1){if(!isLablePage){html=''+upPageHtml+' '+html+' '}else{html=''+upPageHtml+' '+html+' '}}html='<div class="showpageArea"><span style="COLOR: #000;" class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;if(thisNum<(postNum-1)){html+=downPageHtml}if(postNum==1)postNum++;html+='</div>';var pageArea=document.getElementsByName("pageArea");var blogPager=document.getElementById("blog-pager");if(postNum<=2){html=''}for(var p=0;p<pageArea.length;p++){pageArea[p].innerHTML=html}if(pageArea&&pageArea.length>0){html=''}if(blogPager){blogPager.innerHTML=html}}var home_page_url=location.href;var thisUrl=home_page_url;if(thisUrl.indexOf("/search/label/")!=-1){if(thisUrl.indexOf("?updated-max")!=-1){var lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"))}else{var lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"))}}var home_page="/";if(thisUrl.indexOf("?q=")==-1){if(thisUrl.indexOf("/search/label/")==-1){document.write('<script src="'+home_page+'feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" ><\/script>')}else{document.write('<script src="'+home_page+'feeds/posts/full/-/'+lblname1+'?alt=json-in-script&callback=showpageCount2&max-results=99999" ><\/script>')}}

    //]]>

    </script>
    </b:if>
    </b:if>

    وفي هذا الرمز أعلاه،يوجد رقم باللون الاحمر وفقا للخطوة 1. أنه يحدد عدد الوظائف التي سيتم عرضها في كل صفحة. (تأكد من أن قمت بتعيين عدد هو نفسه مثل في الخطوة 1) 


    3. alt + F والبحث عن كل تواجدات هذا الرمز 

    'data:label.url' 

    و استبدالها بهذا


    'data:label.url + &quot;?&amp;max-results= 5 &quot;' 

    مرة أخرى، فإن العدد في السطر أعلاه يعتمد على عدد تقوم بتعيينها في الخطوة 1. 

    4. الآن، جزء التصميم .. لقد تعرفت على أنماط  X ..

    لإضافة هذا الشكل 



     يمكنك البحث عن هذا الكود

    ]]></b:skin> 

    ووضع الكود التالي اعلاه 


    .showpageArea a {
    text-decoration:underline;
    background: #ffffff;
    padding: 10px 10px 10px 10px;

    }
    .showpageNum a {
    text-decoration:none;
    border: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    margin:0 3px;
    padding:3px;
    }
    .showpageNum a:hover {
    border: 1px solid #cccccc;
    background-color:#cccccc;
    }
    .showpagePoint {
    color:#333;
    text-decoration:none;
    border: 1px solid #cccccc;
    background: #cccccc;
    margin:0 3px;
    padding:3px;
    }
    .showpageOf {
    text-decoration:none;
    padding:3px;
    margin: 0 3px 0 0;
    }
    .showpage a {
    text-decoration:none;
    border: 1px solid #cccccc;
    padding:3px;
    }
    .showpage a:hover {
    text-decoration:none;
    }
    .showpageNum a:link,.showpage a:link {
    text-decoration:none;
    color:#333333;
    }

    5- واخيراً قم  بحفظ التغييرات.

    ثم عاين الصفحة ولا تنسي الدعاء لي 

    ولأشكال اخري يمكنك البحث عنها بجوجل 

    طريقة اضافة اداة اخر المواضيع لمدونة بلوجر

    Posted on with 1 comment

    السلام عليكم ورحمة الله وبركاته 


    نعرض لكم اليوم كود اخر المواضيع مع عدد التعليقات مع ايقونة او صورة الموضوع ,

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

    صورة للاضافة 



    طريقة وضع الاضافة بمدونتك 

    1. تسجيل الدخول إلى لوحة معلومات Blogger 
    2. الذهاب إلى تخطيط »إضافة الأداة» HTML / javascript
    3. مجرد نسخ ولصق هذا االكود ..

    <script language="JavaScript">

    imgr = new Array();


    imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";

    imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";

    imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";

    imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";

    imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
    showRandomImg = true;

    boxwidth = 298;

    cellspacing = 8;

    borderColor = "#ffffff";

    bgTD = "#000000";

    thumbwidth = 40;

    thumbheight = 40;

    fntsize = 12;

    acolor = "#666";

    aBold = true;

    icon = " ";

    text = "comments";

    showPostDate = false;

    summaryPost = 40;

    summaryFontsize = 10;

    summaryColor = "#666";

    icon2 = " ";

    numposts = 5;

    home_page = "http://fartaka-news.blogspot.com/";

    </script>

    <script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>





    التفسير:

    (تحرير القيم لتتناسب مع المدونة الخاصه بك)
    boxwidth - عرض القطعة
    cellspacing - الفضاء بين الخلايا (الافتراضي واحد هو جيد)

    borderColor  - لون الحدود (إضافة لون خلفية القالب الخاص بك لمزيج تماما في القالب) 
    thumbwidth وthumbheight - عرض وارتفاع الصورة المصغرة (الافتراضي جيدة)
    fntsize - حجم الخط من العنوان
    acolor - اللون
    numposts - عدد المشاركات التي تريد إظهارها
    home_page: تغيير هذا العنوان http://fartaka-news.blogspot.com إلى عنوان URL الخاص بمدونتك


    4. وأخيرا وليس آخرا .. حفظ التغييرات.

    طريقة تعديل حجم خط التدوينات فى مدونة بلوجر

    Posted on Sunday, 5 May 2013 with 9 comments

    السلام عليكم ورحمة الله وبركاتة 

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

    بان حجم الخط بالمنشورات والمشاركات كبر او صغير وليس بالحجم الذي يردية 

    ويريد معرفة كيف يغيرة 

    فموضوعنا اليوم عن طريقة تغيير حجم الخط بالمواضيع سواء تصغيره او تكبيره


    طريقة ذلك هي

    • توجه إلى لوحة تحكم مدونتك.
    • قم بالضغط على تصميم.
    • ثم على تحرير HTML
    • ثم قم بوضع علامة على خانة توسيع قوالب عناصر واجهة المستخدم كما في الصورة التالية:
    • ثم قم بالبحث عن الكود التالي:
    post {
    ثم سترى تحته كلمة: font-size:
      ثم بتغيير الرقم الذي في جانبها إلى أي حجم تريده كما في الصورة:




    انتهى الدرس

    طريقة اضافة أداة اكسبرس بيكسلر فوتوشوب اون لاين لمدونة بلوجر

    Posted on with No comments

    السلام عليكم ورحمة الله وبركاتة

    نقدم لكم اليوم كود رائع وهو عبارة عن اداة اكسبرس Pixlr

    وهي مثل اداة محرر Pixlr ( فوتوشوب اون لاين )

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

    صور للأداة 




    مثال حي للأداة   


    كود الاداة

    <center>
    <iframe align="middle" border="0" frameborder="0" height="600" name="ps" src="http://pixlr.com/express/" width="600"></iframe></center>
    <center>

    طريقة اضافة الكواد


    1 - قم بالدخول إلى لوحة التحكم بلوجر الخاصة بمدونتك.
    2- توجه إلى تخطيط .
    3- ثم إضافة أداة.
    4- إختر HTML/JavaScript .
    5- ثم قم بلصق الكود في مدونتك :
    6- قم بتعديل ابعاد الكود الملونه بالاحمر حسب رغبتك

    طريقة اخري


    1- قم بالدخول إلى لوحة التحكم بلوجر الخاصة بمدونتك.
    2- توجه على صفحات.
    3- قم بإنشاء صفحة جديدة.
    4- قم بلصق الكود بها وعدل عليها كما تشاء.

    طريقة عمل خريطة مفهرسة لمدونة بلوجر

    Posted on with No comments

    السلام عليكم ورحمة الله وبركاتة 


    اقدم لكن اليوم طريقة عمل خريطة خاصة بمدونتك 

    حيث تعرض فيها اجدد المنشورات التي تقوم بنشرها 

    مفهرسة على أساس الأقسام التي كونتها .

    صورة للخريطة 
     


    طريقة عمل الخريطة  

    1 - قم بالدخول إلى لوحة التحكم بلوجر الخاصة بمدونتك.

    2 - توجه إلى الصفحات .

    3 - ثم قم باختيار صفحة فارغة من صفحة جديدة.

    4 - ثم انسخ الكود التالي والصقه :

    <script src="https://sites.google.com/site/
    technologymob/home/blogtoc-min.js">
    </script>
    <script src="http://fartaka-news.blogspot.com
    /feeds/posts/default?max-results=9999&
    alt=json-in-script&callback=loadtoc">
    </script>

    مع تغيير fartaka-news التي باللون الاحمر باسم مدونتك
    5 - قم بتسمية الصفحة وانشرها ومبروك عليك خريطة مدونتك بكل موضوعاتها مفهرسة بالاقسام 
    مع خالص تحياتي و تمنياتي بالتوفيق
     

    Latest

    Blog Archive

    Hit Me