مجموعة اضافات مهمه لمدونتك بالوجر

السلام عليكم ورحمة الله وبركاته زوار ومتابعي المدونة التقني

في هذه التدوين ان شاء الله ساضع اليكم اليوم مجموعة اضافات احترافية لمدونتك بالوجر

وبتمنى تنال اعجابك

إضافة زر الإشتراك عبر اليوتيوب

طريقة تركيب الإضافة

توجه الي لوحة تحكم مدونتك < ثم تخطيط < ثم اضافة اداء جديد < html < ثم اضف الكود التالي مع تغير xxxx بإسم قناتك على اليوتيوب ومن ثم احفظ الإضافة ومبروك عليك .

<center><iframe src=http://www.youtube.com/subscribe_widget?p=xxxx style="overflow: hidden; height: 72px; width: 260px; background: #fff;background: -moz-linear-gradient(top,#F0EFEF,#fff);background: -webkit-linear-gradient(top,#F0EFEF,#fff); box-shadow: 0 1px 2px #999;-moz-box-shadow: 0 1px 2px #999;-webkit-box-shadow: 0 1px 2px #999; padding:1px; border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px; border:3px dotted #000;" scrolling="no" frameborder="0"></iframe></center>

اضافة صندوق اعجابات الفيس بوك :

طريقة تركيب الإضافة

نفس الطريقة اعلاه بس هنا حتستعمل الكود التالي مع تغير https://www.facebook.com/mohtarif.abdu برابط صفحتك على الفيس بوك

<iframe src="//www.facebook.com/plugins/likebox.php?href= https://www.facebook.com/mohtarif.abdu &width=280&height=258&colorscheme=light&show_faces=true&border_color&stream=false&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:270px; height:270px;" allowtransparency="true"></iframe>

اضافة التبادل الإعلاني النصي بشكل مميز

طريقة تركيب الإضافة

كذالك هنا طريقة تركيب الإضافة نفس الطريقة اعلاه وطريقة التعديل عليه مبين بالون الاحمر

<style>.tabadol a{
    display: block;
    color: #FFF;
    background: none repeat scroll 0% 0% #ADADAD;
    margin: 2px;
    padding: 4px 21px;
    padding-bottom: 8px;
    text-align: center;
    margin-top: 2px;
    border-radius: 3px;
    border-bottom: 2px solid #9C9C9C;
    width: 150px;
    float: right;
    }
    .tabadol a:hover{
    display: block;
    display: block;
    color: #FFF;
    background: none repeat scroll 0% 0% #FF5C5C;
    margin: 2px;
    padding: 4px 21px;
    padding-bottom: 8px;
    text-align: center;
    margin-top: 2px;
    border-radius: 3px;
    border-bottom: 2px solid #E03A3A;
    width: 150px;
    float: right;
    }
    </style>
    <span class="tabadol" lang="ar-bh"><a target="_blank" href="رابط المعلن">
    <font size="2">اسم المعلن</font></a></span>
    <span class="tabadol" lang="ar-bh"><a target="_blank" href="https://almdwan.blogspot.com p/blog-page_14.html">
    <font size="2">اسم المعلن</font></a></span>

    <span class="tabadol" lang="ar-bh"><a target="_blank" href="رابط المعلن">
    <font size="2">اسم المعلن</font></a></span>
    <span class="tabadol" lang="ar-bh"><a target="_blank" href="رابط المعلن">
    <font size="2">اسم المعلن</font></a></span>
    <span class="tabadol" lang="ar-bh"><a target="_blank" href="رابط المعلن">
    <font size="2">اسم المعلن</font></a></span>
    <span class="tabadol" lang="ar-bh"><a target="_blank" href="رابط المعلن">
    <font size="2">اسم المعلن</font></a></span>

    <span class="tabadol" lang="ar-bh"><a target="_blank" href="رابط المعلن" style="    color: #FFFFFF;
    background: none repeat scroll 0% 0% #FF5C5C;
    padding: 6px 21px;
    text-align: center;
    margin-top: 5px;
    border-bottom: 4px solid #E03A3A;">
    <font size="2">اضف موقعك</font></a></span>

اضافة القائمة البريدية

طريقة تركيب الإضافة

طريقة التركيب نفس الطرق السابقه ولكن كما قلت كل اضافة لها كود خاص بها وهنا حنستمل الكود التالي مع تغير xxxxx بإسم خلاصة مدونتك في feedburner

<div id='byard-emailsubsocial'>

                 <p>أشترك فى القائمة البريدية ليصلك كل جديد</p>

            <div class='emailsub'>

            <form action='http://feedburner.google.com/fb/a/mailverify' method='post'target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=xxxxx', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">

            <input type='text' name='name' placeholder='الأسم' />

            <input type='text' name='email' placeholder='البريد الإلكتروني الخاص بك' />

            <input type="hidden" value="msrawy-mix" name="uri"/>

            <input type="hidden" name="loc" value="en_US"/>

                        <input value="اشترك الآن!" class="button" type="submit" />

            </form>

            </div>

            </div>

<style type='text/css'>

     #byard-emailsubsocial {

      width: 300px;

      height: 330px;

      border: 1px solid #ddd;

        border-radius: 5px 5px 0px 0px;

     }

     #byard-emailsubsocial .heading {

padding: 15px 25px;

line-height: 35px;

font-size: 25px;

font-weight: 600;

font-family: AraJozoor-Regular;

color: rgb(170, 170, 170);

text-align: center;

text-shadow: 0px 1px rgba(255, 255, 255, 0.75);

background: none repeat scroll 0% 0% rgb(247, 247, 247);

     }

   #byard-emailsubsocial p {

    font-family: AraJozoor-Regular;

    font-size: 16px;

    color: rgb(170, 170, 170);

    line-height: 25px;

    padding:10px 20px 0 20px;

    margin: 0;

   }

   #byard-emailsubsocial .emailsub {

    padding:0px 20px 10px 20px;

   }

   #byard-emailsubsocial .emailsub input {

    color: rgb(170, 170, 170);

    padding: 10px;

    margin-top: 10px;

    font-size: 18px;

    font-family: AraJozoor-Regular;

    width: 92%;

    border: 1px solid #ccc;

    border-bottom: 2px solid #ccc;

    border-radius: 5px;

    transition:border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;

   }

   #byard-emailsubsocial .emailsub input:focus {

    border-color:#F4836A;

    outline: none;

    box-shadow: 0 0 2px 1px #F4836A;

   }

   #byard-emailsubsocial .emailsub .button {

    background: #F4836A;

    color: white!important;

    border:none;

    outline: none;

    border-bottom: 3px solid #B3614E;

    transition:background .4s linear;

    width: 90%;

    margin-left: 5%;

    margin-right: 5%;

    font-weight: 600;

    cursor:pointer;

   }

   #byard-emailsubsocial .emailsub .button:hover{

    background: #DD7761;

   }

     </style>

اضافة طائر المتابعة عبر تويتر

<object type="application/x-shockwave-flash" data="http://www.buzzbuttons.com/BUTTON3/twitbutton.swf" width="250" height="150"><param name="movie" value="http://www.buzzbuttons.com/BUTTON3/twitbutton.swf"></param><param name="allowscriptaccess" value="always"></param><param name="menu" value="false"></param><param name="wmode" value="transparent"></param><param name="flashvars" value="username= https://twitter.com/xxxxx"></param><a href="http://24work.blogspot.com/" title="Blogger Widgets">Blogger Widgets</a><embed src="http://www.buzzbuttons.com/BUTTON3/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="250" height="150" menu="false" wmode="transparent" flashvars="username= https://twitter.com/xxxxx"></embed></object>