ارباح من الانترنت

الخميس، 3 يناير 2013

اذاة لمعرفة الأشخاص الأكثر تعليقا على مواضيعك في مدونتك

السلام عليكم زوار مدونة شامل كول.أردت أن أقدم لكم أداة لمعرفة كبار المعلقين في مدونتك وأيضا عدد تعليقاته .
من دون أن أطول عليكم

هذه صورة توضيحية

صورة توضيحية

هذا هو الكود .تابع الشرخ لمن لايعرف تركيبه

<script type='text/javascript'>
function pipeCallback(obj) {
document.write('<ol>');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
if(obj.value.items[i].link == "")
var item ="<li>" + obj.value.items[i].title + "</li>";
else
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ol>');
}
</script>
<script type="text/javascript" src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=31f03b26b13cc52ee46575b89095299a&url=ضع رابط مدونتك هنا&num=10&filter=adi"></script>
<span style='font-size: 80%'>لكل العرب من شامل كول <a href='/2010/04/blog-post_12.html'>سما بلوجر</a></span><noscript><br /></noscript>

ضع رابط مدونتك مكان العبارة في الكود

نأتي الان لطريقة التركيب

.1 اذهب للوحة التحكم

2. تخطيط او تصميم

3.عناصر الصفحة

4. اضف اداة

6.اختار كود html

7. انسخ الكود ثم حفض

ومبروك عليك

اقرء المزيد

أضف كود زر (أعجبني) فى مدونة بلوجر

1:19 ص Unknown لا يوجد تعليقات

السلام عليكم احببت أن أقدم لكم كود زر (اجبني)

إضافة الكود لتقييم التدوينات

طريقة التركيب

قم بالدخول على لوحة تحكم المدونة.
اضغط على تبويب (تصميم) أو (Layout).
ثم اختر (تحرير HTML) أو (Edit HTML).
انسخ الكود الذي يناسبك بالأسفل وضعه في المكان الموضح في الصورة :

انسخ كود الزر الذي يعجبك :

إضافة الكود لتقييم الموقع

إذا أردت إضافة كود التقييم للموقع .. أضف الكود التالي في المكان الذي تراه مناسباً لك. فقط قم بنسخ كود الزر الذي يعجبك :

اقرء المزيد

أضف صنوق الفيسبوك عائم ومنزلق في جانب مدونتك بتقنية jequery لمدونة بلوجر

1:17 ص Unknown لا يوجد تعليقات

كنت قد تطرقت في أحد التديونات عن طريقة اضافة طريقة اضافة صندوق اعجاب الفيسبوك منبثق- Popup Facebook LikeBox;
وبعض الاضافات الأخرى ,لكن تبقى أحسنهم هي هده الاضافة التي تعمل بتقنية jquer , تكون الاضافة تابتة في في جنب مدونتك وتنزلق عند التأشير عليها,الاضافة جميلة ضاهرة لجميع تازوار وتتوافق مع جميع المتصفحات ولا تأخد مساحة من مدونتك

طريقة التركييب

لاتنسى اخد نسخة احتياطية للقالب
1.لوحة التحكم
2.تخطيط أوتصميم
3. ثم تحريرhtml
4.توسيع القالب
ثم ابحث عن الكود التالي :بالضغط على alt

</head>

ثم أضف الكود التالي تحته مباشرة

ملاحضة ادا كنت قد أضفت مثل هدا الكود سابقا فتجاهله

ثم أضف الكود التالي

طريقة التركيب

.1 اذهب للوحة التحكم

2. تخطيط او تصميم

3.عناصر الصفحة

4. اضف اداة

6.اختار Html/Javascript

هدا هو الكود

ملاحضة بدل pagename باسم صفحتك على الفيسبوك أما دا كان اسم صفحتك طويل وعبارة عن أصفار فقم بالدخةل على هدا الرابط ثم ضع اسم مختصرا لصفحتك Facebook.com/username

ثم احفض الأداة ومبروك عليك

لاتنسى متبعتنا على الفيسبوك

اقرء المزيد

أضف صندوق معجبيك على" تويتر" "twitter"بشكل عائم ومنزلق لمدونة بلوجر

1:15 ص Unknown لا يوجد تعليقات

أحسن طريقة لوضع صندوق معجبيك على تويتر في مدونتك هي على شكل عائم ومنزلق أحسن من الصندوق التقليدي المربع الشكل الدي يأخد مساحة معتبر من مدونتك أما هده الأداة فلا تأخد اي مساحة فقط القليل جدا وهي عائمة وعند وضع مأشر الماوس عليها ينزلق صندوق معجبيك على تويتر وبه زر تابعنى ,الاداة سريعة في التركيب وهدا مايميز اضافات التويتر السهولة والعملية

نأتي للكود وطريقة التركيب

لاتنسى اخد نسخة احتياطية للقالب
1.لوحة التحكم
2.تخطيط أوتصميم
3. ثم تحريرhtml
4.توسيع القالب
ثم ابحث عن الكود التالي :بالضغط على alt + f

</head>

ثم ضع تحته مباشرة الكود التالي

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
<script src="http://makingdifferent.googlecode.com/files/fanbox_init.js" type="text/javascript"></script>

ملاحضة ادا كنت قد اضفت سابقا كود java script كالدي بالأحمر فقط احدفه وضع مباشرة الكود الدي الأسود

ثم احفض القالب

ثم. اذهب للوحة التحكم

2. تخطيط او تصميم

3.عناصر الصفحة

4. اضف اداة

6.اختار Html/Javascript

الكود:

انسخه وضعه في الكود7.ثم احفض

ومبروك الاضافة

اقرء المزيد

أضف صندوق للمتابعة على المواقع الاجتماعية زائد عدد المتتبعين في كل شبكة لبلوجر

1:04 ص Unknown لا يوجد تعليقات

هدا من أحد الصناديق المميزة التي تخول زوار متابعتك والاشتراك في قائمتك البريدية ,لكن هدا ليس كل شيىء فالاضافة تحتوي على خاصية جميلة وهي اضهار عدد متتبعيك على FACEOOK و TWITTER وايضا عدد المشتركين في القائمة البريدية , فهي أداة جميلة وخفيفة تعمل بتقنية CSS .أترككم مع التركيب

طريقة التركيب

.1 اذهب للوحة التحكم

2. تخطيط

3.عناصر الصفحة

4. اضف اداة

6.اختار Html/Javascript

هدا هو الكود

ملاحضة غير التالي :

غير 0000000blogger باسم صفحتك على الفيسبوك ,أما دا كان اسم صفحتك طويلا ويحتوي على أصفار ادخل هنا واختر اسم مختصرا لصفحتك Facebook.com/username
غير 0000000 باسم صفحتك على تويتر
قم بتبديل 0000000/rInPq بعنوان التغدية الخاص بموقعك و التي ستجدها في اخر رابط التغدية الخاص بمدونتك ويكون كالتالي
http://feeds.feedburner.com/0000000/rInPq
غير الارقام المعلمة بالأصفر بعدد مشتركيك ومتتبعيك على FACEBOOK و TWITTER و FEEDBURNER

في الأخير احفض الاداة

ملاحضة يمكنك تبديل الايقونات ووضع أيقونات جديدة من اختيارك بالتعديل على الروابط المعلمة باللون الازرق في الكود
ويجب أن تكون من نفس الحجم

اقرء المزيد

أضف صندوق المعجبين على الفيسبوك على شكل نافدة منبثقة+ صندوق الاشتراك عبر البريد لمدونة بلوجر

1:01 ص Unknown لا يوجد تعليقات

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

شكل الاضافة

طريقة التركيب

.1 اذهب للوحة التحكم

2. تخطيط او تصميم

3.عناصر الصفحة

4. اضف اداة

6.اختار Html/Javascript

هدا هو الكود


    <style>

        /* Jquery Facebook Likebox Popup Version 2.0 by chamelcool.blogspot.com
        */
        #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
        #cboxOverlay{position:fixed; width:100%; height:100%;}
        #cboxMiddleLeft, #cboxBottomLeft{clear:left;}
        #cboxContent{position:relative;}
        #cboxLoadedContent{overflow:auto;}
        #cboxTitle{margin:0;}
        #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
        #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
        .cboxPhoto{float:left; margin:auto; border:0; display:block;}
        .cboxIframe{width:100%; height:100%; display:block; border:0;}
        /*

           User Style:
           Change the following styles to modify the appearance of ColorBox. They are
           ordered & tabbed in a way that represents the nesting of the generated HTML.
        */
        #cboxOverlay{background:#000;opacity:0.5 !important;}
        #colorbox{
                box-shadow:0 0 15px rgba(0,0,0,0.4);
               -moz-box-shadow:0 0 15px rgba(0,0,0,0.4);
                -webkit-box-shadow:0 0 15px rgba(0,0,0,0.4);
               }


       #cboxTopLeft{width:14px; height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8iDLI0BSf0j-ghoBTkrQOXl8XTju9Zz3zUD2YXnm2FpxepNXf-VGGMd8kFo_DGrfxPz5gLxlW2HZqQ-agQKGVTKQQjy8DGRaCocFVWole_EAnwjsPEiv9MkdoDWRKVI3mvrBmz5v6NSo/s1600/controls.png) no-repeat 0 0;}
    #cboxTopCenter{height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0uYFmAoliXsIH1wPb-DTAWycS28eIElTyjIo8pePiH9YonnUc2TAbT0Vu_XiHLKeeJEUeFsT_iyQ2jOYuc4dTSUucSv5z_AuI2P8KdMQotvJfn1PKQplqRYa2Y9S4OoMtyVdMa7saUUY/s400/border.png) repeat-x top left;}
        #cboxTopRight{width:14px; height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8iDLI0BSf0j-ghoBTkrQOXl8XTju9Zz3zUD2YXnm2FpxepNXf-VGGMd8kFo_DGrfxPz5gLxlW2HZqQ-agQKGVTKQQjy8DGRaCocFVWole_EAnwjsPEiv9MkdoDWRKVI3mvrBmz5v6NSo/s1600/controls.png) no-repeat -36px 0;}
        #cboxBottomLeft{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8iDLI0BSf0j-ghoBTkrQOXl8XTju9Zz3zUD2YXnm2FpxepNXf-VGGMd8kFo_DGrfxPz5gLxlW2HZqQ-agQKGVTKQQjy8DGRaCocFVWole_EAnwjsPEiv9MkdoDWRKVI3mvrBmz5v6NSo/s1600/controls.png) no-repeat 0 -32px;}
        #cboxBottomCenter{height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0uYFmAoliXsIH1wPb-DTAWycS28eIElTyjIo8pePiH9YonnUc2TAbT0Vu_XiHLKeeJEUeFsT_iyQ2jOYuc4dTSUucSv5z_AuI2P8KdMQotvJfn1PKQplqRYa2Y9S4OoMtyVdMa7saUUY/s400/border.png) repeat-x bottom left;}
        #cboxBottomRight{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8iDLI0BSf0j-ghoBTkrQOXl8XTju9Zz3zUD2YXnm2FpxepNXf-VGGMd8kFo_DGrfxPz5gLxlW2HZqQ-agQKGVTKQQjy8DGRaCocFVWole_EAnwjsPEiv9MkdoDWRKVI3mvrBmz5v6NSo/s1600/controls.png) no-repeat -36px -32px;}
        #cboxMiddleLeft{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8iDLI0BSf0j-ghoBTkrQOXl8XTju9Zz3zUD2YXnm2FpxepNXf-VGGMd8kFo_DGrfxPz5gLxlW2HZqQ-agQKGVTKQQjy8DGRaCocFVWole_EAnwjsPEiv9MkdoDWRKVI3mvrBmz5v6NSo/s1600/controls.png) repeat-y -175px 0;}
        #cboxMiddleRight{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8iDLI0BSf0j-ghoBTkrQOXl8XTju9Zz3zUD2YXnm2FpxepNXf-VGGMd8kFo_DGrfxPz5gLxlW2HZqQ-agQKGVTKQQjy8DGRaCocFVWole_EAnwjsPEiv9MkdoDWRKVI3mvrBmz5v6NSo/s1600/controls.png) repeat-y -211px 0;}
        #cboxContent{background:#fff; overflow:visible;}
            #cboxLoadedContent{margin-bottom:5px;}
            #cboxLoadingOverlay{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5l7ZUo0u21VN9JIlEusPgJpK7qd-ZNS4ykCpulqO_t976QdUK7hhQWHXxF_4m-VUij1APKpcdhjbIAnqC_12IAOf73eB6WI44mOOpi0Hyu3RyvvOMGlDUifTZK3jI1x_xHheymCWEBbo/s400/loadingbackground.png) no-repeat center center;}
            #cboxLoadingGraphic{https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrxkiO6XNqq3nBT6uMiciUROer6zgscxcY8j4LGyoYLpkefS6f7eB_pMuuUE0hXoawng669gDZ6G4RGWBl1d_3G7M_OSWCjxWzoswyar0bYpn5AW0qrorDcPWgT7jZ-_UfQfg39ioDEvI/s400/loading.gif) no-repeat center center;}
            #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
            #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
            #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8iDLI0BSf0j-ghoBTkrQOXl8XTju9Zz3zUD2YXnm2FpxepNXf-VGGMd8kFo_DGrfxPz5gLxlW2HZqQ-agQKGVTKQQjy8DGRaCocFVWole_EAnwjsPEiv9MkdoDWRKVI3mvrBmz5v6NSo/s1600/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
            #cboxPrevious{left:0px; background-position: -51px -25px;}
            #cboxPrevious.hover{background-position:-51px 0px;}
            #cboxNext{left:27px; background-position:-75px -25px;}
            #cboxNext.hover{background-position:-75px 0px;}
            #cboxClose{right:0; background-position:-100px -25px;}
            #cboxClose.hover{background-position:-100px 0px;}
            .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
            .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
            .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
            .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}

        /*-----------------------------------------------------------------------------------*/
        /*   Facebook Likebox popup For Blogger Version 2.0
        /*-----------------------------------------------------------------------------------*/
        #subscribe {
            font: 12px/1.2 Arial,Helvetica,san-serif; color:#666;
        }
        #subscribe a,
        #subscribe a:hover,
        #subscribe a:visited {
            text-decoration:none;
        }
        .box-title {
           color: #F66303;
           font-size: 18px !important;
           font-weight: bold;
           margin: 10px 0;
        border:1px solid #ddd;
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
        box-shadow: 5px 5px 5px #CCCCCC;
        padding:10px;
        line-height:25px; font-family:arial !important;
        }



        .box-tagline {
           color: #999;
           margin: 0;
           text-align: center;
        }
        #subs-container {
            padding: 35px 0 30px 0;
            position: relative;
        }
        a:link, a:visited {
        border:none;
        }
        .demo {
        display:none;
        }



    /* ---------chamelcool Subscribe Form---------- */

        .box-title1 {
        border:1px solid #ddd;
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
        box-shadow: 5px 5px 5px #CCCCCC;
            padding:10px;
      margin: 10px 0;
        }

        .enteryouremail{
    background: #fff !important;

    border: 1px solid #d2d2d2;
    padding: 0px 8px 0px 8px;
    color: #a19999; font-size: 12px;
    height: 25px; width: 165px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin:0px;
    }

        .submitbutton{
    background:#F66303;
    border: 1px solid #F66303;
    text-shadow: 1px 1px 1px #333;
    box-shadow: 3px 3px 3px #666;
    font:bold 12px Arial, sans-serif;
    color: #fff;
    height: 25px;
    padding: 0 12px 0 12px;
    margin: 0 0 0 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor:pointer;}

        </style>

    <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script>
    <script src="http://mybloggertricks.googlecode.com/files/jquery.colorbox-min.js"></script>
    <script type="text/javascript">
    jQuery(document).ready(function(){
       if (document.cookie.indexOf('visited=true') == -1) {
           var fifteenDays = 1000*60*60*24*30;
           var expires = new Date((new Date()).valueOf() + fifteenDays);
           document.cookie = "visited=true;expires=" + expires.toUTCString();
       $.colorbox({width:"400px", inline:true, href:"#subscribe"});
           }
    });
    </script>


            <div style='display:none'>
           <div id='subscribe' style='padding:10px; background:#fff;'>
                <h3 class="box-title">أحصل على اخر مواضيعنا الحصرية مباشرة على صفحتك في الفيس بوك.فقط اضغط على أعجبني وشكرا<center><p style="line-height:3px;" >▼</p></center></h3>
              <center>


    <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2F000000000&width=300&colorscheme=light&show_faces=true&border_color=%23ffffff&stream=false&header=false&height=258" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe>

    </center>
    <div class="box-title1 ">

    <center>
    <h3 style="color:#F66303;">يمكنك أيضا الحصول على أخر المواضيع مباشرة على بريدك الالكتروني:</h3>
        <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=000000000/rInPq', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input gtbfieldid="10" class="enteryouremail" name="email" value="Enter your email here..." onblur="if (this.value == '') {this.value = 'Enter your email here...';}" onfocus="if (this.value == 'Enter your email here...') {this.value = '';}" type="text" /><input value="000000000/rInPq" name="uri" type="hidden" /><input value="اشترك" class="submitbutton" type="submit" /></form>

    </center>
    </div>

    
        <p style=" float:right; margin-right:35px; font-size:9px;" >Powered By <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="http://chamelcool.blogspot.com/">Blogger Widgets</a></p>
        </div>
        </div>

ماذا يمكن أن تغير في الكود

غير 000000000 بااسم صفحتك على الفيسبوك
ادا كان اسم صفحتك طويل جدا و عبارة عن أصفر قم الدخول هنا Facebook.com/username واختر اسم لصفحتك
غير الكتاية التى باللون الأحمر الى أي كتاية تريد أو اتركها على حالها
30* تعنى أن الاضافة ستضهر لأى زائر سبق أن دخل الى مدونتك بعد شهر لكيلا تزعجه يمكنك أن تضع 20 أو 10 أو حتى بعد يوم واحد

قم بتبديل 00000000/rInPq بعنوان التغدية الخاص بموقعك و التي ستجدها في اخر رابط التغدية الخاص بمدونتك

ويكون كالتي بالنسبة للتسجيل عبر الايمايل

http://feedburner.google.com/fb/a/mailverify?uri=0000000000/rInPq

ملاحضة مهمة !!!

الأن احفط الاضافة وادخل على مدونتك الدى لم تضهر لك الاضافة قم الدخول على المتصفح ثم وقم المسح historique أو الكوكيز
أعد تحميل الصفحة وستضهر لك انشاء الله ,,,,لأن الاضافة تعمل على أساس تخزين اليبي الخاص بك لكي ك لا تضهر لا ضهر لك كل مرة,,,,

اقرء المزيد

أضف صندوق البحث في مدونتك +ستة أشكال جدابة لمدونات بلوجر

12:58 ص Unknown لا يوجد تعليقات

هنالك العديد من المدونات التي تستعمل مستطيل صيغر للبحث في المدونة ,لكنه شكل عادي لايجدب الأنضار اليه وخصوصا الزوار العديد من الزوار وحتى أنا عندما أتصفح بعض المواقع والمدوان لاأنتبه على المستطيل المخصص للبحث ,لدالك هده الصناديق المخصصة للبحث هي ملونة وبجميع الأدواق ,الاضافات أنيقة اختر اللون الدي يتماشى مع مدونتك ـو لون أخر خير متناسق لابرازه في المدونة للتسهيل على زوارك اجاده والبحث قي مدونتك