عرب مصري

إضافة تغذية شريط الأخبار في السيدبار

<div dir="rtl" style="text-align: right;" trbidi="on">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZGamtz6UpY-6x2yPYmdaWcaiSRAbe-js7nhFjauF2RzLMZmcL1nHBd4ULG1t0ZauZXIVlcBdu2tTP11V7M6TSpDfBbLd6fWmLAQhDO0vhwG_UUf8AoqTL8JQFklgV4iGiDmD6yD59K_w/s1600/rss-feed.png" imageanchor="1" style="background-color: white; border-radius: 0px !important; box-sizing: border-box; color: #e83e3b; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px; margin: 0px 1em; padding: 0px; text-align: center; text-decoration: none; transition: color 0.3s;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZGamtz6UpY-6x2yPYmdaWcaiSRAbe-js7nhFjauF2RzLMZmcL1nHBd4ULG1t0ZauZXIVlcBdu2tTP11V7M6TSpDfBbLd6fWmLAQhDO0vhwG_UUf8AoqTL8JQFklgV4iGiDmD6yD59K_w/s1600/rss-feed.png" style="border-radius: 0px !important; border: 0px; box-sizing: border-box; display: block; margin: -35px auto 0px; max-width: 100%; vertical-align: middle; width: auto;" /></a><br />
<span style="background-color: white; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;">فيما سبق قدمنا لكم</span><a href="http://www.ar1web.com/2015/12/breaking-news-feed-for-blogger-2-style.html" style="background-color: white; border-radius: 0px !important; box-sizing: border-box; color: #e83e3b; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px; margin: 0px; padding: 0px; text-decoration: none; transition: color 0.3s;" target="_blank"> إضافة تركيب شريط الأخبار بشكلين</a><span style="background-color: white; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;">، مع ذلك هناك من يود أن يضيف شريط آخر الأخبار في السيدبار لأسباب واضحة، بعض إضافات جلب التغذية لا يمكنها أن تتناسب مع السيدبار من حيث الشكل خصوصا في الطول، فلذلك وبعد بحث صادفنا هذه الإضافة المتناسقة الإحترافية لجلب المواضيع تلقائيا من موقعك ومخصصة للسيدبار وهي من تطوير bloggerlab</span><br style="background-color: white; border-radius: 0px !important; box-sizing: border-box; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;" /><a href="https://www.blogger.com/null" name="more" style="background-color: white; border-radius: 0px !important; box-sizing: border-box; color: #e83e3b; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px; margin: 0px; padding: 0px; transition: color 0.3s;"></a><br style="background-color: white; border-radius: 0px !important; box-sizing: border-box; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;" /><span style="background-color: white; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;">تضم إضافتنا أزرار المشاركة على المواقع الإجتماعية إضافة إلى عدد المواضيع الظاهره... ولكي نعطيكم نظرة شاملة وواضحة أكثر من صورة التدوينة نترككم مع المعاينة</span><br />
<div style="background-color: white; border-radius: 0px !important; box-sizing: border-box; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px; text-align: center;">
<br /></div>
<how-ar1web style="background-color: #9eb2c0; border-radius: 2px !important; box-sizing: border-box; color: white; display: table-cell; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px; margin: -8px 0px; padding: 4px 15px; position: relative; width: 149px;">شرح طريقة التركيب</how-ar1web><br style="background-color: white; border-radius: 0px !important; box-sizing: border-box; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;" /><span style="background-color: white; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;">1. من لوحة التحكم أدخل إلى </span><span style="background-color: white; border-radius: 0px !important; box-sizing: border-box; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; font-weight: 700; line-height: 25px;">التخطيط</span><br style="background-color: white; border-radius: 0px !important; box-sizing: border-box; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;" /><span style="background-color: white; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;">2. أضف أداة </span><span style="background-color: white; border-radius: 0px !important; box-sizing: border-box; color: #e06666; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;">Html/Javascript</span><span style="background-color: white; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;"> بالسيدبار وضع بها الكود التالي</span><br />
<pre style="-webkit-user-select: text; background-color: #2c323c; border-radius: 4px; border: 1px solid rgb(226, 224, 224); box-sizing: border-box; color: #333333; direction: ltr; font-family: Menlo, Monaco, Consolas, "Courier New", monospace; font-size: 13px; line-height: 1.42857; margin: 0.5em auto; max-height: 300px; overflow: auto; padding: 10px 0px 0px; position: relative; tab-size: 2; text-align: left; width: 620.656px; word-break: normal; word-wrap: break-word;"><code style="background: none; border-radius: 0px; border: none; box-sizing: border-box; color: #eeeeee; display: block; font-family: Menlo, Monaco, Consolas, "Courier New", monospace; font-size: inherit; overflow: auto; padding: 0px 20px 10px 10px;"><style>
.MBL-container-header h1{font-weight:300; font-size:48px; text-align:center;}
 .MBL-container-header h2{font-size:30px; text-align:center;}
      
  #MBLnewsticker1 ul { padding: 0px; }
.MBLnewsticker {
    width: 100%;
    overflow: hidden;
    height: 440px;
    position: relative;
    padding: 0 5px;
    box-sizing: border-box;
    margin: 0 auto;
    text-align:center;
}
.MBLnewsticker>ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    position: relative;
}
.MBLnewsticker>ul>li {
    display: none;
    width: 100%;
    height: 100px;
    background: #FFF;
    position: absolute;
    overflow: hidden
}
.MBLnewsticker>ul>li>.MBL-content {
    position: absolute;
    top: 0;
    bottom: 30px;
    left: 0;
    right: 0;
    box-sizing: border-box;
    padding: 5%;
        font: 14px/1.8em tahoma;
    overflow: hidden;
}
.MBLnewsticker>ul>li>.MBL-content a {
    text-decoration: none;
}
.MBLnewsticker>ul>li>.MBL-content a:hover {
    text-decoration: underline;
}
.MBLnewsticker>ul>li>.MBL-info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 30px;
    padding: 5px;
    border-top: solid 1px #DDD;
}
.MBLnewsticker>ul>li>.MBL-info a {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #0F0;
    opacity: 0.2;
    cursor: pointer;
}
.MBLnewsticker>ul>li>.MBL-info a:hover {
    opacity: 1;
}
.MBLnewsticker>ul>li>.MBL-info a.MBL-facebook-black {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjovLZFysbxlF1oLkF9ZHXXhpkyBLPeDPmpHA9fprEfB0fecndil8Xx74oYxuOXZXW8gPTAHd7zOkdZy33lpwKKz-J1eHXwsMHLqdMY8E529H_VFEkoRH7lqseU-Q7cW7qYM1QXM9QUq3rJ/s1600/buttons-black.png) 0 0 no-repeat;
    float: left;
    margin-right: 5px;
}
.MBLnewsticker>ul>li>.MBL-info a.MBL-twitter-black {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjovLZFysbxlF1oLkF9ZHXXhpkyBLPeDPmpHA9fprEfB0fecndil8Xx74oYxuOXZXW8gPTAHd7zOkdZy33lpwKKz-J1eHXwsMHLqdMY8E529H_VFEkoRH7lqseU-Q7cW7qYM1QXM9QUq3rJ/s1600/buttons-black.png) -20px 0 no-repeat;
    float: left;
    margin-right: 5px;
}
.MBLnewsticker>ul>li>.MBL-info a.MBL-google-black {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjovLZFysbxlF1oLkF9ZHXXhpkyBLPeDPmpHA9fprEfB0fecndil8Xx74oYxuOXZXW8gPTAHd7zOkdZy33lpwKKz-J1eHXwsMHLqdMY8E529H_VFEkoRH7lqseU-Q7cW7qYM1QXM9QUq3rJ/s1600/buttons-black.png) -40px 0 no-repeat;
    float: left;
}
.MBLnewsticker>ul>li>.MBL-info a.MBL-link-black {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjovLZFysbxlF1oLkF9ZHXXhpkyBLPeDPmpHA9fprEfB0fecndil8Xx74oYxuOXZXW8gPTAHd7zOkdZy33lpwKKz-J1eHXwsMHLqdMY8E529H_VFEkoRH7lqseU-Q7cW7qYM1QXM9QUq3rJ/s1600/buttons-black.png) -60px 0 no-repeat;
    float: right;
}
.MBLnewsticker>ul>li>.MBL-info a.MBL-facebook-white {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4IdyLzbN_L6I3NYUQMyMmbxQyCtB1deowFoUG3_mk2qLuZ6242FfA74kzd53LrIH4JV2UIx8ds3Hq8ONN10sZYw9mUrJg9rqgpqldxQglb8kLFfIT0Fkpwl6M_HjDCyLl28x5fAfeNZ3p/s1600/buttons-white.png) 0 0 no-repeat;
    float: left;
    margin-right: 5px;
}
.MBLnewsticker>ul>li>.MBL-info a.MBL-twitter-white {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4IdyLzbN_L6I3NYUQMyMmbxQyCtB1deowFoUG3_mk2qLuZ6242FfA74kzd53LrIH4JV2UIx8ds3Hq8ONN10sZYw9mUrJg9rqgpqldxQglb8kLFfIT0Fkpwl6M_HjDCyLl28x5fAfeNZ3p/s1600/buttons-white.png) -20px 0 no-repeat;
    float: left;
    margin-right: 5px;
}
.MBLnewsticker>ul>li>.MBL-info a.MBL-google-white {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4IdyLzbN_L6I3NYUQMyMmbxQyCtB1deowFoUG3_mk2qLuZ6242FfA74kzd53LrIH4JV2UIx8ds3Hq8ONN10sZYw9mUrJg9rqgpqldxQglb8kLFfIT0Fkpwl6M_HjDCyLl28x5fAfeNZ3p/s1600/buttons-white.png) -40px 0 no-repeat;
    float: left;
}
.MBLnewsticker>ul>li>.MBL-info a.MBL-link-white {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4IdyLzbN_L6I3NYUQMyMmbxQyCtB1deowFoUG3_mk2qLuZ6242FfA74kzd53LrIH4JV2UIx8ds3Hq8ONN10sZYw9mUrJg9rqgpqldxQglb8kLFfIT0Fkpwl6M_HjDCyLl28x5fAfeNZ3p/s1600/buttons-white.png) -60px 0 no-repeat;
    float: right;
}
.MBLnewsticker>ul>li>.MBL-info span {
    position: absolute;
    left: 80px;
    right: 60px;
    text-align: center;
    opacity: 0.4;
    z-index: 0;
    font-size: 13px;
    cursor: default;
}
.MBLnewsticker>div {
    width: 50px;
    height: 30px;
    cursor: pointer;
    position: absolute;
    opacity: 0.3;
}
.MBLnewsticker>div:hover {
    opacity: 1;
}
.MBLnewsticker>div.MBL-top-arrow {
    top: 0;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRfKq232CQ5_EzwxKBU5qQqq5gvFDmebWusTyuX6oIcjB2-8iUI-vc-nCdFIZSuBX4IJzHfoC0I2jcXqRY6zTQxmZHtdjvix9DTJ9Zyg0i5prouLqamK-ZfzGHhxJ-6E46gHxmjcvXs8ry/s1600/arrows-black.png) top no-repeat;
}
.MBLnewsticker>div.MBL-bottom-arrow {
    bottom: 0;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRfKq232CQ5_EzwxKBU5qQqq5gvFDmebWusTyuX6oIcjB2-8iUI-vc-nCdFIZSuBX4IJzHfoC0I2jcXqRY6zTQxmZHtdjvix9DTJ9Zyg0i5prouLqamK-ZfzGHhxJ-6E46gHxmjcvXs8ry/s1600/arrows-black.png) bottom no-repeat;
}
.MBLnewsticker .MBL-top0 {
    -ms-transform: scale(0.80);
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
    opacity: 0.85;
    top: 0;
    z-index: 1;
    display: block;
}
.MBLnewsticker .MBL-top1 {
    -ms-transform: scale(0.87);
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0.9;
    top: 20px;
    z-index: 2;
    display: block;
}
.MBLnewsticker .MBL-top2 {
    -ms-transform: scale(0.95);
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0.95;
    top: 45px;
    z-index: 3;
    display: block;
}
.MBLnewsticker .MBL-active {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    top: 75px;
    z-index: 10;
    display: block;
}
.MBLnewsticker .MBL-bottom2 {
    -ms-transform: scale(0.95);
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0.95;
    top: 105px;
    z-index: 6;
    display: block;
}
.MBLnewsticker .MBL-bottom1 {
    -ms-transform: scale(0.87);
    -webkit-transform: scale(0.90);
    transform: scale(0.90);
    opacity: 0.9;
    top: 130px;
    z-index: 5;
    display: block;
}
.MBLnewsticker .MBL-bottom0 {
    -ms-transform: scale(0.80);
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
    opacity: 0.85;
    top: 150px;
    z-index: 4;
    display: block;
}
.MBL-easing2 {
    transition: .25s linear;
    -moz-transition: .25s linear;
    -webkit-transition: .25s linear;
}
.MBL-easing li {
    transition: .5s ease-out;
    -moz-transition: .5s ease-out;
    -webkit-transition: .5s ease-out;
}
.MBL-radius li {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.MBL-radius2 li {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.MBL-shadow li {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(100,100,100,0.3);
    -moz-box-shadow: 0px 0px 10px 0px rgba(100,100,100,0.3);
    box-shadow: 0px 0px 10px 0px rgba(100,100,100,0.3);
}
.MBL-shadow-big {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5) !important;
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5) !important;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5) !important;
}
</style>
<script type='text/javascript'>
/*<![CDATA[*/
(function(e) {
    $.fn.MBLnewsticker = function(e) {
        var t = {
            width: "100%",
            modulid: "MBLnewsticker",
            autoplay: true,
            timer: 3e3,
            itemheight: 130,
            infobarvisible: true,
            btnfacebook: true,
            btntwitter: true,
            btngoogleplus: true,
            btnlinkbutton: true,
            btnlinktarget: "_blank",
            pagecountvisible: true,
            buttonstyle: "black",
            pagenavi: true,
            pagenavistyle: "black",
            feed: false,
            feedcount: 100
        };

إضافة تغذية شريط الأخبار في السيدبار

2424 0 اضافات بلوجر 7:00:00 ص

فيما سبق قدمنا لكم إضافة تركيب شريط الأخبار بشكلين، مع ذلك هناك من يود أن يضيف شريط آخر الأخبار في السيدبار لأسباب واضحة، بعض إضافات جلب التغذية لا يمكنها أن تتناسب مع السيدبار من حيث الشكل خصوصا في الطول، فلذلك وبعد بحث صادفنا هذه الإضافة المتناسقة… مزيد من المعلومات »

مزيد من المعلومات »

08Jul2016

سلايد شو تلقائي الإصدار 1

2424 0 اضافات بلوجر 6:59:00 ص

<div dir="rtl" style="text-align: right;" trbidi="on">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwN6I2KfX4Ie8tdNMhT5hCV2QNXWavEPf5FHfDhUNZ5zcgUsiDSkozetPh8n0_TTb8jvf7rj8IbdHCxaSSBukF7oJtfIYgZzBW_GmDLgpAXsKd4eTu9OaLM5K4cg5GxG6Q0bgGgpDVTo8/s1600/slidershow-v1.png" imageanchor="1" style="background-color: white; border-radius: 0px !important; box-sizing: border-box; color: #e83e3b; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px; margin: 0px 1em; padding: 0px; text-align: center; text-decoration: none; transition: color 0.3s;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwN6I2KfX4Ie8tdNMhT5hCV2QNXWavEPf5FHfDhUNZ5zcgUsiDSkozetPh8n0_TTb8jvf7rj8IbdHCxaSSBukF7oJtfIYgZzBW_GmDLgpAXsKd4eTu9OaLM5K4cg5GxG6Q0bgGgpDVTo8/s1600/slidershow-v1.png" style="border-radius: 0px !important; border: 0px; box-sizing: border-box; display: block; margin: -35px auto 0px; max-width: 100%; vertical-align: middle; width: auto;" /></a><br />
<span style="background-color: white; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;">لقد عدنا مجددا بتدوينة من قسم </span><a href="http://www.ar1web.com/search/label/%D8%B3%D9%84%D8%A7%D9%8A%D8%AF%D8%B1" style="background-color: white; border-radius: 0px !important; box-sizing: border-box; color: #e83e3b; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px; margin: 0px; padding: 0px; text-decoration: none; transition: color 0.3s;" target="_blank">السلايدرات</a><span style="background-color: white; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;"> لمن يرغب بتركيبه في موقعه فهذه التدوينة مخصصة خصيصا لك. سنتعرف على سلايدر تلقائي يعرض أجدد المواضيع يحتوي على صورة وزر اقرأ المزيد وكذلك نبذة عن الموضوع</span><br style="background-color: white; border-radius: 0px !important; box-sizing: border-box; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;" /><a href="https://www.blogger.com/null" name="more" style="background-color: white; border-radius: 0px !important; box-sizing: border-box; color: #e83e3b; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px; margin: 0px; padding: 0px; transition: color 0.3s;"></a><span style="background-color: white; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;"> لذا وبدون إطالة أترككم مع المعاينة</span><br />
<div style="background-color: white; border-radius: 0px !important; box-sizing: border-box; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px; text-align: center;">
<br /></div>
<how-ar1web style="background-color: #9eb2c0; border-radius: 2px !important; box-sizing: border-box; color: white; display: table-cell; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px; margin: -8px 0px; padding: 4px 15px; position: relative; width: 149px;">شرح طريقة التركيب</how-ar1web><br style="background-color: white; border-radius: 0px !important; box-sizing: border-box; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;" /><span style="background-color: white; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;">1. ابحث بإستعمال </span><span style="background-color: white; border-radius: 0px !important; box-sizing: border-box; color: #e06666; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;">CTRL+F</span><span style="background-color: white; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;"> عن </span><span style="background-color: white; border-radius: 0px !important; box-sizing: border-box; color: #e06666; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;">]]></b:skin></span><span style="background-color: white; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;"> أو ضعه بين </span><span style="background-color: white; border-radius: 0px !important; box-sizing: border-box; color: #e06666; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;"><style> </style></span><span style="background-color: white; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;"> فوق </span><span style="background-color: white; border-radius: 0px !important; box-sizing: border-box; color: #e06666; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;"></head></span><br style="background-color: white; border-radius: 0px !important; box-sizing: border-box; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;" /><span style="background-color: white; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;">2. ضع الكود التالي فوقه</span><br />
<pre style="-webkit-user-select: text; background-color: #2c323c; border-radius: 4px; border: 1px solid rgb(226, 224, 224); box-sizing: border-box; color: #333333; direction: ltr; font-family: Menlo, Monaco, Consolas, "Courier New", monospace; font-size: 13px; line-height: 1.42857; margin: 0.5em auto; max-height: 300px; overflow: auto; padding: 10px 0px 0px; position: relative; tab-size: 2; text-align: left; width: 620.656px; word-break: normal; word-wrap: break-word;"><code style="background: none; border-radius: 0px; border: none; box-sizing: border-box; color: #eeeeee; display: block; font-family: Menlo, Monaco, Consolas, "Courier New", monospace; font-size: inherit; overflow: auto; padding: 0px 20px 10px 10px;">/*Slider V1 www.ar1web.com */
#featuredSlider{ background: #fff; float: right; margin: 10px; padding: 0 0 10px; border: 1px solid #E4E3E3;width: <span style="border-radius: 0px !important; box-sizing: border-box; color: red;"><span style="border-radius: 0px !important; box-sizing: border-box; font-weight: 700;">96.2</span></span>%;height: 285px;position: relative; color: #666;direction: rtl; }
.featured-thumb {float: right; margin: 5px 0; padding: 0px; padding-left: 10px;}
#featuredSlider .container { margin:8px 10px 0 0;overflow:hidden; position:relative;}
.featuredTitle { padding-top: 15px; font: 16px droid arabic kufi, serif; text-align: right; font-weight: 700;}
.featuredTitle a{color:#FC4F3F}
.featuredTitle a:hover{color:#000}
p.text-ar1web { font: 12px/1.9em tahoma;}
a.readmore {float: right; border: 1px solid #BFBFBF; background: #FFF; display: block; font: bold 10px droid arabic kufi; margin: 10px 0 0 0; padding: 4px 10px; color: #383737;}
a.readmore:hover {color: #FC4F3F;border:1px solid #ABAAAA;}
.slides{width:100%!important;height:280px!important}
.navigation {float:left;overflow:hidden;position: relative;bottom:7px}
ul.pagination {list-style-type:none; margin:0 auto; padding:0;}
ul.pagination a { float:left; margin:0 5px; display:inline; }
ul.pagination a { display:block;width:12px; padding-top:12px; height:0; overflow:hidden; background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFdG9p72-hJkyd6qUV0M5IVF3U-KZot9RfJ1hsrHCtyEDcWiusp5gRyAOtjzhkNz51Aj_LUxip6RNwi6MJUTzW0MszN39rfnaodQJv6kJFFZPAuC_i9M1lGlTF4xG5Z29MiWIVk6LvfQg/s1600/slider+pagination.png); background-position:0 0; background-repeat:no-repeat; }
ul.pagination a:hover { background-position:0 -12px; }
ul.pagination a:hover { background-position:0 -12px; }
ul.pagination a.activeSlide { background-position:0 -12px }

<span style="border-radius: 0px !important; box-sizing: border-box; color: orange;"><span style="border-radius: 0px !important; box-sizing: border-box; font-weight: 700;">/*
 * Droid Arabic Kufi (Arabic) http://www.google.com/fonts/earlyaccess
 */
@font-face {
  font-family: 'Droid Arabic Kufi';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.eot);
  src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Droid Arabic Kufi';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.eot);
  src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.ttf) format('truetype');
}</span></span>
</code></pre>
<span style="background-color: white; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;">3. ابحث عن </span><span style="background-color: white; border-radius: 0px !important; box-sizing: border-box; color: #e06666; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;"></head></span><span style="background-color: white; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;"> ثم ضع قبله الكود التالي</span><br />
<pre style="-webkit-user-select: text; background-color: #2c323c; border-radius: 4px; border: 1px solid rgb(226, 224, 224); box-sizing: border-box; color: #333333; direction: ltr; font-family: Menlo, Monaco, Consolas, "Courier New", monospace; font-size: 13px; line-height: 1.42857; margin: 0.5em auto; max-height: 300px; overflow: auto; padding: 10px 0px 0px; position: relative; tab-size: 2; text-align: left; width: 620.656px; word-break: normal; word-wrap: break-word;"><code style="background: none; border-radius: 0px; border: none; box-sizing: border-box; color: #eeeeee; display: block; font-family: Menlo, Monaco, Consolas, "Courier New", monospace; font-size: inherit; overflow: auto; padding: 0px 20px 10px 10px;"><script src='//cdn.rawgit.com/iHussam/ar1web/master/cycle.js' type='text/javascript'/>
<script src='//cdn.rawgit.com/iHussam/ar1web/master/slider2.js' type='text/javascript'/>
</code></pre>
<span style="background-color: white; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;">4. يتمثل الكود التالي في وضعه بالمكان المناسب لك وأفضل مكانه له هو فوق المواضيع كما بالمعاينة لذا إن أردت وضعه هناك فابحث عن </span><span style="background-color: white; border-radius: 0px !important; box-sizing: border-box; color: #e06666; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;"><b:section class='main' id='main' showaddelement='no'></span><span style="background-color: white; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;"> بعدها ضع الكود فوقه إن وجدت فوقه كود مثلا : </span><span style="background-color: white; border-radius: 0px !important; box-sizing: border-box; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; font-weight: 700; line-height: 25px;"><div id='main-wrapper'></span><span style="background-color: white; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;"> فضع الكود فوقه</span><br />
<pre style="-webkit-user-select: text; background-color: #2c323c; border-radius: 4px; border: 1px solid rgb(226, 224, 224); box-sizing: border-box; color: #333333; direction: ltr; font-family: Menlo, Monaco, Consolas, "Courier New", monospace; font-size: 13px; line-height: 1.42857; margin: 0.5em auto; max-height: 300px; overflow: auto; padding: 10px 0px 0px; position: relative; tab-size: 2; text-align: left; width: 620.656px; word-break: normal; word-wrap: break-word;"><code style="background: none; border-radius: 0px; border: none; box-sizing: border-box; color: #eeeeee; display: block; font-family: Menlo, Monaco, Consolas, "Courier New", monospace; font-size: inherit; overflow: auto; padding: 0px 20px 10px 10px;"><b:if cond='data:blog.pageType == &quot;index&quot;'>
<div id='featuredSlider'>
<div class='container'>
 
<script>
document.write(&quot; &lt;script src=\&quot;/feeds/posts/default?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
</script>
<div class='navigation'>
<ul class='pagination'/>            <script>
$(&#39;.slides&#39;).cycle({
  fx:     &#39;fade&#39;,
  speed:  &#39;slow&#39;,
  timeout: <span style="border-radius: 0px !important; box-sizing: border-box; color: #0b5394;"><span style="border-radius: 0px !important; box-sizing: border-box; font-weight: 700;">2000</span></span>,
  pager:  &#39;.pagination&#39;
  });
</script>
</div>
         </div> 
</div> 
</b:if>
</code></pre>
<howar1web style="background-color: #9eb2c0; border-radius: 2px !important; box-sizing: border-box; color: white; display: table-cell; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px; margin: -8px 0px; padding: 4px 15px; position: relative; width: 141px;">التغييرات الأساسية</howar1web><br style="background-color: white; border-radius: 0px !important; box-sizing: border-box; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;" /><span style="background-color: white; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;">1. لتعديل مقاس السلايدر فالرقم محدد بالأحمر في كود المرحلة </span><span style="background-color: white; border-radius: 0px !important; box-sizing: border-box; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; font-weight: 700; line-height: 25px;">1</span><br style="background-color: white; border-radius: 0px !important; box-sizing: border-box; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;" /><span style="background-color: white; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;">2. لتعديل توقيت سرعة المواضيع فالرقم محدد بالأزرق في كود المرحلة </span><span style="background-color: white; border-radius: 0px !important; box-sizing: border-box; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; font-weight: 700; line-height: 25px;">4</span><span style="background-color: white; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;"> إذا أردت تسريعه فعليك خفض الرقم مثلا من </span><span style="background-color: white; border-radius: 0px !important; box-sizing: border-box; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; font-weight: 700; line-height: 25px;">2000</span><span style="background-color: white; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;"> إلى </span><span style="background-color: white; border-radius: 0px !important; box-sizing: border-box; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; font-weight: 700; line-height: 25px;">1000</span><span style="background-color: white; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;"> والعكس إذا أردت تبطيئه</span><br style="background-color: white; border-radius: 0px !important; box-sizing: border-box; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;" /><span style="background-color: white; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;">3. إن كنت تتوفر على خط </span><span style="background-color: white; border-radius: 0px !important; box-sizing: border-box; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; font-weight: 700; line-height: 25px;">Droid Arabic Kufi</span><span style="background-color: white; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;"> فقم بحذفه من الكود الأول هو محدد بالبرتقالي</span></div>

سلايد شو تلقائي الإصدار 1

2424 0 اضافات بلوجر 6:59:00 ص

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

مزيد من المعلومات »

08Jul2016

إضافة أداة للمشاركات الأخيرة بصور مصغرة

2424 0 اضافات بلوجر 6:59:00 ص

<div dir="rtl" style="text-align: right;" trbidi="on">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7IMyWg39ikkIfnOenwceheXIjAC-0i_VB_hZQpMfcQD1kdJ5x-duK8CWoU0Ot5mCE3b7mvfEnQmvvoxmmOlCLhVLXe1GiBDDhuoLukS0Qml5z4U30LiIh5IRiym29FBy4Cq5MwdLy0tw/s1600/Recent-Posts-Widget.png" style="background-color: white; border-radius: 0px !important; border: 0px; box-sizing: border-box; color: #4e4e4e; display: block; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px; margin: -35px auto 0px; max-width: 100%; text-align: center; vertical-align: middle; width: auto;" /><br />
<span style="background-color: white; border-radius: 0px !important; box-sizing: border-box; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; font-weight: 700; line-height: 25px;"><a href="http://www.ar1web.com/2016/01/recent-posts-widget-with-first-big.html" style="background-color: transparent; border-radius: 0px !important; box-sizing: border-box; color: #e83e3b; margin: 0px; padding: 0px; text-decoration: none; transition: color 0.3s;" target="_blank">إضافة أداة بأولها صورة موضوع كبيرة</a></span><span style="background-color: white; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;">، بعد أن شاركناكم </span><a href="http://www.ar1web.com/2015/12/attach-list-of-contents-posts.html" style="background-color: white; border-radius: 0px !important; box-sizing: border-box; color: #e83e3b; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px; margin: 0px; padding: 0px; text-decoration: none; transition: color 0.3s;" target="_blank">أداة لوضع محتوى مواضيع ثابت</a><span style="background-color: white; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;"> فهذه المرة سنشارككم طريقة لتركيب أداة مواضيع جديدة بأولها صورة كبيرة...</span><br style="background-color: white; border-radius: 0px !important; box-sizing: border-box; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;" /><span style="background-color: white; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;">هذه الأداة لا تختلف كثيرا عن بقيتها كأداة </span><a href="http://www.ar1web.com/2015/12/widgets-recent-post-and-random-post.html" style="background-color: white; border-radius: 0px !important; box-sizing: border-box; color: #e83e3b; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px; margin: 0px; padding: 0px; text-decoration: none; transition: color 0.3s;" target="_blank">أحدث المواضيع</a><span style="background-color: white; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;"> التي توضع في السيدبار إلا أن أداتنا لليوم تم تصميمها خصيصا لتكون فوق المواضيع أو أسفلها، بشكل جد احترافي،كما يمكنكم التحكم في عرض القسم المختار عبر التسمية.</span><br style="background-color: white; border-radius: 0px !important; box-sizing: border-box; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;" /><a href="https://www.blogger.com/null" name="more" style="background-color: white; border-radius: 0px !important; box-sizing: border-box; color: #e83e3b; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px; margin: 0px; padding: 0px; transition: color 0.3s;"></a><br style="background-color: white; border-radius: 0px !important; box-sizing: border-box; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;" /><span style="background-color: white; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;">لمن أراد تركيبها على موقعه فليتابع الشرح بعد المعاينة</span><br />
<div style="background-color: white; border-radius: 0px !important; box-sizing: border-box; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px; text-align: center;">
<br /></div>
<how-ar1web style="background-color: #9eb2c0; border-radius: 2px !important; box-sizing: border-box; color: white; display: table-cell; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px; margin: -8px 0px; padding: 4px 15px; position: relative; width: 149px;">شرح طريقة التركيب</how-ar1web><br style="background-color: white; border-radius: 0px !important; box-sizing: border-box; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;" /><span style="background-color: white; border-radius: 0px !important; box-sizing: border-box; color: red; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;">*</span><span style="background-color: white; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;"> إذا كنت تتوفر على أداة فوق </span><span style="background-color: white; border-radius: 0px !important; box-sizing: border-box; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; font-weight: 700; line-height: 25px;">رسائل المدونة الالكترونية</span><span style="background-color: white; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;"> أو أسفلها فانتقل مباشرة للخطوة 4</span><br style="background-color: white; border-radius: 0px !important; box-sizing: border-box; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;" /><span style="background-color: white; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;">1. </span><span style="background-color: white; border-radius: 0px !important; box-sizing: border-box; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; font-weight: 700; line-height: 25px;">حرر القالب</span><span style="background-color: white; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;"> وابحث عن هذا الكود </span><span style="background-color: white; border-radius: 0px !important; box-sizing: border-box; color: #e06666; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;"><b:section class='main' id='main'</span><span style="background-color: white; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;"> في حالة لم تجده اختر </span><span style="background-color: white; border-radius: 0px !important; box-sizing: border-box; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; font-weight: 700; line-height: 25px;">الانتقال الى الاداة</span><span style="background-color: white; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;"> واضغط على </span><span style="background-color: white; border-radius: 0px !important; box-sizing: border-box; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; font-weight: 700; line-height: 25px;">Blog1</span><span style="background-color: white; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;"> وسيوجهك إليه</span><br style="background-color: white; border-radius: 0px !important; box-sizing: border-box; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;" /><span style="background-color: white; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;">2. بعد أن تجده ضع الكود التالي فوقه</span><br />
<pre style="-webkit-user-select: text; background-color: #2c323c; border-radius: 4px; border: 1px solid rgb(226, 224, 224); box-sizing: border-box; color: #333333; direction: ltr; font-family: Menlo, Monaco, Consolas, "Courier New", monospace; font-size: 13px; line-height: 1.42857; margin: 0.5em auto; max-height: 300px; overflow: auto; padding: 10px 0px 0px; position: relative; tab-size: 2; text-align: left; width: 620.656px; word-break: normal; word-wrap: break-word;"><code style="background: none; border-radius: 0px; border: none; box-sizing: border-box; color: #eeeeee; display: block; font-family: Menlo, Monaco, Consolas, "Courier New", monospace; font-size: inherit; overflow: auto; padding: 0px 20px 10px 10px;"><b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:section class='Recent-Posts section' id='RecentPosts-ar1web' maxwidgets='1' showaddelement='yes'>
 
</b:section>
</b:if></b:if>
</code></pre>
<span style="background-color: white; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;">3. قم </span><span style="background-color: white; border-radius: 0px !important; box-sizing: border-box; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; font-weight: 700; line-height: 25px;">بحفظ النموذج</span><span style="background-color: white; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;"> واتجه إلى</span><span style="background-color: white; border-radius: 0px !important; box-sizing: border-box; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; font-weight: 700; line-height: 25px;"> التخطيط</span><span style="background-color: white; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;"> ستجد اداة فوق </span><span style="background-color: white; border-radius: 0px !important; box-sizing: border-box; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; font-weight: 700; line-height: 25px;">رسائل المدونة الالكترونية</span><br style="background-color: white; border-radius: 0px !important; box-sizing: border-box; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;" /><span style="background-color: white; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;">4. اضف اداة </span><span style="background-color: white; border-radius: 0px !important; box-sizing: border-box; color: #e06666; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;">Html/Javascript</span><span style="background-color: white; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;"> وضع بها الكود التالية</span><br />
<pre style="-webkit-user-select: text; background-color: #2c323c; border-radius: 4px; border: 1px solid rgb(226, 224, 224); box-sizing: border-box; color: #333333; direction: ltr; font-family: Menlo, Monaco, Consolas, "Courier New", monospace; font-size: 13px; line-height: 1.42857; margin: 0.5em auto; max-height: 300px; overflow: auto; padding: 10px 0px 0px; position: relative; tab-size: 2; text-align: left; width: 620.656px; word-break: normal; word-wrap: break-word;"><code style="background: none; border-radius: 0px; border: none; box-sizing: border-box; color: #eeeeee; display: block; font-family: Menlo, Monaco, Consolas, "Courier New", monospace; font-size: inherit; overflow: auto; padding: 0px 20px 10px 10px;"><style>
      .th-container {
        list-style-type: none;
        font-family: inherit;
        float: right;
        width: 100%;
        max-width: <span style="border-radius: 0px !important; box-sizing: border-box; color: lime;"><span style="border-radius: 0px !important; box-sizing: border-box; font-weight: 700;">600</span></span>px;
        min-height: 70px;
        margin: 5px 0px 5px 0px;
        padding: 0;
        font-size: 12px;
    border: 1px solid rgba(243, 243, 243, 0.56);
    background: rgba(251, 250, 250, 0.6);
    }
    
    .th-container a {
        text-decoration: none;
        color: #333;
    }
    
    .thumb {
        display: block;
        position: relative;
        overflow: hidden;
    }
    
    .th_narrow a.category {
        position: absolute;
        top: 0;
        right: 0;
        background-color: #444;
        color: #fff;
        font-size: 10px;
        height: 25px;
        line-height: 25px;
        padding: 0 10px;
        text-transform: uppercase;
      
        z-index: 1;
    }
    
    .category-main-wrap {
        text-align: center;
        transform: translateY(-58%);
        -ms-transform: translateY(-58%);
        -moz-transform: translateY(-58%);
        -webkittransform: translateY(-58%);
    }
    
    .category-main {
        background: #fff;
        border: none;
        padding: 10px 0;
        font-size: 11px;
        position: relative;
    }
    
   .category-list {
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    display: inline-block;
    font-family: inherit;
    z-index: 2;
    background: #FFFFFF;
    line-height: 0;
    border-bottom: 1px solid rgb(234, 232, 232);
    padding: 10px;
    bottom: 5px;
}
    
   
    .center-ar1web { text-align: center; }
    
  
   .postmeta {
   text-align: center;
    font: 11px tahoma;
    padding: 10px 0;
    line-height: 0;
}
    
    .featuredPost.lastPost .day,
    .th-wide a.category {
        color: #454545;
        font-weight: 700;
        text-transform: uppercase;
        padding: 0 10px;
        font-size: 11px;
        text-transform: uppercase;
        margin-bottom: 30px;
        opacity: 0.8;
        text-align: center;
        display: inline-block;
    }
    
    .featuredPost.lastPost {
        /* margin: 0 auto; */
        margin-top: -23px;
    }
    
    .th-wide img {
        height: auto;
        width: 100%;
       transition: .3s ease-in-out;
    }
.th-wide img:hover {
    opacity: .85;
    transform: scale(1.1);
}
    
    .th-container i {
        margin-right: 3px;
        margin-left: 3px;
    }
    
    .th_narrow {
        display: inline-block;
        margin: 0 6px;
        text-align: center;
    height: 250px;
    }
    
    .post-comments {
        background: #DD2727;
        font-size: 12px;
        line-height: 20px;
        color: #fff !important;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }
    
    .th_narrow .comm {
        display: block;
        position: relative;
        padding: 2px 7px;
    }
    
    .th_narrow .comm:before {
        content: '';
        display: inline-block;
        border-right: 4px solid transparent;
        border-left: 4px solid #DD2727;
        border-top: 4px solid #DD2727;
        border-bottom: 4px solid transparent;
        position: absolute;
        top: 24px;
        right: 10px;
    }
    
    .th_narrow .comm i {
        margin-left: 3px;
    }
    
    .th_narrow {
        width: 180px;
        overflow: hidden;
    }
.th_narrow img:hover {
    opacity: .85;
}
.th_narrow img {
    height: 150px;
    width: 100%;
-webkit-transition: all 200ms ease-in-out;
}
</style>
<span style="border-radius: 0px !important; box-sizing: border-box; color: orange;"><span style="border-radius: 0px !important; box-sizing: border-box; font-weight: 700;"><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" /></span></span>
<script type='text/javascript'>
    //<![CDATA[
    imgr = new Array();
    showRandomImg = true;
    numposts = <span style="border-radius: 0px !important; box-sizing: border-box; color: blue;"><span style="border-radius: 0px !important; box-sizing: border-box; font-weight: 700;">7</span></span>;

function recentarticles2(json) {
        j = (showRandomImg) ? Math.floor((imgr.length + 1) * Math.random()) : 0;
        img = new Array();
        if (numposts <= json.feed.entry.length) {
            maxpost = numposts
        } else {
            maxpost = json.feed.entry.length
        }
        for (var i = 0; i < maxpost; i++) {
            var entry = json.feed.entry[i];
            var posttitle = entry.title.$t;
            var pcm;
            var posturl;
            var commentsurl;

var zz;
            var cate = '';
            for (var e = 0; e < json.feed.entry[i].category.length; e++) {
                cate = cate + '<a class="category" href="/search/label/' + json.feed.entry[i].category[e].term + '?max-results=6">' + json.feed.entry[i].category[e].term + '</a>';
                zz = '<a class="category" href="/search/label/' + json.feed.entry[i].category[e].term + '?max-results=6">' + json.feed.entry[i].category[e].term + '</a>';
            }

if (i == json.feed.entry.length) break;
            for (var k = 0; k < entry.link.length; k++) {
                if (entry.link[k].rel == 'alternate') {
                    posturl = entry.link[k].href;
                    break
                }
            }
            for (var k = 0; k < entry.link.length; k++) {
                if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
                    pcm = entry.link[k].title.split(" ")[0];
                    commentsurl = entry.link[k].href.split(" ")[0];
                    break
                }
            }
            if ("content" in entry) {
                var postcontent = entry.content.$t
            } else
            if ("summary" in entry) {
                var postcontent = entry.summary.$t
            } else var postcontent = "";
            postdate = entry.published.$t;
            if (j > imgr.length - 1) j = 0;
            img[i] = "";
            s = postcontent;
            a = s.indexOf("<img");
            b = s.indexOf("src=\"", a);
            c = s.indexOf("\"", b + 5);
            d = s.substr(b + 5, c - b - 5);
            if ((a != -1) && (b != -1) && (c != -1) && (d != "")) {
                if (i == 0) {
                    img[i] = '<img min-width="620" min-height="240" class="alignone" src="' + d + '"/>'
                } else {
                    img[i] = '<img class="alignright" min-height="100" src="' + d + '" width="180"/>'
                }
            }
            var month = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
             var month2 = ["يناير", "فبراير", "مارس", "أبريل", "مايو", "يونيو", "يوليو", "أغسطس", "سبتمبر", "أكتوبر", "نوفمبر", "ديسمبر"];
            var day = postdate.split("-")[2].substring(0, 2);
            var m = postdate.split("-")[1];
            var y = postdate.split("-")[0];
            for (var u2 = 0; u2 < month.length; u2++) {
                if (parseInt(m) == month[u2]) {
                    m = month2[u2];
                    break
                }
            }

var daystr = day + ' ' + m + ' ' + y;

if (i == 0) {
                var trtd = '<div class="th-container"><div class="th-wide"><div class="thumb overlay"><a href="' + posturl + '">' + img[i] + '</a></div><div class="category-main-wrap"><div class="category-list category-main"><h3 class="postTitle"><a href="' + posturl + '">' + posttitle + '</a></h3></div></div><div class="featuredPost lastPost"><div class="postmeta"><span class="day">' + daystr + '</span>' + zz + '</div><div class="clear"></div><span class="featuredPostMeta"><a href="' + posturl + '"></a></span></div></div><div class="center-ar1web">';
                document.write(trtd)
            }
            if ((i > 0) && (i < maxpost)) {
                var trtd = '<div class="th_narrow"><div class="thumb overlay"><a href="' + posturl + '">' + img[i] + '</a>' + zz + '<a class="post-comments" href="' + commentsurl + '" target ="_top"><span class="comm"><i class="fa fa-comment-o"></i>' + pcm + '</span></a></div><h4 class="featuredTitle"><a href="' + posturl + '">' + posttitle + '</a></h4><div class="clear"></div></div>';
                document.write(trtd)
            }
            j++
        }
        document.write('</div>')
    }
     document.write("<script src=\"/<span style="border-radius: 0px !important; box-sizing: border-box; color: red;"><span style="border-radius: 0px !important; box-sizing: border-box; font-weight: 700;">feeds/posts/default/?max-results</span></span>=" + numposts + "&orderby=published&alt=json-in-script&callback=recentarticles2\"><\/script>");
    //]]>
</script>
</code></pre>
<how-ar1web style="background-color: #9eb2c0; border-radius: 2px !important; box-sizing: border-box; color: white; display: table-cell; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px; margin: -8px 0px; padding: 4px 15px; position: relative; width: 141px;">التغييرات الأساسية</how-ar1web><br style="background-color: white; border-radius: 0px !important; box-sizing: border-box; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;" /><span style="background-color: white; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;">1. للتحكم بعرض الأداة فالرقم </span><span style="background-color: white; border-radius: 0px !important; box-sizing: border-box; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; font-weight: 700; line-height: 25px;">600</span><span style="background-color: white; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;"> محدد بالأخضر</span><br style="background-color: white; border-radius: 0px !important; box-sizing: border-box; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;" /><span style="background-color: white; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;">2. إن كنت تتوفر على كود خطوط الأيقونات </span><span style="background-color: white; border-radius: 0px !important; box-sizing: border-box; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; font-weight: 700; line-height: 25px;">FontAwesome</span><span style="background-color: white; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;"> فقم بحذفه من الكود - محدد بالبرتقالي</span><br style="background-color: white; border-radius: 0px !important; box-sizing: border-box; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;" /><span style="background-color: white; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;">3. غير </span><span style="background-color: white; border-radius: 0px !important; box-sizing: border-box; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; font-weight: 700; line-height: 25px;">numposts = <span style="border-radius: 0px !important; box-sizing: border-box; color: blue;">7</span>;</span><span style="background-color: white; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;"> لتظهر عدد المشاركات المناسب لديك - محدد بالأزرق</span><br style="background-color: white; border-radius: 0px !important; box-sizing: border-box; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;" /><span style="background-color: white; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;">4. لاضافة تسمية معينة غير </span><span style="background-color: white; border-radius: 0px !important; box-sizing: border-box; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; font-weight: 700; line-height: 25px;">/feeds/posts/default/?max-results</span><span style="background-color: white; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px;"> - محدد بالأحمر وضع بدله هذا</span><span style="background-color: white; border-radius: 0px !important; box-sizing: border-box; color: #4e4e4e; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; font-weight: 700; line-height: 25px;">/feeds/posts/default/-/<span style="border-radius: 0px !important; box-sizing: border-box; color: red;">التسمية</span>?max-results</span><br />
<div class="Life-teks" style="background-color: #404248; border-radius: 5px !important; box-sizing: border-box; color: #eeeeee; font-family: tahoma; font-size: 13px; font-stretch: normal; line-height: 1.5em; margin: 0.75em 0px; padding: 10px 15px; position: relative;">
نصل لنهاية التدوينة، ونحب أن ننوه أن بعض القوالب لن تقبل الإضافة إن كان به إضافات مشابهة... وكالعادة واجهتك مشكلة / استفسار فضعه بالتعليق</div>
</div>

إضافة أداة للمشاركات الأخيرة بصور مصغرة

2424 0 اضافات بلوجر 6:59:00 ص

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

مزيد من المعلومات »

08Jul2016

تركيب تعليقات Disqus جنبا إلى تعليقات بلوجر

2424 0 اضافات بلوجر 6:58:00 ص

<div dir="rtl" style="text-align: right;" trbidi="on">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3C39LC8ZiU-OYRfOy64WKF7NQnwwjU6rJknlNxCgfQKnH-sRPxtDSVc-krS_qHxvBFhJvg5nj8qcq7-_Vfrn7n5qRimdsajg7yQxWmmzjQMlSEgc5pRoNKOTUIFK1PB8yo96ojmvn1_M/s1600/comments-blogger-and-disqus.png" imageanchor="1" style="background-color: white; border-radius: 0px !important; box-sizing: border-box; color: #e83e3b; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px; margin: 0px 1em; padding: 0px; text-align: center; text-decoration: none; transition: color 0.3s;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3C39LC8ZiU-OYRfOy64WKF7NQnwwjU6rJknlNxCgfQKnH-sRPxtDSVc-krS_qHxvBFhJvg5nj8qcq7-_Vfrn7n5qRimdsajg7yQxWmmzjQMlSEgc5pRoNKOTUIFK1PB8yo96ojmvn1_M/s1600/comments-blogger-and-disqus.png" style="border-radius: 0px !important; border: 0px; box-sizing: border-box; display: block; margin: -35px auto 0px; max-width: 100%; vertical-align: middle; width: auto;" /></a><br />
<div class="cl-item-page" style="background: rgb(255, 255, 255); border-radius: 0px !important; border: 1px solid rgb(222, 220, 220); box-sizing: border-box; color: #434343; float: right; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 21.4px; margin-bottom: 15px; padding: 10px; text-align: start; width: 642.656px;">
<div class="post-body entry-content" id="post-body-1040818555927895130" itemprop="description articleBody" style="border-radius: 0px !important; box-sizing: border-box; color: #4e4e4e; line-height: 25px;">
<div dir="rtl" style="border-radius: 0px !important; box-sizing: border-box; text-align: right;" trbidi="on">
<span style="border-radius: 0px !important; box-sizing: border-box; font-weight: 700;"><a href="http://www.ar1web.com/2016/01/add-tabs-comment-disqus-with-blogger.html" style="background-color: transparent; border-radius: 0px !important; box-sizing: border-box; color: #e83e3b; margin: 0px; padding: 0px; text-decoration: none; transition: color 0.3s;" target="_blank">إضافة تعليقات Blogger جنبا إلى تعليقات Disqus</a></span>، هذا أكثر طلب سبق وتلقيته وهو طريقة اضافة تعليقات بلوجر مع Disqus. وها أنا ألبيه لمتابعينا الأعزاء بهذا الشرح الخاص لدمج تعليقات بلوجر مع ديسكس. هناك نقاط إيجابية وسلبية بالمنصات الفردية للتعليق فأحسنها لمنصة بلوجر هي منصة Disqus والعديد يستعملها سواء مدونات بلوجر أو منصات أخرى، فإذا أردت أن تترك تعليقات بلوجر وتحصل على كل مزايا بكل نظام تعليق ينبغي إضافة تبويب للإنتقال بين المنصتين في مدونتك وكذلك تتيح للزائر الإختيار الأنسب له.<br style="border-radius: 0px !important; box-sizing: border-box;" /><a href="https://www.blogger.com/null" name="more" style="background-color: transparent; border-radius: 0px !important; box-sizing: border-box; color: #e83e3b; margin: 0px; padding: 0px; transition: color 0.3s;"></a><br style="border-radius: 0px !important; box-sizing: border-box;" />فلمن تابع التدوينة السابقة ل<a href="http://www.ar1web.com/2015/10/add-facebook-and-blogger-comments-side-by-side.html" style="background-color: transparent; border-radius: 0px !important; box-sizing: border-box; color: #e83e3b; margin: 0px; padding: 0px; text-decoration: none; transition: color 0.3s;" target="_blank">تركيب تعليقات فيسبوك جنبا إلى تعليقات بلوجر</a> فالشكل مثلها والإنتقال بين تعليقات بلوجر وديسكس جد سلس وسريع جدا... ما رأيكم الآن لو ذهبنا للمعاينة المباشرة :<br style="border-radius: 0px !important; box-sizing: border-box;" /><div style="border-radius: 0px !important; box-sizing: border-box; text-align: center;">
<br /></div>
<how-ar1web style="background-color: #9eb2c0; border-radius: 2px !important; box-sizing: border-box; color: white; display: table-cell; margin: -8px 0px; padding: 4px 15px; position: relative; width: 149px;">شرح طريقة التركيب</how-ar1web><br style="border-radius: 0px !important; box-sizing: border-box;" />1. ابحث عن <span style="border-radius: 0px !important; box-sizing: border-box; color: #e06666;">]]></b:skin></span> وضع الكود التالي فوقه أو ضعه بين<span style="border-radius: 0px !important; box-sizing: border-box; color: #e06666;"> <style> </style></span> فوق <span style="border-radius: 0px !important; box-sizing: border-box; color: #e06666;"></head></span><br style="border-radius: 0px !important; box-sizing: border-box;" /><pre style="-webkit-user-select: text; background-color: #2c323c; border-radius: 4px; border: 1px solid rgb(226, 224, 224); box-sizing: border-box; color: #333333; direction: ltr; font-family: Menlo, Monaco, Consolas, "Courier New", monospace; font-size: 13px; line-height: 1.42857; margin: 0.5em auto; max-height: 300px; overflow: auto; padding: 10px 0px 0px; position: relative; tab-size: 2; text-align: left; width: 620.656px; word-break: normal; word-wrap: break-word;"><code style="background: none; border-radius: 0px; border: none; box-sizing: border-box; color: #eeeeee; display: block; font-family: Menlo, Monaco, Consolas, "Courier New", monospace; font-size: inherit; overflow: auto; padding: 0px 20px 10px 10px;">.ar1web_comtab { margin: 0 0;}
.ar1web_comtab li{cursor: pointer; float: right; text-align: center; width: <span style="border-radius: 0px !important; box-sizing: border-box; color: red;"><span style="border-radius: 0px !important; box-sizing: border-box; font-weight: 700;">43%</span></span>; padding: 7px 10px 10px; color: #FFF; text-transform: uppercase; font-size: 13px; -webkit-user-select: none; direction: ltr; list-style: none;}
.ar1web_comtab li:nth-child(1){background:#F2802A;}
.ar1web_comtab li:nth-child(2){background:#1E89E4;}
.ar1web_comtab li .fa{display:inline-block;font-size:15px;}
.ar1web_comtab li h4{margin:0;font-family: <span style="border-radius: 0px !important; box-sizing: border-box; color: lime;"><span style="border-radius: 0px !important; box-sizing: border-box; font-weight: 700;">Droid Arabic Naskh,sans-serif</span></span>; font-size: 15px;}
</code></pre>
2. ابحث عن <span style="border-radius: 0px !important; box-sizing: border-box; color: #e06666;"><div class='comments' id='comments'></span> بعدها ضع الكود التالي أسفله<br style="border-radius: 0px !important; box-sizing: border-box;" /><span style="border-radius: 0px !important; box-sizing: border-box; color: red;">*</span> ستجد منه اثنان ضع الكود في كلاهما<br style="border-radius: 0px !important; box-sizing: border-box;" /><pre style="-webkit-user-select: text; background-color: #2c323c; border-radius: 4px; border: 1px solid rgb(226, 224, 224); box-sizing: border-box; color: #333333; direction: ltr; font-family: Menlo, Monaco, Consolas, "Courier New", monospace; font-size: 13px; line-height: 1.42857; margin: 0.5em auto; max-height: 300px; overflow: auto; padding: 10px 0px 0px; position: relative; tab-size: 2; text-align: left; width: 620.656px; word-break: normal; word-wrap: break-word;"><code style="background: none; border-radius: 0px; border: none; box-sizing: border-box; color: #eeeeee; display: block; font-family: Menlo, Monaco, Consolas, "Courier New", monospace; font-size: inherit; overflow: auto; padding: 0px 20px 10px 10px;"><script type='text/javascript'>//<![CDATA[
function commentToggle(o){$(".com-tab").addClass("off-comtab"),$(o).removeClass("off-comtab"),$(".com-page").hide(),$(o+"_page").show()}//]]></script>
<nav class='ar1web_comtab'><ul><li class='com-tab' id='blogcom' onclick='javascript:commentToggle(&quot;#blogcom&quot;);'><i class='fa fa-comments'/> <h4>Blogger تعليقات</h4></li><li class='com-tab off-comtab' id='disqcom' onclick='javascript:commentToggle(&quot;#disqcom&quot;);'><i class='fa fa-comments'/> <h4>Disqus تعليقات</h4></li></ul><div class='clear'/></nav>

<div class='comments com-page' id='disqcom_page' style='display:none;'>
<div id='disqus_thread'/>
<script type='text/javascript'>//<![CDATA[
/* * * غير الأفضل لكم باسم تعليقات ديسكس * * */
var disqus_shortname = '<span style="border-radius: 0px !important; box-sizing: border-box; color: red;"><span style="border-radius: 0px !important; box-sizing: border-box; font-weight: 700;">الأفضل لكم</span></span>';
!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="//"+disqus_shortname+".disqus.com/embed.js",(document.getElementsByTagName("head")[0]||document.getElementsByTagName("body")[0]).appendChild(e)}();
//]]>
</script>
<noscript>الرجاء تمكين الجافا سكريبت لعرض <a href='https://disqus.com/?ref_noscript' rel='nofollow'>تعليقات مدعومة من ديسكس.</a></noscript>
<div class='clear'/></div>
</code></pre>
3. غير <span style="border-radius: 0px !important; box-sizing: border-box; color: red;"><span style="border-radius: 0px !important; box-sizing: border-box; font-weight: 700;">الأفضل لكم</span></span> بإسم المستخدم على Disqus<br style="border-radius: 0px !important; box-sizing: border-box;" /><span style="border-radius: 0px !important; box-sizing: border-box; color: red;">*</span> الكود التالي هو لإظهار الأيقونات إذا كنت تتوفر عليه فلا داعي لإضافته، يضاف فوق <span style="border-radius: 0px !important; box-sizing: border-box; color: #e06666;"></head></span><br style="border-radius: 0px !important; box-sizing: border-box;" /><pre style="-webkit-user-select: text; background-color: #2c323c; border-radius: 4px; border: 1px solid rgb(226, 224, 224); box-sizing: border-box; color: #333333; direction: ltr; font-family: Menlo, Monaco, Consolas, "Courier New", monospace; font-size: 13px; line-height: 1.42857; margin: 0.5em auto; max-height: 300px; overflow: auto; padding: 10px 0px 0px; position: relative; tab-size: 2; text-align: left; width: 620.656px; word-break: normal; word-wrap: break-word;"><code style="background: none; border-radius: 0px; border: none; box-sizing: border-box; color: #eeeeee; display: block; font-family: Menlo, Monaco, Consolas, "Courier New", monospace; font-size: inherit; overflow: auto; padding: 0px 20px 10px 10px;"><link href='//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css' rel='stylesheet'/>
</code></pre>
4. قم بحفظ العمل ومبروك عليك الاضافة<br style="border-radius: 0px !important; box-sizing: border-box;" /><div class="Life-teks" style="background-color: #404248; border-radius: 5px !important; box-sizing: border-box; color: #eeeeee; font-family: tahoma; font-size: 13px; font-stretch: normal; line-height: 1.5em; margin: 0.75em 0px; padding: 10px 15px; position: relative;">
وهكذا نصل لنهاية تدوينتنا، أتمنى أن تكون قد أفدَتكم ونلقاكم في تدوينة جديدة.. أي استفسار/ مشكل فهو مرحب به.</div>
</div>
<div style="border-radius: 0px !important; box-sizing: border-box; clear: both;">
</div>
</div>
<div class="ads-hm" style="border-radius: 0px !important; border-top-color: rgb(236, 235, 235); border-top-style: solid; border-top-width: 1px; box-sizing: border-box; margin: 10px 0px; overflow: hidden; padding: 10px 0px; text-align: center;">
</div>
<div style="border-radius: 0px !important; box-sizing: border-box; clear: both;">
</div>
</div>
<div class="related-post" id="related-post" style="background: rgb(255, 255, 255); border-radius: 0px !important; border: 1px solid rgb(220, 217, 217); box-sizing: border-box; color: #434343; float: right; font-family: Arial, sans-serif; font-size: 11px; font-stretch: normal; line-height: 1.4; margin: 5px 0px 0px; padding: 5px 22px 15px; text-align: start; width: 642.656px;">
</div>
<div class="pagenext" style="background: rgb(253, 253, 253); border-bottom-color: rgb(220, 217, 217); border-bottom-width: 1px; border-left-color: rgb(220, 217, 217); border-left-width: 1px; border-radius: 0px !important; border-right-color: rgb(220, 217, 217); border-right-width: 1px; border-style: none solid solid; box-sizing: border-box; color: #434343; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 21.4px; padding: 0px; position: relative; text-align: start;">
<div class="blog-pager" id="blog-pager" style="border-radius: 0px !important; box-sizing: border-box; margin: 0px !important; overflow: hidden; padding: 0px; text-align: center;">
<div class="pagenext-kiri" style="border-radius: 0px !important; box-sizing: border-box; color: #e83e3b; float: right; margin: 0px; padding: 20px 40px 20px 10px; text-align: right; transition: all 0.3s ease-out; width: 320.328px;">
</div>
</div>
</div>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border-radius: 0px !important; box-sizing: border-box; clear: both; color: #434343; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21.4px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">
</div>
</div>

تركيب تعليقات Disqus جنبا إلى تعليقات بلوجر

2424 0 اضافات بلوجر 6:58:00 ص

إضافة تعليقات Blogger جنبا إلى تعليقات Disqus، هذا أكثر طلب سبق وتلقيته وهو طريقة اضافة تعليقات بلوجر مع Disqus. وها أنا ألبيه لمتابعينا الأعزاء بهذا الشرح الخاص لدمج تعليقات بلوجر مع ديسكس. هناك نقاط إيجابية وسلبية بالمنصات الفردية للتعليق فأحسنها … مزيد من المعلومات »

مزيد من المعلومات »

08Jul2016

اضافة نجوم بالتصنيف للمشاركات الشائعة

2424 0 اضافات بلوجر 6:57:00 ص

<div dir="rtl" style="text-align: right;" trbidi="on">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOywRfau0P9Pm0cnFpB_TIPz3rNx-aKReYnD8rP-OE6b_9pVzjOdxG_eAbtUeIgVSM_HylXeto7_Hn7-teNNbEYMLNmrc0wQZhql9RToi0BYXf91PF5WpBMr8joyALbdTa30IB9Q8A_4Y/s1600/stars-popular-post.png" imageanchor="1" style="background-color: white; border-radius: 0px !important; box-sizing: border-box; color: #e83e3b; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 25px; margin: 0px 1em; padding: 0px; text-align: center; text-decoration: none; transition: color 0.3s;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOywRfau0P9Pm0cnFpB_TIPz3rNx-aKReYnD8rP-OE6b_9pVzjOdxG_eAbtUeIgVSM_HylXeto7_Hn7-teNNbEYMLNmrc0wQZhql9RToi0BYXf91PF5WpBMr8joyALbdTa30IB9Q8A_4Y/s1600/stars-popular-post.png" style="border-radius: 0px !important; border: 0px; box-sizing: border-box; display: block; margin: -35px auto 0px; max-width: 100%; vertical-align: middle; width: auto;" /></a><br />
<br />
<div class="cl-item-page" style="background: rgb(255, 255, 255); border-radius: 0px !important; border: 1px solid rgb(222, 220, 220); box-sizing: border-box; color: #434343; float: right; font-family: "Droid Arabic Naskh", sans-serif; font-size: 14px; line-height: 21.4px; margin-bottom: 15px; padding: 10px; text-align: start; width: 642.656px;">
<div class="post-body entry-content" id="post-body-7476360665972052958" itemprop="description articleBody" style="border-radius: 0px !important; box-sizing: border-box; color: #4e4e4e; line-height: 25px;">
<div dir="rtl" style="border-radius: 0px !important; box-sizing: border-box; text-align: right;" trbidi="on">
<span style="border-radius: 0px !important; box-sizing: border-box; font-weight: 700;"><a href="http://www.ar1web.com/2016/01/add-stars-rating-on-popular-post-widget.html" style="background-color: transparent; border-radius: 0px !important; box-sizing: border-box; color: #e83e3b; margin: 0px; padding: 0px; text-decoration: none; transition: color 0.3s;" target="_blank">إضافة نجوم لأداة المشاركات الشائعة</a></span>، حقا هذه الاضافة تعطي منظر جميل ومختلف للمشاركات الشائعة وتصنف أعلى زيارة لموضوع عبر منحه خمسة <img alt="⭐" class="emoji" draggable="false" src="https://twemoji.maxcdn.com/36x36/2b50.png" style="background: none; border-radius: 0px !important; border: none; bottom: 0px; box-shadow: none !important; box-sizing: border-box; display: initial; left: 0px; margin: 0px !important; max-width: 100%; padding: 0px; right: 0px; top: 0px; vertical-align: -0.1em; width: 1em;" /> ومع كل موضوع أقل تنقص النجوم على حسب اختيارك لعرض المشاركات إما كل الوقت أو آخر 7أيام.<br />
<a href="https://www.blogger.com/null" name="more" style="background-color: transparent; border-radius: 0px !important; box-sizing: border-box; color: #e83e3b; margin: 0px; padding: 0px; transition: color 0.3s;"></a>إذا كنت تريد تطبيقها على مدونتك فانصحك باختيار ما بين 5 و 6 مواضيع في الأداة ويمكنكم المعاينة عبر مدونتنا مباشرة ما يبقى إلا متابعة هذا الشرح البسيط<br />
<how-ar1web style="background-color: #9eb2c0; border-radius: 2px !important; box-sizing: border-box; color: white; display: table-cell; margin: -8px 0px; padding: 4px 15px; position: relative; width: 149px;">شرح طريقة التركيب</how-ar1web><br />
1. إذا كنت تتوفر على الكود التالي خاص بأيقونات Font Awesome فلا داعي لإضافته، يضاف فوق <span style="border-radius: 0px; box-sizing: border-box; color: #e06666;"></head></span><br />
<pre style="-webkit-user-select: text; background-color: #2c323c; border-radius: 4px; border: 1px solid rgb(226, 224, 224); box-sizing: border-box; color: #333333; direction: ltr; font-family: Menlo, Monaco, Consolas, "Courier New", monospace; font-size: 13px; line-height: 1.42857; margin: 0.5em auto; max-height: 300px; overflow: auto; padding: 10px 0px 0px; position: relative; tab-size: 2; text-align: left; width: 620.656px; word-break: normal; word-wrap: break-word;"><code style="background: none; border-radius: 0px; border: none; box-sizing: border-box; color: #eeeeee; display: block; font-family: Menlo, Monaco, Consolas, "Courier New", monospace; font-size: inherit; overflow: auto; padding: 0px 20px 10px 10px;"><link href='//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css' rel='stylesheet'/>
</code></pre>
2. ضع الشكل المختار فوق <span style="border-radius: 0px; box-sizing: border-box; color: #e06666;">]]></b:skin></span> أو ضعه بين <span style="border-radius: 0px; box-sizing: border-box; color: #e06666;"><style> </style></span> فوق <span style="border-radius: 0px; box-sizing: border-box; color: #e06666;"></head></span><br />
<h2 class="style-1" style="background: rgb(228, 61, 61); border-radius: 2px !important; box-sizing: border-box; color: white; display: inline-table; font-family: Tahoma, arial !important; font-size: 11px; font-weight: normal; letter-spacing: 0.3px; line-height: 1.1; margin: 0px; overflow: hidden; padding: 5px 10px; position: relative; vertical-align: middle;">
الشكل الأول</h2>
<pre style="-webkit-user-select: text; background-color: #2c323c; border-radius: 4px; border: 1px solid rgb(226, 224, 224); box-sizing: border-box; color: #333333; direction: ltr; font-family: Menlo, Monaco, Consolas, "Courier New", monospace; font-size: 13px; line-height: 1.42857; margin: 0.5em auto; max-height: 300px; overflow: auto; padding: 10px 0px 0px; position: relative; tab-size: 2; text-align: left; width: 620.656px; word-break: normal; word-wrap: break-word;"><code style="background: none; border-radius: 0px; border: none; box-sizing: border-box; color: #eeeeee; display: block; font-family: Menlo, Monaco, Consolas, "Courier New", monospace; font-size: inherit; overflow: auto; padding: 0px 20px 10px 10px;">/* Popular Post S1 */
.PopularPosts ul{background:#fff;list-style:none;margin:0;padding:5px 5px 0;overflow:hidden;border-top:none}
.PopularPosts li,.PopularPosts li img,.PopularPosts li a,.PopularPosts li a img{margin:0;padding:0;list-style:none;border:none;background:none;outline:none}
.PopularPosts ul{margin:0;list-style:none;color:#64707a}
.PopularPosts ul li img{background:#fafafa;display:block;margin:0 10px 0 0;width:60px;height:60px;overflow:hidden;float:right;    margin-left: 10px;}
.PopularPosts ul li{position:relative;background-color:#fff;margin:0;padding:.7em 0!important;border:0;position:relative;border-bottom:1px dotted rgba(0,0,0,0.2)}
.PopularPosts ul li:before{font-family:fontawesome;content:'\f005\f005';display:inline-block;position:absolute;color:<span style="border-radius: 0px; box-sizing: border-box; color: red;"><span style="border-radius: 0px !important; box-sizing: border-box; font-weight: 700;">#f39c12</span></span>;text-align:center;bottom:0;left:0;margin:9px 0;font-size:11px;padding:0;font-weight:normal;line-height:normal;transition:all .3s}
.PopularPosts ul li:nth-child(1):before{font-family:fontawesome;content:'\f005\f005\f005\f005\f005';}
.PopularPosts ul li:nth-child(2):before{font-family:fontawesome;content:'\f006\f005\f005\f005\f005';opacity:.9}
.PopularPosts ul li:nth-child(3):before{font-family:fontawesome;content:'\f006\f006\f005\f005\f005';opacity:.85}
.PopularPosts ul li:nth-child(4):before{font-family:fontawesome;content:'\f006\f006\f006\f005\f005';opacity:.8}
.PopularPosts ul li:nth-child(5):before{font-family:fontawesome;content:'\f006\f006\f006\f006\f005';opacity:.75}
.PopularPosts ul li:hover:before{opacity:1}
.PopularPosts ul li:first-child{border-top:none}
.PopularPosts ul li:last-child{border-bottom:none}
.PopularPosts ul li .item-title a,.PopularPosts ul li a{color: #333; font-size: 12px; font-family: tahoma;}
.PopularPosts ul li a:hover{color:#2476e0;}
.PopularPosts .item-thumbnail{margin:0;}
.PopularPosts .item-snippet{display:none}
.PopularPosts .item-title{font-weight:700;padding-bottom:.2em;padding:0 5px}
</code></pre>
<h2 class="style-2" style="background: rgb(77, 144, 254); border-radius: 2px !important; box-sizing: border-box; color: white; display: inline-table; font-family: Tahoma, arial !important; font-size: 11px; font-weight: normal; letter-spacing: 0.3px; line-height: 1.1; margin: 0px; overflow: hidden; padding: 5px 10px; position: relative; vertical-align: middle;">
الشكل الثاني</h2>
<pre style="-webkit-user-select: text; background-color: #2c323c; border-radius: 4px; border: 1px solid rgb(226, 224, 224); box-sizing: border-box; color: #333333; direction: ltr; font-family: Menlo, Monaco, Consolas, "Courier New", monospace; font-size: 13px; line-height: 1.42857; margin: 0.5em auto; max-height: 300px; overflow: auto; padding: 10px 0px 0px; position: relative; tab-size: 2; text-align: left; width: 620.656px; word-break: normal; word-wrap: break-word;"><code style="background: none; border-radius: 0px; border: none; box-sizing: border-box; color: #eeeeee; display: block; font-family: Menlo, Monaco, Consolas, "Courier New", monospace; font-size: inherit; overflow: auto; padding: 0px 20px 10px 10px;">/* Popular Post S2 */
.PopularPosts ul{background:#fff;list-style:none;margin:0;padding:5px 5px 0;overflow:hidden;border-top:none}
.PopularPosts li,.PopularPosts li img,.PopularPosts li a,.PopularPosts li a img{margin:0;padding:0;list-style:none;border:none;background:none;outline:none}
.PopularPosts ul{margin:0;list-style:none;color:#64707a}
.PopularPosts ul li img{background:#fafafa;display:block;margin:0 10px 0 0;width:60px;height:60px;overflow:hidden;float:right;margin-left:10px;}
.PopularPosts ul li{position:relative;background-color:#fff;margin:0;padding:.7em 0!important;border:0;position:relative;border-bottom:1px dotted rgba(0,0,0,0.2)}
.PopularPosts ul li:before{font-family:fontawesome;content:'\f005\f005';display:inline-block;position:absolute;color:<span style="border-radius: 0px; box-sizing: border-box; color: red;"><span style="border-radius: 0px !important; box-sizing: border-box; font-weight: 700;">#f39c12</span></span>;text-align:center;bottom:0;left:0;margin:9px 0;font-size:11px;padding:0;font-weight:normal;line-height:normal;transition:all .3s}
.PopularPosts ul li:nth-child(1):before{font-family:fontawesome;content:'\f005\f005\f005\f005\f005';}
.PopularPosts ul li:nth-child(2):before{font-family:fontawesome;content:'\f005\f005\f005\f005';opacity:.9}
.PopularPosts ul li:nth-child(3):before{font-family:fontawesome;content:'\f005\f005\f005';opacity:.85}
.PopularPosts ul li:nth-child(4):before{font-family:fontawesome;content:'\f005\f005';opacity:.8}
.PopularPosts ul li:nth-child(5):before{font-family:fontawesome;content:'\f005';opacity:.75}
.PopularPosts ul li:hover:before{opacity:1}
.PopularPosts ul li:first-child{border-top:none}
.PopularPosts ul li:last-child{border-bottom:none}
.PopularPosts ul li .item-title a,.PopularPosts ul li a{color:#333;font-size:12px;font-family:tahoma}
.PopularPosts ul li a:hover{color:#2476e0;}
.PopularPosts .item-thumbnail{margin:0;}
.PopularPosts .item-snippet{display:none}
.PopularPosts .item-title{font-weight:700;padding-bottom:.2em;padding:0 5px}
</code></pre>
3. قم بحفظ العمل وشاهد النتيجة</div>
<div style="border-radius: 0px !important; box-sizing: border-box; clear: both;">
</div>
</div>
<div class="ads-hm" style="border-radius: 0px !important; border-top-color: rgb(236, 235, 235); border-top-style: solid; border-top-width: 1px; box-sizing: border-box; margin: 10px 0px; overflow: hidden; padding: 10px 0px; text-align: center;">
</div>
<div style="border-radius: 0px !important; box-sizing: border-box; clear: both;">
</div>
</div>
</div>

اضافة نجوم بالتصنيف للمشاركات الشائعة

2424 0 اضافات بلوجر 6:57:00 ص

إضافة نجوم لأداة المشاركات الشائعة، حقا هذه الاضافة تعطي منظر جميل ومختلف للمشاركات الشائعة وتصنف أعلى زيارة لموضوع عبر منحه خمسة ومع كل موضوع أقل تنقص النجوم على حسب اختيارك لعرض المشاركات إما كل الوقت أو آخر 7أيام. إذا كنت تريد تطبيقها على مدونتك… مزيد من المعلومات »

مزيد من المعلومات »

08Jul2016

عرب مصري

إضافة تغذية شريط الأخبار في السيدبار

سلايد شو تلقائي الإصدار 1

إضافة أداة للمشاركات الأخيرة بصور مصغرة

تركيب تعليقات Disqus جنبا إلى تعليقات بلوجر

اضافة نجوم بالتصنيف للمشاركات الشائعة

اضافات بلوجر

اضافات بلوجر

المشاركات

أقسام الموقع

الأرشيف