التعرف على محتوي لقالب القائمه لـ Main
رسائل المدونة الإلكترونية
هو قلب البلوجر لرفع المقالات غير الاضافات
الكود الرسمي
<b:widget-setting name='commentLabel'>هنا المحتوي</b:widget-setting>
كمثال
<b:widget-setting name='commentLabel'>التعليقات :</b:widget-setting>
هنا نوضح كيف نزين المحتوي باي اضافه لصوره او اي محتوي والتعرف على المسميات لها ليسهل عليك الامر
1- التعليقات commentLabel
2- الكاتب authorLabel
3- التوقيت timestampLabel
4- الدوله postLocationLabel
5- القسم postLabelsLabel
ونتابع
نبذه سريعه واتبع شروحاتنا ليسهل عليك الاضافات بالبوجر باسرع وقت
1- هذا الامر لـ CSS
]]></b:skin>
2- هذا الامر لـ Javascript -Js
</body>
3- هذا الامر لـ HTML
</header>
نتابع
هذا اذ وجت الاكواد مو شرط تجدها باي قالب
البحث عن
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
text-align: center;
}
الاستبدال
#blog-pager-newer-link {
float: left;
display: none;
}
#blog-pager-older-link {
float: right;
display: none;
}
#blog-pager {
text-align: center;
display: none;
}
انتبه لهذا او اذا حابه اتركه
الويب
<blockquote>
Creativity is just connecting things. When you ask creative people how they did something, they feel a little guilty because they didn't really do it, they just saw something. It seemed obvious to them after a while. That's because they were able to connect experiences they've had and synthesize new things.
<span>Steve Jobs</span>
</blockquote>
الاستايل
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic);
blockquote{
font-size: 1.4em;
width:60%;
margin:50px auto;
font-family:Open Sans;
font-style:italic;
color: #555555;
padding:1.2em 30px 1.2em 75px;
border-left:8px solid #78C0A8 ;
line-height:1.6;
position: relative;
background:#EDEDED;
}
blockquote::before{
font-family:Arial;
content: "\201C";
color:#78C0A8;
font-size:4em;
position: absolute;
left: 10px;
top:-10px;
}
blockquote::after{
content: '';
}
blockquote span{
display:block;
color:#333333;
font-style: normal;
font-weight: bold;
margin-top:1em;
}
حذف هذا الامر من البلوجر بروابط
1=m?<script>/*<![CDATA[*/ var uri = window.location.toString(); if (uri.indexOf("%3D","%3D") > 0) { var clean_uri = uri.substring(0, uri.indexOf("%3D")); window.history.replaceState({}, document.title, clean_uri);} var uri = window.location.toString(); if (uri.indexOf("%3D%3D","%3D%3D") > 0) { var clean_uri = uri.substring(0, uri.indexOf("%3D%3D")); window.history.replaceState({}, document.title, clean_uri);} var uri = window.location.toString(); if (uri.indexOf("&m=1","&m=1") > 0) { var clean_uri = uri.substring(0, uri.indexOf("&m=1")); window.history.replaceState({}, document.title, clean_uri); } var uri = window.location.toString(); if (uri.indexOf("?m=1","?m=1") > 0) { var clean_uri = uri.substring(0, uri.indexOf("?m=1"));window.history.replaceState({}, document.title, clean_uri);}; var protocol=window.location.protocol.replace(/\:/g,''); if(protocol=='http'){ var url=window.location.href.replace('http','https'); window.location.replace(url);} /*]]>*/</script>
حل مشكله الضاهر بالصوره لـ يجب تحديد "name" أو "item.name". (في "itemListElement")
<b:if cond='data:blog.pageType == "item"'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' itemscope='itemscope' itemtype='https://schema.org/BreadcrumbList'>
<span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
<a class='homebread' expr:href='data:blog.homepageUrl' itemprop='item' title='Home'><i class='fa fa-home'/>
<span itemprop='name' style='display: none;'>الرئيسية</span></a>
<meta content='1' itemprop='position'/>
</span>
<i class='fa fa-caret-left'/>
<b:loop index='num' values='data:post.labels' var='label'>
<span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
<a expr:href='data:label.url + "?&max-results=16"' expr:title='data:label.name' itemprop='item'>
<span itemprop='name'>
<data:label.name/>
</span>
</a>
<meta expr:content='data:num+2' itemprop='position'/>
</span>
<b:if cond='data:label.isLast != "true"'>
<i class='fa fa-caret-left'/>
</b:if>
</b:loop>
<i class='fa fa-caret-left'/>
<span>
<data:post.title/>
</span>
</div>
</b:if>
</b:loop>
</b:if>
الدخول يا من البريد او على الرابط
https://search.google.com/search-console/<meta name="google-site-verification" content="EAGbbSr0nf-ULk2VyAIOR94fDVWox" />
لمثال
البحث عن
</head>
فوقه حط هذا
<script type='text/javascript'>
posts_no_thumb_sum = 490;
posts_thumb_sum = 400;
img_thumb_height = 120;
img_thumb_width = 120;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = posts_no_thumb_sum;
if(img.length>=1) {
imgtag = '<span class="posts-thumb" style="float:left; margin-right: 5px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = posts_thumb_sum;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
والبحث عن هذا
<data:post.body/>
استبدله بهذا
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='readmore' style='float:right'><a expr:href='data:post.url'>إقراء المزيـد »</a></span></b:if></b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>
واخيرا نبحث عن
]]></b:skin>
فوقه ضع الكود هذا
.thumbnail-post {width:140px;height:80px;float:left;margin:0px 10px 0px 0px;padding-right:15px}
انتهي
المواقع واجد من هذي الخدمه بس انا ابحث عن المميزه في الاكواد
التى تضيفها بالمدونه او المواقع او اي سكربت بطريقتك
يمكنكم البحث عن مواقع اخره
https://www.coderduck.com/
PageRank Check
المثال
https://blog-hkrkoz.blogspot.com/p/google-pagerank-check.html
وهذا كودنا من المصدر
<a href="https://www.webestools.com/google-pagerank-checker-free-website-page-rank-checksum.html"><img src="https://images.webestools.com/prggl.gif?site=https%3A%2F%2Fblog-hkrkoz.blogspot.com%2F&style=5" alt="PageRank" /></a>
في درسنا اليوم والمميز انك تنشئ مدونه باحتراف وشخصي ولا راح تحتاج اي مساعده
برمجه blogspot
يتيح لك بإنشاء مدونه او صفحه خاصه لك في خدمات مميزه وكثيره
اول التطبيق .. اذا حبيت صفحات ال بلوجر ؟ فقط تقوم بتعريبها يا يدوي او من هذا
البرنامج
TBT 1.2
او تختار احد البلوجر المعرب وتقوم بالتعديل له " واحيانا المعرب للاسف عند الرفع
يضع رابط مدونته ويلعب في حسبتنا
المهم نتبع موضوعنا
لبولوجر الاصلي ... تحتاج هذي الاصناف وهي المهمه في تنسيق المدونه
- اضافة خاصية اقرأ المزيد على مدونات هنا شرحه
إضافة ترقيم الصفحات هنا شرحه -
- إضافة زر الصعود لأعلى لمدونة هنا شرحه
هذي الاضافات المهم في انشاء المدونه <<<
والتطبيقات الاخره يمكن الرئيه لها باي وقت هذا الشر هو الاساسي لتكون براحه نفسيه
عند اي تطبيق
و
وراح ارفع لكم بلوجر خالي من التعديلات اصلي فقط عليك التنسيق والتعديل بنوعين عربي
وانجليزي
وهو اهداء لاخوي : هايف السفراني العجمي من الكويت
بتسميه بلوجر XML
hayef-101_3.XML
ويكون الاصدار الاول برقم 3 نبدأ على التوكل بالله سبحانه
وراح اضع الاساسيات لبلوجر فقط
اشتراك في
المشاركات
جميع التعليقات
|
