خدمات ويب و Blogger : برمجه باضافات خارجيه

البحث بالمدونه

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

السبت

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

السبت, فبراير 10, 2024 0 التعليقات

 البحث عن

</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

ونتابع

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

السبت, فبراير 10, 2024 0 التعليقات

 البحث عن

</head>

فوقه

<!--Related Posts with thumbnails Scripts and Styles Start-->

<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>

<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' />

<!-- remove --></b:if>

<!--Related Posts with thumbnails Scripts and Styles End-->

والبحث عن

<div class='post-footer'>

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


<!-- Related Posts with Thumbnails Code End-->

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div id='related-posts'>

<b:loop values='data:post.labels' var='label'>

<b:if cond='data:label.isLast != &quot;true&quot;'>

</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=5&quot;' type='text/javascript'></b:if></b:loop>

<script type='text/javascript'>

var currentposturl=&quot;<data:post.url/>&quot;;

var maxresults=5;

var relatedpoststitle=&quot;<b>المنشورات ذات الصلة : </b>&quot;;

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>

ونتابع

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

السبت, فبراير 10, 2024 0 التعليقات

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

 البحث عن

</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://2.bp.blogspot.com/-Gbn3dT1R9Yo/VPXSJ8lih_I/AAAAAAAALDQ/24wFWdfFvu4/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 != &quot;static_page&quot;'>

    <b:if cond='data:blog.pageType != &quot;item&quot;'>

        <div expr:id='&quot;summary&quot; + data:post.id'>

            <data:post.body/>

        </div>

        <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;,&quot;<data:post.url/>&quot;);</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 == &quot;item&quot;'>

    <data:post.body/>

</b:if>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>

    <data:post.body/>

</b:if>


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

</head>

فوقه


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

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

<b:if cond='data:blog.pageType!= &quot;item&quot;'>

<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:&#39;Open Sans Condensed&#39;,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:&#39;Open Sans Condensed&#39;,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:&#39;Open Sans Condensed&#39;,sans-serif;}a.comment-bubble:before{content:&quot;Comments: &quot;;}.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'/>


2-

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

<b:if cond='data:blog.pageType!= &quot;item&quot;'>

<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% &#39;Open Sans Condensed&#39;,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://1.bp.blogspot.com/-rh-PYvqjzSs/VPTARkPOSVI/AAAAAAAALC4/GyFFEnl2TO8/s1600/blueprint.png);font:100% &#39;Open Sans Condensed&#39;,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% &#39;Pacifico&#39;,cursive;}a.comment-bubble:before{content:&quot;Comments: &quot; url(https://4.bp.blogspot.com/-t1i_svebif4/VPMpZqPrKzI/AAAAAAAALAg/TRJ2Un238Gs/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'/>


3-

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

<b:if cond='data:blog.pageType!= &quot;item&quot;'>

<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% &#39;Open Sans Condensed&#39;,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% &#39;Open Sans Condensed&#39;,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% &#39;Pacifico&#39;,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:&quot;Comments: &quot;}.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'/>


4-

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

<b:if cond='data:blog.pageType!= &quot;item&quot;'>

<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% &#39;Open Sans Condensed&#39;,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% &#39;Open Sans Condensed&#39;,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% &#39;Open Sans Condensed&#39;,sans-serif;right:5px;z-index:222;position:absolute;top:5px;text-shadow:1px 2px 1px #333;}a.comment-bubble:before{content:url(https://4.bp.blogspot.com/-t1i_svebif4/VPMpZqPrKzI/AAAAAAAALAg/TRJ2Un238Gs/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(&quot;post&quot;)) {elementArray = document.getElementsByClassName(&quot;post&quot;); while (elementArray.length) {elementArray[0].className = &quot;post-grid-view&quot;;}}

if(document.getElementsByClassName(&quot;post-title&quot;)) {elementArray = document.getElementsByClassName(&quot;post-title&quot;); while (elementArray.length) {elementArray[0].className = &quot;post-title-grid&quot;;}}

}

function grid_view(){

if(document.getElementsByClassName(&quot;post-grid-view&quot;)) {elementArray = document.getElementsByClassName(&quot;post-grid-view&quot;); while (elementArray.length) {elementArray[0].className = &quot;post&quot;;}}

if(document.getElementsByClassName(&quot;post-title-grid&quot;)) {elementArray = document.getElementsByClassName(&quot;post-title-grid&quot;); while (elementArray.length) {elementArray[0].className = &quot;post-title&quot;;}}

}

</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="http://2.bp.blogspot.com/-Gbn3dT1R9Yo/VPXSJ8lih_I/AAAAAAAALDQ/24wFWdfFvu4/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 != &quot;static_page&quot;'>

<b:if cond='data:blog.pageType!= &quot;item&quot;'>

<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: &#39;Open Sans Condensed&#39;, 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: &#39;Open Sans Condensed&#39;, 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: &#39;Open Sans Condensed&#39;, 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: &#39;Open Sans Condensed&#39;, 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: &#39;Pacifico&#39;, cursive;z-index: 122;}

a.comment-bubble:before { content: &quot;Comments: &quot; url(http://4.bp.blogspot.com/-t1i_svebif4/VPMpZqPrKzI/AAAAAAAALAg/TRJ2Un238Gs/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 != &quot;static_page&quot;'>

<b:if cond='data:blog.pageType!= &quot;item&quot;'>

<div id='list-view-button'><a class='grid-view-button' onclick='grid_view()'><img src='http://1.bp.blogspot.com/-vjVOXJyXcC4/VP9A7twG8mI/AAAAAAAALJ8/YW0yxhvxP7A/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='http://4.bp.blogspot.com/-SrQiXEhgVmA/VP9BUnr3KkI/AAAAAAAALKE/EwVFym9YxoA/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 != &quot;static_page&quot;'>

    <b:if cond='data:blog.pageType != &quot;item&quot;'>

        <div expr:id='&quot;summary&quot; + data:post.id'>

            <data:post.body/>

        </div>

        <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;,&quot;<data:post.url/>&quot;);</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 == &quot;item&quot;'>

    <data:post.body/>

</b:if>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>

    <data:post.body/>

</b:if>

ونتابع

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

السبت, فبراير 10, 2024 0 التعليقات

 البحث عن

</head>

فوقه

<b:if cond='data:blog.pageType == &quot;item&quot;'>

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

ونتابع

الأربعاء

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

الأربعاء, نوفمبر 01, 2023 0 التعليقات

 البحث عن

.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 == &quot;item&quot;'>

<div id='hit-counter'>

&lt;a href=&#39;http://blog-hkrkoz.blogspot.com&#39; rel=&#39;follow&#39;&gt;

<script src='http://amitjain.in/pageviews.php' type='text/javascript'/> &lt;/a&gt;

</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

الجمعة, أغسطس 26, 2022 0 التعليقات

 البحث عن

</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: &quot;&quot;;

    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

الجمعة, أغسطس 26, 2022 0 التعليقات

 البحث عن

</body>

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

<!-- SCM Music Player-->

<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>

<!-- SCM Music Player script end -->

وسلامتكم

الثلاثاء

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

الثلاثاء, أبريل 26, 2022 0 التعليقات

نبذه عن مؤلف المدونه خفيف 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 == &quot;item&quot;'>
 <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

الجمعة, نوفمبر 26, 2021 0 التعليقات

 المثال


البحث عن هذا 

<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 اضافات شعارات ومشاهدات وتقيم بلوجر

الأحد, فبراير 14, 2021 0 التعليقات

البحث عن
</head>

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

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


< b:if cond='data:blog.pageType != &quot;static_page&quot;'>
< 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'>{[[&#39;&lt;img src=&quot;http://static.graddit.com/img/star_blue.png&quot;/&gt;&#39;]]}</div>
< div expr:id='&quot;ffbs_stats_&quot; + data:post.id' class='ffbs_stats ffbs_centered'></div>
< div expr:id='&quot;share_&quot; + data:post.id' class='ffbs_share ffbs_share_border ffbs_centered'></div></div>
< script type='text/javascript' expr:src='&quot;http://www.graddit.com/rate/eng/5/&quot; + data:post.id + & quot;?id=&quot; + data:post.id + &quot;&amp;stats=ffbs_stats_&quot; + data:post.id + &quot;&amp;labels=labels_&quot; + data:post.id + & quot;&amp;info=info-&quot; + data:post.id + & quot;&amp;info_delay=2&amp;url=&quot; + data:post.url + & quot;&amp;class_star=ffbs_star_img&amp;class_star_set=ffbs_star_img_set&amp;class_star_vote=ffbs_star_img_vote&amp;views=yes&amp;votes=yes&amp;average=yes&amp;share=ffbs_share_&quot; + data:post.id + &quot;&quot;'></script></b:if>




< b:if cond='data:blog.pageType != &quot;static_page&quot;'>
< 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'>{[[&#39;&lt;span style=&quot;color: rgb(108, 181, 216);&quot;&gt;&#10084;&lt;/span&gt;&#39;]]}</div>
< div expr:id='&quot;ffbs_stats_&quot; + data:post.id' class='ffbs_stats'></div>
< script type='text/javascript' expr:src='&quot;http://www.graddit.com/rate/eng/1/&quot; + data:post.id + & quot;?id=&quot; + data:post.id + &quot;&amp;stats=ffbs_stats_&quot; + data:post.id + &quot;&amp;labels=labels_&quot; + data:post.id + & quot;&amp;info=info-&quot; + data:post.id + & quot;&amp;info_delay=1&amp;url=&quot; + data:post.url + & quot;&amp;votes=yes&quot;'></script></b:if>




< b:if cond='data:blog.pageType != &quot;static_page&quot;'>
< 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'>{[[&#39;&lt;img src=&quot;http://static.graddit.com/img/star.png&quot;/&gt;&#39;]]}</div>
< div expr:id='&quot;ffbs_stats_&quot; + data:post.id' class='ffbs_stats'></div>
< script type='text/javascript' expr:src='&quot;http://www.graddit.com/rate/eng/5/&quot; + data:post.id + & quot;?id=&quot; + data:post.id + &quot;&amp;stats=ffbs_stats_&quot; + data:post.id + &quot;&amp;labels=labels_&quot; + data:post.id + & quot;&amp;info=info-&quot; + data:post.id + & quot;&amp;info_delay=2&amp;url=&quot; + data:post.url + & quot;&amp;class_star=ffbs_star_img&amp;class_star_set=ffbs_star_img_set&amp;class_star_vote=ffbs_star_img_vote&amp;views=yes&amp;votes=yes&amp;average=yes&quot;'></script></b:if>




< b:if cond='data:blog.pageType != &quot;static_page&quot;'>
< 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'>{[[&#39;&lt;img src=&quot;http://img.graddit.com/img/ice_star.png&quot;/&gt;&#39;, &#39;&lt;img src=&quot;http://img.graddit.com/img/red_star.png&quot;/&gt;&#39;]]}</div>
< div expr:id='&quot;feedback_&quot; + data:post.id' class='ffbs_feedback'>{[&quot;Useless&quot;, &quot;Boring&quot;, &quot;Need more details&quot;, &quot;Perfect&quot;]}</div>
< div expr:id='&quot;ffbs_stats_&quot; + data:post.id' class='ffbs_stats'></div>
< script type='text/javascript' expr:src='&quot;http://www.graddit.com/rate/eng/5/&quot; + data:post.id + & quot;?id=&quot; + data:post.id + &quot;&amp;stats=ffbs_stats_&quot; + data:post.id + &quot;&amp;&amp;feedback=feedback_&quot; + data:post.id + & quot;&amp;labels=labels_&quot; + data:post.id + &quot;&amp;info=info-&quot; + data:post.id + &quot;&amp;info_delay=2&amp;url=&quot; + data:post.url + & quot;&amp;class_star=ffbs_star_fimg&amp;class_star_set=ffbs_star_fimg&amp;class_star_vote=ffbs_star_fimg&amp;average=yes&amp;views=yes&amp;votes=yes&quot;'></script></b:if>




< b:if cond='data:blog.pageType != &quot;static_page&quot;'>
< 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'>{[[&#39;&lt;img src=&quot;http://img.graddit.com/img/gifs/star_1.gif&quot;/&gt;&#39;, & #39;&lt;img src=&quot;http://img.graddit.com/img/gifs/5stars_1.gif&quot;/&gt;&#39;, & #39;&lt;img src=&quot;http://img.graddit.com/img/gifs/star_1v.gif&quot;/&gt;&#39;], [&#39;&lt;img src=&quot;http://img.graddit.com/img/gifs/star_2.gif&quot;/&gt;&#39;, & #39;&lt;img src=&quot;http://img.graddit.com/img/gifs/5stars_2.gif&quot;/&gt;&#39;, & #39;&lt;img src=&quot;http://img.graddit.com/img/gifs/star_2v.gif&quot;/&gt;&#39;], [&#39;&lt;img src=&quot;http://img.graddit.com/img/gifs/star_3.gif&quot;/&gt;&#39;, & #39;&lt;img src=&quot;http://img.graddit.com/img/gifs/5stars_3.gif&quot;/&gt;&#39;, & #39;&lt;img src=&quot;http://img.graddit.com/img/gifs/star_3v.gif&quot;/&gt;&#39;], [&#39;&lt;img src=&quot;http://img.graddit.com/img/gifs/star_4.gif&quot;/&gt;&#39;, & #39;&lt;img src=&quot;http://img.graddit.com/img/gifs/5stars_4.gif&quot;/&gt;&#39;, & #39;&lt;img src=&quot;http://img.graddit.com/img/gifs/star_4v.gif&quot;/&gt;&#39;], [&#39;&lt;img src=&quot;http://img.graddit.com/img/gifs/star_5.gif&quot;/&gt;&#39;, & #39;&lt;img src=&quot;http://img.graddit.com/img/gifs/5stars_5.gif&quot;/&gt;&#39;, & #39;&lt;img src=&quot;http://img.graddit.com/img/gifs/star_5v.gif&quot;/&gt;&#39;]]}</div>
< div expr:id='&quot;ffbs_stats_&quot; + data:post.id' class='ffbs_stats'></div>
< script type='text/javascript' expr:src='&quot;http://www.graddit.com/rate/eng/5/&quot; + data:post.id + & quot;?id=&quot; + data:post.id + &quot;&amp;stats=ffbs_stats_&quot; + data:post.id + &quot;&amp;labels=labels_&quot; + data:post.id + & quot;&amp;info=info-&quot; + data:post.id + & quot;&amp;info_delay=2&amp;url=&quot; + data:post.url + & quot;&amp;class_star=ffbs_star_aimg&amp;class_star_set=ffbs_star_aimg_set&amp;class_star_vote=ffbs_star_aimg_vote&amp;views=yes&amp;average=yes&amp;votes=yes&quot;'></script></b:if>




< b:if cond='data:blog.pageType != &quot;static_page&quot;'>
< 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'>{[[&quot;&#9734;&quot;,&quot;&#9733;&quot;]]}</div>
< div expr:id='&quot;ffbs_stats_&quot; + data:post.id' class='ffbs_stats'></div>
< script type='text/javascript' expr:src='&quot;http://www.graddit.com/rate/eng/5/&quot; + data:post.id + & quot;?id=&quot; + data:post.id + &quot;&amp;stats=ffbs_stats_&quot; + data:post.id + &quot;&amp;labels=labels_&quot; + data:post.id + & quot;&amp;info=info-&quot; + data:post.id + & quot;&amp;info_delay=2&amp;url=&quot; + data:post.url + & quot;&amp;views=yes&amp;average=yes&amp;votes=yes&quot;'></script></b:if>




< b:if cond='data:blog.pageType != &quot;static_page&quot;'>
< 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'>{[[&quot;&#9312;&quot;,&quot;&#10102;&quot;],[&quot;&#9313;&quot;,&quot;&#10103;&quot;],[&quot;&#9314;&quot;,&quot;&#10104;&quot;],[&quot;&#9315;&quot;,&quot;&#10105;&quot;],[&quot;&#9316;&quot;,&quot;&#10106;&quot;]]}</div>
< div expr:id='&quot;ffbs_stats_&quot; + data:post.id' class='ffbs_stats'></div>
< script type='text/javascript' expr:src='&quot;http://www.graddit.com/rate/eng/5/&quot; + data:post.id + & quot;?id=&quot; + data:post.id + &quot;&amp;stats=ffbs_stats_&quot; + data:post.id + &quot;&amp;labels=labels_&quot; + data:post.id + & quot;&amp;info=info-&quot; + data:post.id + & quot;&amp;info_delay=2&amp;url=&quot; + data:post.url + & quot;&amp;views=yes&amp;average=yes&amp;votes=yes&quot;'></script></b:if>




< b:if cond='data:blog.pageType != &quot;static_page&quot;'>
< 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'>{[[&#39;&lt;img src=&quot;http://static.graddit.com/img/thumbup_small.png&quot;/&gt;&#39;],[&#39;&lt;img src=&quot;http://static.graddit.com/img/thumbdown_small.png&quot;/&gt;&#39;]]}</div>
< script type='text/javascript' expr:src='&quot;http://www.graddit.com/rate/eng/2/&quot; + data:post.id + & quot;?id=&quot; + data:post.id + &quot;&amp;labels=labels_&quot; + data:post.id + &quot;&amp;info=info-&quot; + data:post.id + & quot;&amp;info_delay=2&amp;url=&quot; + data:post.url + & quot;&quot;'></script></b:if>






< b:if cond='data:blog.pageType != &quot;static_page&quot;'>
< 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'>{[[&quot;&#8593;&quot;],[&quot;&#8595;&quot;]]}</div>
< script type='text/javascript' expr:src='&quot;http://www.graddit.com/rate/eng/2/&quot; + data:post.id + & quot;?id=&quot; + data:post.id + &quot;&amp;labels=labels_&quot; + data:post.id + &quot;&amp;info=info-&quot; + data:post.id + & quot;&amp;info_delay=2&amp;url=&quot; + data:post.url + & quot;&quot;'></script></b:if>



10

< b:if cond='data:blog.pageType != &quot;static_page&quot;'>
< 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'>{[[&quot;&quot;]]}</div>
< script type='text/javascript' expr:src='&quot;http://www.graddit.com/rate/eng/0/&quot; + data:post.id + & quot;?id=&quot; + data:post.id + &quot;&amp;labels=labels_&quot; + data:post.id + &quot;&amp;url=&quot; + data:post.url + &quot;&quot;'></script></b:if>


وسلامتكم

الأربعاء

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

الأربعاء, فبراير 03, 2021 0 التعليقات

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

السبت, ديسمبر 28, 2019 0 التعليقات
البحث عن
]]></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 != &quot;item&quot;'>< b:if cond='data:blog.pageType != &quot;static_page&quot;'>< 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. اضغط على زر حفظ القالب
ولقد انتهيت

تعريب وتطوير هايف السـ العجمي ـفراني