تعلم البلوجر هكركوز الكويت: برمجه باضافات خارجيه

‏إظهار الرسائل ذات التسميات برمجه باضافات خارجيه. إظهار كافة الرسائل

السبت

وضع مقاطع يوتيوب برمجه وجافا 5 youtube

البحث عن

</head>

فوقه

<style>
#videoslider {
background:#F6F6F6; /* Background color */
clear:both;
margin:0 auto;
padding:5px;
width:735px;
border-radius: 5px;
border: 1px solid #C1C1C1;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
#videoslider, #videoslider-content, #videoslider-tabs {
height:340px;
}
#videoslider-content {
color:#fff;
float:left;
text-align:center;
width:430px;
z-index:1;
}
.loading-vid {
display:block;
margin:165px auto 0;
}
#videoslider-tabs {
float:right;
width:240px;
margin:0;
}
#videoslider-tabs li {
background-color:#F6F6F6;
border: 1px solid #C1C1C1;
float:left;
height:60px;
padding:5px;
width:240px;
list-style:none;
overflow: hidden;
}
#videoslider-tabs li a {
padding:0 !important;
border:0 !important;
}
#videoslider-tabs li.hover {
background-color:#EBEBEB;
}
#videoslider-tabs li.actVid {
background:#555;
}
#videoslider-tabs li img.thumb-vid {
background-color:#EEEEEE;
float:left;
height:52px;
margin:0 8px 0 0;
padding:5px;
width:52px;
}
#videoslider-tabs li span.vidTit {
display:block;
color:#128EC9; /* Titles color */
font-size:12px; /* Titles font size */
font-weight:bold;
text-decoration:none;
}
#videoslider-tabs li .vidDesc {
display:block;
color:#222222; /* Color of the description */
font-size:11px; /* Font size of the description */
font-weight:bold;
text-decoration:none;
}
#videoslider-tabs a {
text-decoration:none;
}
#videoslider-tabs li.actVid .vidDesc {
color:#fff;
}
#videoslider-tabs li span.vidTit .actVid {
color:#fff; /* Titles color */
}
.ui-widget-content{
float:right;
overflow-y: scroll;
overflow-x: hidden;
}
.tabs-outer {
background-image: none !important;
}
#videoslider-tabs li a:hover {
background: none !important;
}</style>

ضعها بالمكان المناسب

الاضافه لـ إعداد اللغة HTML/JavaScript

<script>
var video = [];
video[1] = '<iframe width="460" height="345" src="http://www.youtube.com/embed/video_ID_1" frameborder="0" allowfullscreen></iframe>';
video[2] = '<iframe width="460" height="345" src="http://www.youtube.com/embed/video_ID_2" frameborder="0" allowfullscreen></iframe>';

video[3] = '<iframe width="460" height="345" src="http://www.youtube.com/embed/video_ID_3" frameborder="0" allowfullscreen></iframe>';
video[4] = '<iframe width="460" height="345" src="http://www.youtube.com/embed/video_ID_4" frameborder="0" allowfullscreen></iframe>';
video[5] = '<iframe width="460" height="345" src="http://www.youtube.com/embed/video_ID_5" frameborder="0" allowfullscreen></iframe>';
</script>
<div id="videoslider">
<div id="videoslider-content"></div>
<ul id="videoslider-tabs">
<li><a href="#vid1"><img src="//i2.ytimg.com/vi/video_ID_1/default.jpg" class="thumb-vid" /><span class="vidTit">Video Name</span><span class="vidDesc">Video Description</span></a></li>

<li><a href="#vid2"><img src="//i2.ytimg.com/vi/video_ID_2/default.jpg" class="thumb-vid" /><span class="vidTit">Video Name</span><span class="vidDesc">Video Description</span></a></li>

<li><a href="#vid3"><img src="//i2.ytimg.com/vi/video_ID_3/default.jpg" class="thumb-vid" /><span class="vidTit">Video Name</span><span class="vidDesc">Video Description</span></a></li>

<li><a href="#vid4"><img src="//i2.ytimg.com/vi/video_ID_4/default.jpg" class="thumb-vid" /><span class="vidTit">Video Name</span><span class="vidDesc">Video Description</span></a></li>

<li><a href="#vid5"><img src="//i2.ytimg.com/vi/video_ID_5/default.jpg" class="thumb-vid" /><span class="vidTit">Video Name</span><span class="vidDesc">Video Description</span></a></li>
</ul>
</div>

رابط المقطع video_ID_1

الاسم Video Name و Video Description

ونتابع

اقرأ المزيد

المنشورات ذات الصلة

البحث عن

</head>

فوقه

<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
#related-posts{float:left;width:auto;}
#related-posts a{border-right: 1px dotted #eaeaea;}
#related-posts a:hover{background: #f2f2f2;}
#related-posts h2{margin-top: 10px;background:none;font:18px Oswald;padding:3px;color:#999999; text-transform:uppercase;}
#related-posts .related_img {margin:5px;border:4px solid #f2f2f2;width:100px;height:100px;transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;}
#related-title {color:#222;text-align:center;padding: 0 10px;font-size:14px Oswald; line-height:16px;text-shadow:0 2px 2px #fff;height:28px;width:100px;}
#related-posts .related_img:hover{border:4px solid #E8E8E8;opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7}</style>
<script type='text/javascript' src='http://makingdifferent.github.io/blogger-widgets/related_posts_widget.js' />
</b:if>

والبحث عن

<div class='post-footer'>

مكرر على الثاني قوقه

<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=5"' type='text/javascript'></b:if></b:loop>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=5;
var relatedpoststitle="<b>المنشورات ذات الصلة : </b>";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div class='clear'/>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
</b:if>
</b:if>

ونتابع

اقرأ المزيد

مجموعه المربعات بالقائمه

هذا الكود يصلح لقوالب اللى ما عليها اي اضافات يعني تصميم جديد

البحث عن

</head>

فوقه

<script type='text/javascript'>
posts_no_thumb_sum = 100;
posts_thumb_sum = 100;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(a,b){if(a.indexOf("<")!=-1){for(var c=a.split("<"),d=0;d<c.length;d++)c[d].indexOf(">")!=-1&&(c[d]=c[d].substring(c[d].indexOf(">")+1,c[d].length));a=c.join("")}for(b=b<a.length-1?b:a.length-2;" "!=a.charAt(b-1)&&a.indexOf(" ",b)!=-1;)b++;return a=a.substring(0,b-1),a+"..."}function createSummaryAndThumb(a,b,c){var d=document.getElementById(a),e="",f=d.getElementsByTagName("img"),g=posts_no_thumb_sum;f.length>=1?(e='<div class="posts-thumb" style="float:left;"><a href="'+b+'"><img src="'+f[0].src+'" /></a></div>',g=posts_thumb_sum):(e='<div class="posts-thumb" style="float:left;"><a href="'+b+'" title="'+c+'"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1I3YZPds7n5k31wv50TGvo3tvP2oPtkCzr13g4hECt2HClfYVgmUZe_mqVnh0MNYFkelg4fiZK74NfrjmybRiHqGqasNnEToMppDkm6EHrDuLoT8xL7LhC1Pe_5LZoLzWLHCDgFlDb2qf/s1600/sorry-image-not-available.png" /></a></div>',g=posts_thumb_sum);var h=e+'<div class="post-summary-text">'+removeHtmlTag(d.innerHTML,g)+"</div>";d.innerHTML=h}
//]]>
</script>

البحث عن

<data:post.body/>

استبدال الثاني والثالث

<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>","<data:post.url/>");</script>
<b:if cond='data:post.allowComments'>
<a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:post.numComments/>
</a>
</b:if>
</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>

الان اختر احدهم : البحث عن

</head>

فوقه

1- مميز خانتين

<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType!= "item"'>
<style type="text/css">
#blog-pager{clear:both}.post{height:auto;width:30.8%;overflow:hidden;display:inline-block;text-decoration:none;float:left;margin:0 1.1% 2%;padding:0!important}h3.post-title a{font-size:75%;font-family:'Open Sans Condensed',sans-serif;text-transform:uppercase;padding:0;color:#444}h3.post-title{height:26px;text-align:center;width:100%;margin:0!important;padding-bottom:4%}.date-header{display:none}.post-body a{text-decoration:none}.posts-thumb{width:100%;height:190px;overflow:hidden;position:relative}.posts-thumb img{position:absolute;left:-100%;right:-100%;top:-100%;bottom:-100%;margin:auto;width:auto;max-width:340px;height:auto;padding:0;border:none;outline:none;}.post-summary-text{color:#777;font-size:100%!important;font-family:'Open Sans Condensed',sans-serif;text-align:center;clear:both;overflow:hidden;margin:5px 0 0;padding:7% 10%}a.comment-bubble{color:#fff;text-decoration:none;font-size:100%;font-weight:700;right:10px;position:absolute;top:165px;text-shadow:1px 2px 1px #333;font-family:'Open Sans Condensed',sans-serif;}a.comment-bubble:before{content:"Comments: ";}.post-header,.post-footer{display:none}
</style></b:if></b:if><link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'/>

<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType!= "item"'>
<style type="text/css">
#blog-pager{clear:both}.post{height:auto;width:31%;display:inline-block;text-decoration:none;float:left;margin:0 1.1% 2%;padding:0!important}h3.post-title a{font:75% 'Open Sans Condensed',sans-serif;text-transform:uppercase;color:#111;padding:0}h3.post-title{text-align:center;height:22px;position:absolute;bottom:23%;width:100%;z-index:101;overflow:hidden;margin:0!important;padding:10px 0 13px}.date-header{visibility:hidden;height:0!important;width:0!important;margin:0!important;padding:0!important}.posts-thumb{width:100%;height:190px;position:relative;overflow:hidden;clear:both;border-bottom:3px solid #00C8BD;border-top:3px solid #558ABB}.posts-thumb:hover{border-top:3px solid #FF664E;border-bottom:3px solid #FEBE36}.post-body{position:relative;height:auto}.post-body a{text-decoration:none}.posts-thumb img{position:absolute;left:-100%;right:-100%;top:-100%;bottom:-100%;margin:auto;width:auto;max-width:340px;height:auto;padding:0;border:none;outline:none}.post-summary-text{color:#555;background:#f5f5f5 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzwm8cxOLPfltlvE7YSC_gMCxPYM1pl71mNiDfFSIDuvuSCmUZoGWwGX8oGrIVQn7qeNj-vBSleZcOnGc4avPaLkhBp10KbfDeRrpSCYZ9Izza-kUgBVC8KMScFFW6acrgVVJeOw-PAjC_/s1600/blueprint.png);font:100% 'Open Sans Condensed',sans-serif;text-align:center;clear:both;overflow:hidden;margin:5px 0 0;padding:17% 10% 6%}a.comment-bubble{color:#fff;text-decoration:none;right:10px;position:absolute;top:165px;text-shadow:1px 2px 1px #333;font:110% 'Pacifico',cursive;}a.comment-bubble:before{content:"Comments: " url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBIXQPwLx4IsUs7lI1RpDlNa2Amv_zcdsjokoOi8Zlp6WjKxRzF8iDlhKhuEj5nD6bHVhto7BBSAqbfTIm6Dxgs2YyZnb0V_LxHo1Y50lj69i0nGprvsWuO4GnifUSZn8MVzfGosvTwSj6/s1600/heart-active.png);}.post-header,.post-footer{display:none}
</style></b:if></b:if>
<link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'/>
<link href='https://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'/>

<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType!= "item"'>
<style type="text/css">
#blog-pager{clear:both}.post{height:auto;width:31%;display:inline-block;text-decoration:none;float:left;margin:0 1.1% 2%;padding:0!important;}h3.post-title a{font:95% 'Open Sans Condensed',sans-serif;text-transform:uppercase;color:#fff;padding:0;text-shadow:2px 2px 3px #222}h3.post-title{height:22px;text-align:center;position:absolute;top:1%;width:100%;z-index:101;overflow:hidden;margin:0!important;padding:10px 0}.date-header{visibility:hidden;height:0!important;width:0!important;margin:0!important;padding:0!important;}.posts-thumb{width:100%;height:190px;overflow:hidden;position:relative;}.post-body{position:relative;overflow:hidden}.post-body a{text-decoration:none;}.posts-thumb img{position:absolute;left:-100%;right:-100%;top:-100%;bottom:-100%;margin:auto;width:auto;max-width:340px;height:auto;padding:0;border:none;outline:none;}.post-summary-text{cursor:pointer;background-color:rgba(44,77,163,0.8);color:#fff;font:108% 'Open Sans Condensed',sans-serif;overflow:hidden;padding:45px 10px 0;left:0;position:absolute;text-align:center;text-shadow:1px 1px 0 rgba(0,0,0,0.1);top:0;opacity:0;height:100%;transition:all 300ms ease-out 0s;}.post-summary-text:hover{opacity:1;z-index:10;}a.comment-bubble{color:#fff;text-decoration:none;font:104% 'Pacifico',cursive;width:100%;text-align:center;position:absolute;top:160px;left:0;text-shadow:1px 2px 1px #333;z-index:11;}a.comment-bubble:before{content:"Comments: "}.post-header,.post-footer{display:none}
</style></b:if></b:if>
<link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'/>
<link href='https://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'/>

<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType!= "item"'>
<style type="text/css">
#blog-pager{clear:both;position:absolute;bottom:0;left:0}.blog-feeds{display:none}.post{height:auto;width:100%;padding:0!important;margin:0 0 30px;display:inline-block;text-decoration:none}h3.post-title a{font:bold 95% 'Open Sans Condensed',sans-serif;text-transform:uppercase;padding:0;color:#fff;text-shadow:3px 2px 2px #222;}h3.post-title,.comments h4{margin:0!important;text-align:center;padding:10px 0;position:absolute;top:10px;width:100%;z-index:200}.post-header{display:none}.date-header{visibility:hidden;height:0!important;width:0!important;padding:0!important;margin:0!important}.posts-thumb{width:100%;height:auto;overflow:hidden;clear:both}.post-body{overflow:hidden;position:relative}.post-body a{text-decoration:none}.post-body img{display:block;width:auto;height:auto;max-width:100%;max-height:none;min-width:100%;min-height:auto;margin:0;padding:0;border:none;outline:none;position:relative}.post-summary-text{cursor:pointer;background-color:rgba(44,77,163,0.8);color:#fff;font:120% 'Open Sans Condensed',sans-serif;padding:84px 10% 0;left:0;position:absolute;text-align:center;vertical-align:bottom;text-shadow:1px 1px 0 rgba(0,0,0,0.1);top:0;opacity:0;z-index:10;height:100%;transition:all 300ms ease-out 0s;}.post-summary-text:hover{opacity:1}.post-footer{display:none}a.comment-bubble{color:#fff;text-decoration:none;font:120% 'Open Sans Condensed',sans-serif;right:5px;z-index:222;position:absolute;top:5px;text-shadow:1px 2px 1px #333;}a.comment-bubble:before{content:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBIXQPwLx4IsUs7lI1RpDlNa2Amv_zcdsjokoOi8Zlp6WjKxRzF8iDlhKhuEj5nD6bHVhto7BBSAqbfTIm6Dxgs2YyZnb0V_LxHo1Y50lj69i0nGprvsWuO4GnifUSZn8MVzfGosvTwSj6/s1600/heart-active.png);}.main-inner .column-center-inner{-moz-column-count:3;-moz-column-gap:1px;-webkit-column-count:3;-webkit-column-gap:1px;column-count:3;column-gap:1px;width:100%;padding:0!important}
</style></b:if></b:if>
<link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'/>

Hello, I did everything like you said above, but it's not working, all my posts vanished! Can you help me plz? thank you.

وهذي طريقه اخره /

البحث عن

</head>

فوقه

<script type='text/javascript'>
function list_view(){
if(document.getElementsByClassName("post")) {elementArray = document.getElementsByClassName("post"); while (elementArray.length) {elementArray[0].className = "post-grid-view";}}
if(document.getElementsByClassName("post-title")) {elementArray = document.getElementsByClassName("post-title"); while (elementArray.length) {elementArray[0].className = "post-title-grid";}}
}
function grid_view(){
if(document.getElementsByClassName("post-grid-view")) {elementArray = document.getElementsByClassName("post-grid-view"); while (elementArray.length) {elementArray[0].className = "post";}}
if(document.getElementsByClassName("post-title-grid")) {elementArray = document.getElementsByClassName("post-title-grid"); while (elementArray.length) {elementArray[0].className = "post-title";}}
}
</script>
<script type='text/javascript'>
posts_no_thumb_sum = 100;
posts_thumb_sum = 350;
</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, pURL, pTITLE){
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: 10px;"><a href="'+ pURL +'"><img src="'+img[0].src+'" /></a></span>';
summ = posts_thumb_sum;
}

else {
imgtag = '<span class="posts-thumb" style="float:left; margin-right: 10px;"><a href="'+ pURL +'" title="'+ pTITLE+'"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1I3YZPds7n5k31wv50TGvo3tvP2oPtkCzr13g4hECt2HClfYVgmUZe_mqVnh0MNYFkelg4fiZK74NfrjmybRiHqGqasNnEToMppDkm6EHrDuLoT8xL7LhC1Pe_5LZoLzWLHCDgFlDb2qf/s1600/sorry-image-not-available.png" style="margin-top: -30px;" /></a></span>';
summ = posts_thumb_sum;
}

var summary = imgtag + '<a href="'+ pURL +'"><div class="post-summary-text">' + removeHtmlTag(div.innerHTML,summ) + '</div></a>';
div.innerHTML = summary;
}
//]]>
</script>

<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType!= "item"'>
<style>
#list-view-button {font-family: Verdana; text-align:left;cursor:pointer;font-size: 14px;border-bottom: 5px solid #eaeaea;text-decoration: none;}
#list-view-button a{text-decoration: none; color: #666;}
.grid-view-button {background-color:#efefef;color:#666;padding:5px 10px;border-radius: 5px;font-size: 12px;}
.list-view-button {background-color:#efefef;color:#000;padding:5px 10px;border-radius: 5px;font-size: 12px;}
.post-grid-view {width:100%;height:250px;overflow: hidden;float:left;margin:0px 0px 20px !important;position:relative;display: block; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; }
.post-grid-view .posts-thumb {width:40% !important;height:250px !important;float:left;margin:0px;position:relative;border-top: 0px solid transparent !important;overflow: hidden;}
.post-grid-view .post-header {display: none;}
.post-grid-view .post-body img {min-width: 300px !important; min-height: 250px !important;display:block;width:100%!important;height:auto!important;max-width:800px!important;max-height:400px!important;border:none;outline:none;position:relative;margin: 0px;padding:0;}
.post-grid-view .post-summary-text {opacity: 1; background: none; width: 58%;font-size: 120% !important;clear: none !important; display: inline-block !important; padding: 80px 0px !important; color: #666 !important; text-shadow: none !important; float: right !important; text-align: left; position: relative !important; font-family: 'Open Sans Condensed', sans-serif;}
.post-grid-view .post-body {height: 250px;background:#f5f5f5; box-shadow: none !important;}
.post-title-grid a { font-size:170%;color: #777;font-family: 'Open Sans Condensed', sans-serif;}
.post-title-grid { position: absolute; left: 42%; top: 5%; z-index: 1;}
.post-grid-view .post-footer {left: 41%; display:block;position: absolute; bottom: 2%;font-size: 120%; background: transparent !important; border: 0px solid transparent !important;font-family: 'Open Sans Condensed', sans-serif;}
.post-grid-view .post-footer a{color: #128EC9;}
.post-grid-view a.comment-bubble {display: none;}
.main-inner .column-center-inner .section {margin: 0px !important;}
.post { -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;}

#blog-pager {clear:both;}
.post {height:auto;width:32.2%;display:inline-block;text-decoration:none;float:left;margin:0 1% 1% 0%;overflow: hidden;padding:0!important;}
.date-header {display: none;}
h3.post-title a {font-size:90%;font-family: 'Open Sans Condensed', sans-serif;text-transform:uppercase;color:#fff;text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);font-weight: bold;}
h3.post-title {text-align: center; position:absolute;top:0;width:100%;overflow:hidden;margin:0px !important;padding-top: 30%; background-color: rgba(50, 126, 213, 0.8);transform: scale(1);opacity: 0;z-index: 10;height: 100%;transition: all 300ms ease-out 0s;}
h3.post-title:hover {opacity: 1;}
.posts-thumb {width:100%!important;height:200px!important;overflow:hidden;clear:both;}
.post-body {border-radius:2px;box-shadow:0 5px 4px 1px rgba(0,0,0,0.1);position:relative;overflow: hidden;}
.post-body a {text-decoration: none;}
.post-body img {display:block;width:100%!important;height:auto!important;max-width:800px!important;max-height:400px!important;min-width:200px!important;min-height:200px!important;border:none;outline:none;position:relative;margin: 0px;padding:0;}
.post-summary-text {display: none;}
a.comment-bubble {color:#fff;text-decoration:none;font-size:100%;width: 100%;text-align: center;position:absolute;top:175px;left: 0px;text-shadow:1px 2px 1px #333;font-family: 'Pacifico', cursive;z-index: 122;}
a.comment-bubble:before { content: "Comments: " url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBIXQPwLx4IsUs7lI1RpDlNa2Amv_zcdsjokoOi8Zlp6WjKxRzF8iDlhKhuEj5nD6bHVhto7BBSAqbfTIm6Dxgs2YyZnb0V_LxHo1Y50lj69i0nGprvsWuO4GnifUSZn8MVzfGosvTwSj6/s1600/heart-active.png);}
.post-header,.post-footer {display:none;}
</style></b:if></b:if>
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'/>

البحث عن

<b:section class='main' id='main' name='Main' showaddelement='no'>

او البحث عن هذا اذا لم تجد الاول

<b:section class='main' id='main' name='Main' showaddelement='yes'>

فوقه

<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType!= "item"'>
<div id='list-view-button'><a class='grid-view-button' onclick='grid_view()'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyxECQ0KQtop9tkcfgwwkrb0YUjP2S9jq3csjX4ru9Pei0ydnTA5dTUWZVpUrmHW-ir6wKFsEn1axwakTgIouGRwxbX6vQ4VR_cqCaP9_CiQvCITQsSd5U2GON4xSVoOK83G43KllDUQFd/s1600/search-grid-icon.png' style='margin: -8px 1px -3px -6px;width: 16px;'/> Grid View</a> <a class='list-view-button' onclick='list_view()'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZUNuUYQSCiNwQw2jMzo7LLddgaLqhvf8rpMxPiPsajEzcXHP8RmZ6wnPL2WOa1PDZZDTDe8BGGw3No2pCLzF4GpdkNCP6ZXnfLsvlZxgKTbB3H8M2geFYL-qpqH-yHCwysQ8ogENIB6Ds/s1600/icon-list-view.png' style='margin: -8px 1px -3px -6px;width: 16px;'/> List View</a></div>
</b:if></b:if>

البحث عن

<data:post.body/>

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

<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>","<data:post.url/>");</script>
<b:if cond='data:post.allowComments'>
<a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:post.numComments/>
</a>
</b:if>
</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>

ونتابع

اقرأ المزيد

مواضيع مشابهه مره

البحث عن

</head>

فوقه

<b:if cond='data:blog.pageType == "item"'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, “Times New Roman”, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}
#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script src='http://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
</b:if>

البحث عن

<data:post.body/>

تحت الاول فقط

<b:if cond='data:blog.pageType == "item"'><div id='related-posts'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast != "true"'></b:if><b:if cond='data:blog.pageType == "item"'><script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:if></b:loop><script type='text/javascript'>var currentposturl="<data:post.url/>";var maxresults=5;var relatedpoststitle="تدوينات ذات صلة";removeRelatedDuplicates_thumbs();printRelatedLabels_thumbs();</script></div><div style='clear:both'/></b:if>

ونتابع

اقرأ المزيد

الأربعاء

عداد مشاهده مقاله

البحث عن

.showAuthor

فوقه

<a expr:name='data:post.id'/> <i class='fa fa-eye'/> <span id='postviews'/> Views

البحث عن

</body>

فوقه

<script src='https://cdn.firebase.com/v0/firebase.js' type='text/javascript'></script>
<script>
$.each($("a[name]"), function(i, e) {
var elem = $(e).parent().find("#postviews");
var blogStats = new Firebase("https://YOUR-APP-NAME.firebaseio.com/pages/id/" + $(e).attr("name"));
blogStats.once("value", function(snapshot) {
var data = snapshot.val();
var isnew = false;
if(data == null) {
data= {};
data.value = 0;
data.url = window.location.href;
data.id = $(e).attr("name");
isnew = true;
}
elem.text(data.value);
data.value++;
if(window.location.pathname!="/")
{
if(isnew)
blogStats.set(data);
else
blogStats.child("value").set(data.value);
}
});
});
</script>

التغير يكون لـ

https://YOUR-APP-NAME.firebaseio.com/pages/id

الشرح الثاااااااني

البحث عن

<p><data:post.body/></p>

فوقه

<b:if cond='data:blog.pageType == "item"'>
<div id='hit-counter'>
<a href='http://blog-hkrkoz.blogspot.com' rel='follow'>
<script src='http://amitjain.in/pageviews.php' type='text/javascript'/> </a>
</div></b:if>

ضعها بالمكان المناسب

الاضافه لـ إعداد اللغة HTML/JavaScript

<a href="http://blog-hkrkoz.blogspot.com"><script src='http://amitjain.in/pageviews.php' type='text/javascript'/></a>

وسلامتكم

اقرأ المزيد

الجمعة

تحريك القوائم بالوان الجوابية color lists

البحث عن

</head>

فوقه

<style>
.module h2 {
background-color: #D5D5D5;
border-radius: 20px 0 0 20px;
color: #FFFFFF;
font-family: Verdana;
font-size: 14px;
line-height: 32px;
margin: 0;
padding: 0 0 0 20px;
text-shadow: 2px 1px 1px #222;
}
.module h2 a {
border-left: 5px solid #ffffff;
color: #101921;
float: right;
font-size: 14px;
text-decoration: none;
text-shadow: none;
padding: 0 10px;
position: relative;
-moz-transition: padding 0.1s linear;
-webkit-transition: padding 0.1s linear;
-ms-transition: padding 0.1s linear;
-o-transition: padding 0.1s linear;
}
.module h2 a:hover {
padding: 0 32px;
}
.module h2 a:before, .module h2 a:after {
content: "";
height: 0;
position: absolute;
top: 50%;
width: 0;
}
.module h2 a:before {
border-bottom: 8px solid transparent;
border-right: 8px solid #ffffff;
border-top: 8px solid transparent;
left: -12px;
margin-top: -8px;
}
.module h2 a:after {
border-bottom: 6px solid transparent;
border-top: 6px solid transparent;
left: -6px;
margin-top: -6px;
}
.module.blue h2 a {background-color: #A2D5EC;}
.module.blue h2 a:hover {background-color: #C5F0FF;}
.module.blue h2 a:after {border-right: 6px solid #A2D5EC;}
.module.blue h2 a:hover:after {border-right-color: #C5F0FF;}
.module.yellow h2 a {background-color: #FCE98D;}
.module.yellow h2 a:hover {background-color: #FFD700;}
.module.yellow h2 a:after {border-right: 6px solid #FCE98D;}
.module.yellow h2 a:hover:after {border-right-color: #FFD700;}
.module.green h2 a {background-color: #bada55;}
.module.green h2 a:hover {background: #C7E176;}
.module.green h2 a:after {border-right: 6px solid #bada55;}
.module.green h2 a:hover:after {border-right-color: #C7E176;}
.module.red h2 a {background-color: #F0A5B5;}
.module.red h2 a:hover {background-color: #FFC7D2;}
.module.red h2 a:after {border-right: 6px solid #F0A5B5;}
.module.red h2 a:hover:after {border-right-color: #FFC7D2;}
</style>

واحفظ واعمل اضافه لـ

HTML/JavaScript

أحد الرموز أدناه لكل عنوان عنصر واجهة مستخدم:

الخلفية باللون الأزرق:

<div class="module blue">
<h2>Title in <a href="Link URL">Blue</a></h2>
</div>

الخلفية باللون الأصفر:

<div class="module yellow">
<h2>Title in <a href="Link URL">Yellow</a></h2>
</div>

الخلفية باللون الأخضر:

<div class="module green">
<h2>Title in <a href="Link URL">Green</a></h2>
</div>

الخلفية باللون الأحمر:

<div class="module red">
<h2>Title in <a href="Link URL">Red</a></h2>
</div>

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

الخطوة 5. بعد قيامك بحفظ أدوات HTML / Javascript التي تحتوي على الرموز أعلاه ، قم بسحبها وإفلاتها فوق الأدوات التي تريد إظهارها ... وحفظ الترتيب.

اقرأ المزيد

تشغيل الصوت بالفلاش mp3 scmplayer SCM Music Player

البحث عن

</body>

فوقه او تحته كما تحب

<script type="text/javascript" src="https://www.scmplayer.net/script.js"
data-config="{'skin':'skins/simpleOrange/skin.css','volume':50,'autoplay':false,'shuffle':false,'repeat':1,'placement':'top','showplaylist':false,'playlist':[{'title':'','url':'https://youtu.be/faiuNEk-lhg'},{'title':'','url':'https://youtu.be/9u4Qtw3P9d4'},{'title':'','url':'https://youtu.be/z94tSX3x5WM'},{'title':'','url':'https://youtu.be/w-zEpVc571c'},{'title':'','url':'https://youtu.be/9ePFqoFJt-c'},{'title':'','url':'https://youtu.be/z94tSX3x5WM'},{'title':'','url':'https://youtu.be/-7jwSKnU3uU'},{'title':'','url':'https://youtu.be/YTKnTDFvtIo'},{'title':'','url':'https://youtu.be/SngLPqnoQco'}]}" ></script>

وسلامتكم

اقرأ المزيد

الثلاثاء

نبذه عن مؤلف المدونه خفيف Author

بحث

]]></b:skin>

فوقه

.authorboxwrap{Font-family: Open Sans;background:#fff;margin:10px auto 20px;padding:20px;overflow:hidden;border:1px solid #ccc;}
.avatar-container {float:left;margin-right:20px;border: 1px solid silver;padding: 3px;}
.avatar-container img{width:110px;height:auto;}
.author_description_container h4{font-family:Open Sans; font-weight:700;font-size:16px;display:block;margin:0;margin-bottom:2px}
.author_description_container h4 a{color:#ef4824}
.author_description_container h4 a:hover{color:#404040}
.author_description_container p{margin:0;color:#888;font-size:95%;margin-bottom:8px;font-family: Open Sans;}
.authorsocial a{display:inline-block;text-align:center;margin-right:10px}
.authorsocial a i{font-family:Fontawesome;width:20px;height:20px;line-height:20px;padding:5px;display:block;opacity:1;border-radius:50%;transition:all .3s;}
.authorsocial a:nth-child(1) i {background:#2d609b;color:#fff;}
.authorsocial a:nth-child(2) i {background:#19bfe5;color:#fff;}
.authorsocial a:nth-child(3) i {background:#eb4026;color:#fff;}
.authorsocial a:hover:nth-child(1) i,.authorsocial a:hover:nth-child(2) i,.authorsocial a:hover:nth-child(3) i {opacity:0.90;}

والبحث عن الاول والثاني

<data:post.body/>

تحته

<b:if cond='data:blog.pageType == "item"'>
<div class='authorboxwrap'>
<div class='authorboxfull'>
<div class='avatar-container'>
<a href=''>
<img class='author_avatar' expr:alt='data:post.author' expr:src='data:post.authorPhoto.url' height='110' width='110'/>
</a>
</div>
<div class='author_description_container'>
<h4>Author: <a href='#' rel='author'><data:post.author/></a></h4>
<p>
<data:post.authorAboutMe/>
</p>
<div class='authorsocial'>
<a class='img-circle1' href='https://www.facebook.com/Hoookr/' rel='nofollow' target='_blank'><i class='fa fa-facebook'/></a>
<a class='img-circle2' href='https://twitter.com/kwt_g3/' rel='nofollow' target='_blank'><i class='fa fa-twitter'/></a>
<a class='img-circle3' href='https://feedburner.google.com/fb/a/livefeed?id=0fhj6i6atbt80caqepbh50eifs' rel='nofollow' target='_blank'><i class='fa fa-google-plus'/></a>
<div class='clr'/>
</div>
</div>
</div>
</div>
<div style='clear:both'/>
</b:if>

وسلامتكم

اقرأ المزيد

الجمعة

برمجه اقراء المزيد Read More

المثال

البحث عن هذا

<data:post.body/>

وقم بالاستبدال تجده مره مرتين

<b:if cond='data:blog.pageType == "item"'><data:post.body/><b:else/>
<b:if cond='data:blog.pageType == "static_page"'><data:post.body/><b:else/>
<b:if cond='data:post.hasJumpLink'><data:post.body/><b:else/>
<b:if cond='data:post.snippet'><b:if cond='data:post.thumbnailUrl'><div class='bljjteImgn'><img expr:src='data:post.thumbnailUrl'/></div></b:if> <data:post.snippet/><div class='blLeerjtems'><a expr:href='data:post.url + "#more"' expr:title='data:post.title'>إقرا المزيـد</a></div>
<b:else/><data:post.body/></b:if></b:if></b:if></b:if>

وبعدها البحث عن هذا

</head>

وفوقه ضع هذا

<link href='https://sites.google.com/site/scriptsbalcon/b/bljLeermsjte.css' rel='stylesheet' type='text/css'/>

انتهينا

اقرأ المزيد

الأحد

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

البحث عن
</head>

فوقه ضع
<link type="text/css" rel="stylesheet" href="http://static.graddit.com/css/graddit.css"/>
الان البحث عن
<data:post.body/>
راح تجد كم واحد عليك بالثاني تحته
<b:if cond='data:blog.pageType == "item"'><data:post.body/> </b:if>
او عندك الثاني لـ وضع أداة التصنيف أسفل عنوان المشاركة فوقه
<b:if cond='data:blog.pageType == "item"'> Code Here <data:post.body/> < /b:if>
أداة التصنيف في نهاية المنشور ، فضعها بعد علامة
<data:post.body/>

الان الاكواد اختر المناسب لك 1

< b:if cond='data:blog.pageType != "static_page"'>
< div expr:id='"labels_" + data:post.id' style='display: none; visibility: hidden;'>
< b:if cond='data:post.labels'>
< b:loop values='data:post.labels' var='label'>
< data:label.name/>,</b:loop></b:if></div>Rate this posting: <div class="ffbs_rating_wrapper">
< div expr:id='data:post.id' class='ffbs_rate ffbs_rate_border ffbs_centered' data-label-rating='icon' data-label-views='icon' data-label-votes='icon'>{[['<img src="http://static.graddit.com/img/star_blue.png"/>']]}</div>
< div expr:id='"ffbs_stats_" + data:post.id' class='ffbs_stats ffbs_centered'></div>
< div expr:id='"share_" + data:post.id' class='ffbs_share ffbs_share_border ffbs_centered'></div></div>
< script type='text/javascript' expr:src='"http://www.graddit.com/rate/eng/5/" + data:post.id + & quot;?id=" + data:post.id + "&stats=ffbs_stats_" + data:post.id + "&labels=labels_" + data:post.id + & quot;&info=info-" + data:post.id + & quot;&info_delay=2&url=" + data:post.url + & quot;&class_star=ffbs_star_img&class_star_set=ffbs_star_img_set&class_star_vote=ffbs_star_img_vote&views=yes&votes=yes&average=yes&share=ffbs_share_" + data:post.id + ""'></script></b:if>

< b:if cond='data:blog.pageType != "static_page"'>
< div expr:id='"labels_" + data:post.id' style='display: none; visibility: hidden;'>
< b:if cond='data:post.labels'>
< b:loop values='data:post.labels' var='label'>
< data:label.name/>,</b:loop></b:if></div>Rate this posting: <div expr:id='data:post.id' class='ffbs_rate'>{[['<span style="color: rgb(108, 181, 216);">❤</span>']]}</div>
< div expr:id='"ffbs_stats_" + data:post.id' class='ffbs_stats'></div>
< script type='text/javascript' expr:src='"http://www.graddit.com/rate/eng/1/" + data:post.id + & quot;?id=" + data:post.id + "&stats=ffbs_stats_" + data:post.id + "&labels=labels_" + data:post.id + & quot;&info=info-" + data:post.id + & quot;&info_delay=1&url=" + data:post.url + & quot;&votes=yes"'></script></b:if>

< b:if cond='data:blog.pageType != "static_page"'>
< div expr:id='"labels_" + data:post.id' style='display: none; visibility: hidden;'>
< b:if cond='data:post.labels'>
< b:loop values='data:post.labels' var='label'>
< data:label.name/>,</b:loop></b:if></div>Rate this posting: <div expr:id='data:post.id' class='ffbs_rate'>{[['<img src="http://static.graddit.com/img/star.png"/>']]}</div>
< div expr:id='"ffbs_stats_" + data:post.id' class='ffbs_stats'></div>
< script type='text/javascript' expr:src='"http://www.graddit.com/rate/eng/5/" + data:post.id + & quot;?id=" + data:post.id + "&stats=ffbs_stats_" + data:post.id + "&labels=labels_" + data:post.id + & quot;&info=info-" + data:post.id + & quot;&info_delay=2&url=" + data:post.url + & quot;&class_star=ffbs_star_img&class_star_set=ffbs_star_img_set&class_star_vote=ffbs_star_img_vote&views=yes&votes=yes&average=yes"'></script></b:if>

< b:if cond='data:blog.pageType != "static_page"'>
< div expr:id='"labels_" + data:post.id' style='display: none; visibility: hidden;'>
< b:if cond='data:post.labels'>
< b:loop values='data:post.labels' var='label'>
< data:label.name/>,</b:loop></b:if></div>Rate this posting: <div expr:id='data:post.id' class='ffbs_rate'>{[['<img src="http://img.graddit.com/img/ice_star.png"/>', '<img src="http://img.graddit.com/img/red_star.png"/>']]}</div>
< div expr:id='"feedback_" + data:post.id' class='ffbs_feedback'>{["Useless", "Boring", "Need more details", "Perfect"]}</div>
< div expr:id='"ffbs_stats_" + data:post.id' class='ffbs_stats'></div>
< script type='text/javascript' expr:src='"http://www.graddit.com/rate/eng/5/" + data:post.id + & quot;?id=" + data:post.id + "&stats=ffbs_stats_" + data:post.id + "&&feedback=feedback_" + data:post.id + & quot;&labels=labels_" + data:post.id + "&info=info-" + data:post.id + "&info_delay=2&url=" + data:post.url + & quot;&class_star=ffbs_star_fimg&class_star_set=ffbs_star_fimg&class_star_vote=ffbs_star_fimg&average=yes&views=yes&votes=yes"'></script></b:if>

< b:if cond='data:blog.pageType != "static_page"'>
< div expr:id='"labels_" + data:post.id' style='display: none; visibility: hidden;'>
< b:if cond='data:post.labels'>
< b:loop values='data:post.labels' var='label'>
< data:label.name/>,</b:loop></b:if></div>Rate this posting: <div expr:id='data:post.id' class='ffbs_rate'>{[['<img src="http://img.graddit.com/img/gifs/star_1.gif"/>', & #39;<img src="http://img.graddit.com/img/gifs/5stars_1.gif"/>', & #39;<img src="http://img.graddit.com/img/gifs/star_1v.gif"/>'], ['<img src="http://img.graddit.com/img/gifs/star_2.gif"/>', & #39;<img src="http://img.graddit.com/img/gifs/5stars_2.gif"/>', & #39;<img src="http://img.graddit.com/img/gifs/star_2v.gif"/>'], ['<img src="http://img.graddit.com/img/gifs/star_3.gif"/>', & #39;<img src="http://img.graddit.com/img/gifs/5stars_3.gif"/>', & #39;<img src="http://img.graddit.com/img/gifs/star_3v.gif"/>'], ['<img src="http://img.graddit.com/img/gifs/star_4.gif"/>', & #39;<img src="http://img.graddit.com/img/gifs/5stars_4.gif"/>', & #39;<img src="http://img.graddit.com/img/gifs/star_4v.gif"/>'], ['<img src="http://img.graddit.com/img/gifs/star_5.gif"/>', & #39;<img src="http://img.graddit.com/img/gifs/5stars_5.gif"/>', & #39;<img src="http://img.graddit.com/img/gifs/star_5v.gif"/>']]}</div>
< div expr:id='"ffbs_stats_" + data:post.id' class='ffbs_stats'></div>
< script type='text/javascript' expr:src='"http://www.graddit.com/rate/eng/5/" + data:post.id + & quot;?id=" + data:post.id + "&stats=ffbs_stats_" + data:post.id + "&labels=labels_" + data:post.id + & quot;&info=info-" + data:post.id + & quot;&info_delay=2&url=" + data:post.url + & quot;&class_star=ffbs_star_aimg&class_star_set=ffbs_star_aimg_set&class_star_vote=ffbs_star_aimg_vote&views=yes&average=yes&votes=yes"'></script></b:if>

< b:if cond='data:blog.pageType != "static_page"'>
< div expr:id='"labels_" + data:post.id' style='display: none; visibility: hidden;'>
< b:if cond='data:post.labels'>
< b:loop values='data:post.labels' var='label'>
< data:label.name/>,</b:loop></b:if></div>Rate this posting: <div expr:id='data:post.id' class='ffbs_rate'>{[["☆","★"]]}</div>
< div expr:id='"ffbs_stats_" + data:post.id' class='ffbs_stats'></div>
< script type='text/javascript' expr:src='"http://www.graddit.com/rate/eng/5/" + data:post.id + & quot;?id=" + data:post.id + "&stats=ffbs_stats_" + data:post.id + "&labels=labels_" + data:post.id + & quot;&info=info-" + data:post.id + & quot;&info_delay=2&url=" + data:post.url + & quot;&views=yes&average=yes&votes=yes"'></script></b:if>

< b:if cond='data:blog.pageType != "static_page"'>
< div expr:id='"labels_" + data:post.id' style='display: none; visibility: hidden;'>
< b:if cond='data:post.labels'>
< b:loop values='data:post.labels' var='label'>
< data:label.name/>,</b:loop></b:if></div>Rate this posting: <div expr:id='data:post.id' class='ffbs_rate'>{[["①","❶"],["②","❷"],["③","❸"],["④","❹"],["⑤","❺"]]}</div>
< div expr:id='"ffbs_stats_" + data:post.id' class='ffbs_stats'></div>
< script type='text/javascript' expr:src='"http://www.graddit.com/rate/eng/5/" + data:post.id + & quot;?id=" + data:post.id + "&stats=ffbs_stats_" + data:post.id + "&labels=labels_" + data:post.id + & quot;&info=info-" + data:post.id + & quot;&info_delay=2&url=" + data:post.url + & quot;&views=yes&average=yes&votes=yes"'></script></b:if>

< b:if cond='data:blog.pageType != "static_page"'>
< div expr:id='"labels_" + data:post.id' style='display: none; visibility: hidden;'>
< b:if cond='data:post.labels'>
< b:loop values='data:post.labels' var='label'>
< data:label.name/>,</b:loop></b:if></div>Rate this posting: <div expr:id='data:post.id' class='ffbs_rate'>{[['<img src="http://static.graddit.com/img/thumbup_small.png"/>'],['<img src="http://static.graddit.com/img/thumbdown_small.png"/>']]}</div>
< script type='text/javascript' expr:src='"http://www.graddit.com/rate/eng/2/" + data:post.id + & quot;?id=" + data:post.id + "&labels=labels_" + data:post.id + "&info=info-" + data:post.id + & quot;&info_delay=2&url=" + data:post.url + & quot;"'></script></b:if>

< b:if cond='data:blog.pageType != "static_page"'>
< div expr:id='"labels_" + data:post.id' style='display: none; visibility: hidden;'>
< b:if cond='data:post.labels'>
< b:loop values='data:post.labels' var='label'>
< data:label.name/>,</b:loop></b:if></div>Rate this posting: <div expr:id='data:post.id' class='ffbs_rate'>{[["↑"],["↓"]]}</div>
< script type='text/javascript' expr:src='"http://www.graddit.com/rate/eng/2/" + data:post.id + & quot;?id=" + data:post.id + "&labels=labels_" + data:post.id + "&info=info-" + data:post.id + & quot;&info_delay=2&url=" + data:post.url + & quot;"'></script></b:if>

< b:if cond='data:blog.pageType != "static_page"'>
< div expr:id='"labels_" + data:post.id' style='display: none; visibility: hidden;'>
< b:if cond='data:post.labels'>
< b:loop values='data:post.labels' var='label'>
< data:label.name/>,</b:loop></b:if></div>Rate this posting: <div expr:id='data:post.id' class='ffbs_rate'>{[[""]]}</div>
< script type='text/javascript' expr:src='"http://www.graddit.com/rate/eng/0/" + data:post.id + & quot;?id=" + data:post.id + "&labels=labels_" + data:post.id + "&url=" + data:post.url + ""'></script></b:if>

وسلامتكم

اقرأ المزيد

الأربعاء

اسهل طريقه عمل انشاء صفحة الخطأ 404

طريقة التركيب
1- الاعدادت
2- تفضيلات البحث
3- لم يتم العثور على الصفحه المخصصه
4- تحرير

اضافه الكود ويمكنك تعدل كما تشاء

<center> <h1><a href="ضع الرابط المدونه"><span style="text-decoration: none">الرجوع الى الصفحة الرئيسية</span></a></h1> <img src='ضع صوره' style=' width: 450px; height: 400px;'> <style type='text/css'> main-wrapper #sidebar-wrapper, #blog-pager,#menupic,#sidebarleft-wrapper,#main-nav, #header, #footer, nav, .blog-feeds { display: none; } </style> </center>

واحفط ويمكنك تحط هذا الكود جربه
ملاحظة: يمكنك تغيير رابط الصورة ووضع رابط

اقرأ المزيد

السبت

برمجه 7 الوان لترقيم البلوجر لتنقل بين الصفحات واختر المناسب بالصور

البحث عن
]]></b:skin>
بعدها عندك سبع اشكال من الترقيم بالاستايل امامك Style
وعند اختيارك احدهم تقوم باضافه الكود فوقه مباشره وتتابع التالى

#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}.blog-pager {background: none;}.displaypageNum a,.showpage a,.pagecurrent{padding: 5px 10px;margin-right:5px; color: #F4F4F4; background-color:#404042;border:2px solid #ccc;}.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#666666;text-decoration:none;color: #fff;}#blog-pager .showpage, #blog-pager, .pagecurrent{font-weight:bold;color: #000;}.showpageOf{display:none!important}#blog-pager .pages{border:none;-webkit-box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);-moz-box-shadow:0px 5px 3px -1px rgba(50, 50, 50, 0.53);box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);}

#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}.blog-pager {background: none;}.displaypageNum a,.showpage a,.pagecurrent{padding: 5px 10px;margin-right:5px; color: #000; background-color:#fff;border:2px solid #ccc;}.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#222;text-decoration:none;color: #fff;}#blog-pager .showpage, #blog-pager, .pagecurrent{font-weight:bold;color: #ccc;}.showpageOf{display:none!important}#blog-pager .pages{border:none;-webkit-box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);-moz-box-shadow:0px 5px 3px -1px rgba(50, 50, 50, 0.53);box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);}

#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}.blog-pager {background: none;}.displaypageNum a,.showpage a,.pagecurrent{padding: 5px 10px;margin-right:5px; color: #F4F4F4; background-color:#2aa4cf;}.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#1D7290;text-decoration:none;color: #fff;}#blog-pager .showpage, #blog-pager, .pagecurrent{font-weight:bold;color: #000;}.showpageOf{display:none!important}#blog-pager .pages{border:none;-webkit-box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);-moz-box-shadow:0px 5px 3px -1px rgba(50, 50, 50, 0.53);box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);}

#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}.blog-pager {background: none;}.displaypageNum a,.showpage a,.pagecurrent{padding: 5px 10px;margin-right:5px; color: #F4F4F4; background-color:#00CC00;border:2px solid #008E00;border-radius:2px;}.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#008E00;text-decoration:none;color: #fff;}#blog-pager .showpage, #blog-pager, .pagecurrent{font-weight:bold;color: #000;}.showpageOf{display:none!important}#blog-pager .pages{border:none;-webkit-box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);-moz-box-shadow:0px 5px 3px -1px rgba(50, 50, 50, 0.53);box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);}

#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}.blog-pager {background: none;}.displaypageNum a,.showpage a,.pagecurrent{padding: 5px 10px;margin-right:5px; color: #F4F4F4; background-color:#FF8000;border:2px solid #B25900;border-top-right-radius:7px;border-bottom-left-radius:7px;}.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#B25900;text-decoration:none;color: #fff;}#blog-pager .showpage, #blog-pager, .pagecurrent{font-weight:bold;color: #000;}.showpageOf{display:none!important}#blog-pager .pages{border:none;-webkit-box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);-moz-box-shadow:0px 5px 3px -1px rgba(50, 50, 50, 0.53);box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);}

#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}.blog-pager {background: none;}.displaypageNum a,.showpage a,.pagecurrent{padding: 5px 10px;margin-right:5px; color: #F4F4F4; background-color:#009999;border:2px solid #006B6B;border-radius:999px 999px 999px 0px;}.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#006B6B;text-decoration:none;color: #fff;}#blog-pager .showpage, #blog-pager, .pagecurrent{font-weight:bold;color: #000;}.showpageOf{display:none!important}#blog-pager .pages{border:none;-webkit-box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);-moz-box-shadow:0px 5px 3px -1px rgba(50, 50, 50, 0.53);box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);}

#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}.blog-pager {background: none;}.displaypageNum a,.showpage a,.pagecurrent{padding: 5px 10px;margin-right:5px; color: #F4F4F4; background-color:#FFCC00;border:2px solid #B28F00;border-radius:999px 999px 999px 999px;}.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#B28F00;text-decoration:none;color: #fff;}#blog-pager .showpage, #blog-pager, .pagecurrent{font-weight:bold;color: #000;}.showpageOf{display:none!important}#blog-pager .pages{border:none;-webkit-box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);-moz-box-shadow:0px 5px 3px -1px rgba(50, 50, 50, 0.53);box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);}

بعد الحفظ تقوم بالبحث عن الكود هذا
</body>
تضع الكود التالي فوقه مباشر

< b:if cond='data:blog.pageType != "item"'>< b:if cond='data:blog.pageType != "static_page"'>< script type='text/javascript'>/*<![CDATA[*/var perPage=6;var numPages=6;var prevText ='◄';var nextText ='►';var urlactivepage=location.href;var home_page="/";/*]]>*/< /script>< script type="text/javascript" src="http://yourjavascript.com/1285534128/pagenavigationupdated.js"></script>< /b:if>< /b:if>

Customization:var perPage=6; No. of posts to show perPage
var numPages=6; No. of pages to show in Navigation
var prevText ='◄'; Text to show for Previous Page button
var nextText ='►'; Text to show for Next Page button
Step 6. Press the Save Template button
And you're done

التخصيص:فار perPage = 6؛ عدد المشاركات لإظهار perPage
NUMPAGES فار = 6؛ عدد الصفحات لتظهر في الملاحة
فار prevText = '◄'؛ النص لتظهر لزر الصفحة السابقة
فار nextText = '►'؛ النص لتظهر لزر الصفحة التالية
الخطوة 6. اضغط على زر حفظ القالب
ولقد انتهيت

اقرأ المزيد

اخر المواضيع

بحث هذه المدونة الإلكترونية

الصفحات

السبت

وضع مقاطع يوتيوب برمجه وجافا 5 youtube

المنشورات ذات الصلة

مجموعه المربعات بالقائمه

مواضيع مشابهه مره

الأربعاء

عداد مشاهده مقاله

الجمعة

تحريك القوائم بالوان الجوابية color lists

تشغيل الصوت بالفلاش mp3 scmplayer SCM Music Player

الثلاثاء

نبذه عن مؤلف المدونه خفيف Author

الجمعة

برمجه اقراء المزيد Read More

الأحد

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

الأربعاء

اسهل طريقه عمل انشاء صفحة الخطأ 404

السبت

برمجه 7 الوان لترقيم البلوجر لتنقل بين الصفحات واختر المناسب بالصور

آلتآريخ هجري وميلآدي

المتابعون

الأرشيف

Translate الترجمة

إجمالي مرات مشاهدة الصفحة