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 - قم بتسمية الصفحة وانشرها ومبروك عليك خريطة مدونتك بكل موضوعاتها مفهرسة بالاقسام 
    مع خالص تحياتي و تمنياتي بالتوفيق
     

    ايقونات المواقع الاجتماعية بشكل رائع وبتاثير جميل عليها لمدونه بلوجر

    Posted on Saturday, 4 May 2013 with No comments

    مرحبا بكم زوار مدونة فرتكة نيوز الكرام 

    نقدم لكم اليوم كود جميل وهو عبارة عن ايقونات المواقع الاجتماعية ( فيس بوك - تويتر - جوجل بلس - rss )

     بتاثير رائع حيث تقوم بالدونات فى حين الوقوف عليها 

    صورة للاداة 


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


    طريقة وضع الاداة

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

    الكود 
    <style> #social a:hover {background-color: transparent;opacity:0.7;} #social img { -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } #social img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } </style> <center><div id="social">
    <center><p id="hb_socialicons">
    <رابط الصفحة على الفيس بوك">
    <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5YRgMsKEe82eguFLKwPpdKRTj4UlHQpPu7cvGxSr1Mi5HAzBdFUagQNgdyp3Ix6FxJU934c4AU2i43degmYCiDzitqPVHpuMKvKwS3Wx3SsXvnjRV1OcbJw_T6TFja_sb-3gkd4c1eAkI/s1600/facebook.png" /></a>
    <a href="رابط الصفحة على تويتر">
    <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSdno6RonmVVVdCio25hKa8tVuf9dT7AFEJvgA6XwHtl4eoBF_tahooZfmX44w1yRaG3oPtddq5VQdcPkgJCsMSWqvPekzYslOzwdlgk0xskGii3JnnZp0DOzulmeanFW_xVyGgkBBMxBb/s1600/twitter.png" /></a>
    <a href="رابط جوجل بلس">
    <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEina82HHfJMTWXg7tIiAg2Q6n5DK2tVohgI4EI63c3dB9pzTDAImbr1LpSbkkPIuGWgSpokrJVswtDn3s1Fqo1zZKG85FhFuWisEsWsxqZDJJJMqW7JFKUNYTIfNsje2hVxK9nJi0Zija79/s1600/googleplus.png" /></a>
    <a href="رابط تغذية rss"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDNdAeulLuKB63gK6inWhmS1TDsiHYHKuyCZZsCsVlKSBy_sW5KKreo0mbfwDObav3m-9paZjzWpQwsq_qrN7yIpNhq8ONY4u-j7nRqlWy4kM2ZvYhXtQ7Ik450EqQW1YaCFjkwiaanJHp/s1600/rss.png" /></a>
    </p></center>
    وقم بتغيير ما باللون البني بما ترغبة
    ثم قم بتغيير مكان الأداة كما تشاء 


    ايقونات المواقع الاجتماعية بشكل رائع وتاثير جميل عليها لمدونه بلوجر

    Posted on Friday, 3 May 2013 with No comments

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

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

    ( فيس بوك Icon - تويترIcon - RSS Icon  - جوجل بلس  )


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

    صورة للاداة




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


    Icon Icon Icon

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


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

    3 - ثم إضافة أداة.

    4 - إختر HTML/JavaScript .

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

    <style> #social a:hover {background-color: transparent;opacity:0.7;} #social img { -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } #social img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } </style> <center><div id="social"> <!--Start Rss Icon--> <a title="إشترك في خلاصة المواضيع" href="رابط تغذية الار اس اس" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3A5fMqqPQ1PBltF2biEYNW16wPcg_x0no120LFErORtwub6IhAakhL3tCLPSdg7G1bXT1Hb6qjW8IjMMceHEr2w5hOHTecIB-3ZfO1o-R1o4_dGau8ca8PwRmNdELCqODap47hvkz6G68/s1600/RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Rss Icon--><!--Start Facebook Icon--> <a rel="nofollow" title="تابعنا على الفيس بوك" href="رابط صفحة الفيس بوك" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0OWqhIGpdGJ-cLOwgyDtmTQcL0HUT2r-05BFANwAaRlqdYsIaUtLa4iq1LHWKdgeIKERKvYNijoEF3SEfPSiQJjgtXfbCRD-OwnMkfGeq0Whbg-_jxcNPsQrFI3FVzgm2ttqK0CJ9bArz/s1600/FACEBOOK-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Facebook Icon--> <!--Start Twitter Icon--> <a rel="nofollow" title="تابعنا على تويتر" href="رابط صفحة التويتر" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz0ms2fGgsgFrYEt-QR1BoS5lm9_wy2ltL4NNCi0e2TVaNAqy0xPaRuvh46bKJAPNQN8qZACJNlLldzSQNQafxD-7I7jvsik3ZUq2mnVZ3S6aEjWZwc9irc-KZyWBJN8Hifl1sWdnkI_L1/s1600/TWITTER-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Twitter Icon--> <!--Start Google+ Icon--> <a title="تابعنا على جوجل+" rel="nofollow" href="رابط صفحة جوجل بلس" rel="nofollow" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5ZbAeQx1stVBnYNC_Azwze2Smz7tSTqW_TTETeBJziJKUMlLR1YnhnCbHtmeKUVytJXHcuXk7ruDRPpyJ-dehfk-iG-LW0mVS7B2A3IZtLSH3s0eAqsBr-yGkoM5NHdugKZGVPtrZ2P13/s1600/GOOGLE-PLUS-48x48.png"/></a> <!--End Google+ Icon--></div></center>

    وقم بتغيير ما باللون البني بما ترغبة
     ثم قم بتغيير مكان الأداة كما تشاء


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

    Posted on Wednesday, 1 May 2013 with No comments


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


    اهلا بكم فى منتديات فرتكة نيوز مدونة كل جديد
    موضوعنا اليوم عن طريقة عمل تطبيق اخر المواضيع لمدونتك من موقع FriendFeed الاجتماعي
    صورة للتطبيق


    طريقة انشاء التطبيق


    1 - ادخل موقع التطبيق http://friendfeed.com

    2 -  قم بالضغط على Join frindfees لعمل حساب جديد به

    3 - يمكنك التسجيل بالموقع عن طريق حسابك بالفيس بوك او التويتر ( انصح بالفيس بوك ) 

    املئ البيانات المطلوبة ثم اضغط على التسجيل 
    وان لم تكن تريد ان تقوم بالتسجيل عن طريق حسابك بالفيس بوك او تويتر يمكنك الضغط على علامة الـX عند اسمك ثم الضغط على امسح النموذج

     5 - بعد اتمام عملية السجيل سيطلب منك بعض الاشياء مثل اضافة اصدقاء تجاهلها او اكلمها اذا اردت
    6 -  بعد الانتهاء قم بالضغط على اسم حسابك ( ادخل على الصفحة الشخصية لحسابك )

    7 - بعد الدخول اضغط على Import a service لاضافة مدونتك 


    بعد اضافة مدونتك سيتم اضافة مواضيع منتداك بجديدها وقديمها الى صفحتك فى الموقع 
    8 - بعد اضافة مدونتك قم بالضغط على Tools بجانب مربع البحث اعلي الموقع 

    9 - قم بالضغط على Embeddable widgets للدخول الى صفحة خدمات الموقع  

    10 - قم باختيار منها تطبيق Feed Widget لبدء صنع الكود

    11 - بعد الدخول الى صفحة صنع الكود قم بالتعديل عليه كما تشاء وعند الانهاء قم بنسخة ووضعه فى مدونتك 

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

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



    منتظر ردودكم









    Latest

    Blog Archive

    Hit Me