معلومة دليفرى: هاكات بلوجر

الحل الامثل لاضافة نافذه منبثقه لتسجيل الاعجاب على الفيس بوك

السلام عليكم ورحمة الله وبركاته , اضافة اليوم كما هو واضح من العنوان تتيح لزوار مدونتك تسجيل الاعجاب والانضمام لصفحة مدونتك على موقع التواصل الاجتماعي فيس بوك , الاضافه على شكل صندوق صغير الحجم يظهر من خلال نافذه منبسقه لا تسبب اى ثقل في تصفح المدونه, ويظهر الصندوق كما هو الحال في هذا المثال الحى او من خلال الصوره المرفقه داخل التدوينه , مايميز تلك الاضافه هو خلوها من العيوب التي وجدت في مثيلاتها بالاضافه للشكل الجمالي الواضح فيها. عند ظهور النافذه المنبسقه تطالب الزائر بتجسل الاعجاب بصفحة مدونتك على الفيس بوك وبمجرد الضغط على زر اعجبني تختفي النافذه المنبسقه في الحال. او يستطيع الزائر ان لم يود الانضمام الي صفحتك ان يضغط على زر close الموجود في الاعلى علي يمين النافذه او الانتظار 30 ثانيه حتى تختفي النافذه من تلقاء نفسها . الاضافه مميزه بلا شك فهي تساعد اصحاب الصفحات ذات عدد المعجبين القليل من استدراج عدد اضافي بطريقه سريعه وتسهل علي من يود الانضمام الي صفحتك من زوار مدونتك الكسالى الذين يرغبون في الاستمتاع بالمعلومه دون تقديم اي دعم لك ولو بسيط على شكل الانضمام لصفحتك علي الفيس بوك . لتطبيق الاضافه سجل دخول الى لوحة تحكم بلوجر ثم اذهب الي تحرير HTML وابحث عن الوسم التالي </body> ثم ضع فوقه مباشرة الكود الموجود في الاسفل

.............................................

............................................................

لتخصيص الكود السابق بما يتناسب مع مدونتك ابحث فيه عن http://www.facebook.com/m3lomadelivery واستبدله برابط صفحة مدونتك على الفيس بوك . واخيرا ابحث عن معلومة دليفرى واستبدله باسم صفحتك . قم بعد ذلك بمعاينة المدونه ثم اضغط حفظ. اى استفسار يرجا كتابته في الاسفل. بالتوفيق للجميع ان شاء الله ...

تابع القراءة

إضافة صندوق المعجبين الخاص بالفيسبوك على شكل نافذة منبثقة popup

في درس اليوم سنشرح كيفية إضافة نافذة منبثقة

بها صندوق الإعجاب الخاص بصفحتك على الفيسبوك

حيث بمجرد دخول الزائر للمدونة ستظهر له هذه النافذة

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

كيفية إضافة نافذة منبثقة لبلوجر تحتوي على صندوق الفيسبوك

نذهب إلى تصميم |عناصر الصفحة| إضافة أداة HTML javascript

نلصق الكود التالي في الأداة

<style>

/*

ColorBox Core Style:

The following CSS is consistent between example themes and should not be altered.

*/

#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(http://imgboot.com/images/cybersidh/controls.png) no-repeat 0 0;}

#cboxTopCenter{height:14px; background:url(http://imgboot.com/images/cybersidh/border.png) repeat-x top left;}

#cboxTopRight{width:14px; height:14px; background:url(http://imgboot.com/images/cybersidh/controls.png) no-repeat -36px 0;}

#cboxBottomLeft{width:14px; height:43px; background:url(http://imgboot.com/images/cybersidh/controls.png) no-repeat 0 -32px;}

#cboxBottomCenter{height:43px; background:url(http://imgboot.com/images/cybersidh/border.png) repeat-x bottom left;}

#cboxBottomRight{width:14px; height:43px; background:url(http://imgboot.com/images/cybersidh/controls.png) no-repeat -36px -32px;}

#cboxMiddleLeft{width:14px; background:url(http://imgboot.com/images/cybersidh/controls.png) repeat-y -175px 0;}

#cboxMiddleRight{width:14px; background:url(http://imgboot.com/images/cybersidh/controls.png) repeat-y -211px 0;}

#cboxContent{background:#fff; overflow:visible;}

#cboxLoadedContent{margin-bottom:5px;}

#cboxLoadingOverlay{background:url(http://imgboot.com/images/cybersidh/loadingbackground.png) no-repeat center center;}

#cboxLoadingGraphic{background:url(http://imgboot.com/images/cybersidh/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(http://imgboot.com/images/cybersidh/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

/*-----------------------------------------------------------------------------------*/

#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: 20px !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;

}

</style>

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>

<h3 class="box-title">Receive all updates via Facebook. Just Click the Like Button Below<center><p style="line-height:3px;" >▼</p></center></h3>

</center>

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

</div>

.................................................................

إسم صفحتك على الفيسبوك:إسم صفحتنا على الفيسبوك هوm3lomadelivery

تابع القراءة

بسم الله الرحمن الرحيم

الحمد لله والصلاة والسلام على رسول الله , سيد ولد آدم عليه أفضل صلاة وأزكى سلام ..

أخواني الكرام . السلام عليكم ورحمة الله وبركاته , إضافتنا اليوم هي إضافة رائعة لمدونتك وهي

جعل الصورة بارزة عن التدوينة في مدونات بلوجر blogger

فمثلا الصورة العادية تكون في مستوى التدوينة كما بالصورة التالية

أما الصورة الموجود بها حدود أو تكون بارزة عن التدوينة تكون كما يلي

ولمعرفة كيفية إضافة هذه الخاصية الى مدونتك أتبع الآتي
:

القاعدة الذهبية : لا تنسى أخذ نسخة احتياطية من قالبك الخاص

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

.post img {
padding: 5px;
background: #ffffff;
border: 1px solid #eeeeee;
-moz-box-shadow: 1px 1px 5px #CFCFCF;
-webkit-box-shadow: 1px 1px 5px #CFCFCF;
box-shadow: 1px 1px 5px #CFCFCF;
}

ملحوظة : هذا الكود لن تجده في مدونتك بالتفصيل ولكن ابحث عن أول جزء منه وهو

.post img {

ثم قد باستبداله بهذا الكود

.post img {
padding: 5px;
background: #ffffff;
border: 1px solid #eeeeee;
-moz-box-shadow: 1px 1px 5px #CFCFCF;
-webkit-box-shadow: 1px 1px 5px #CFCFCF;
box-shadow: 1px 1px 5px #CFCFCF;
}

ثم احفظ القالب
بالنسبة للأشخاص الذين لم يتمكنوا من إضافة الهاك , أولا عليههم البحث عن

</head>

ثم إضافة الكود هذا الكود قبل " فوق " الكود السابق مباشرة

.post img {
padding: 5px;
background: #ffffff;
border: 1px solid #eeeeee;
-moz-box-shadow: 1px 1px 5px #CFCFCF;
-webkit-box-shadow: 1px 1px 5px #CFCFCF;
box-shadow: 1px 1px 5px #CFCFCF;
}

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

...........................................................................................................................................................

تابع القراءة

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

بسم الله الرحمن الرحيم

الحمد لله رب العالمين , والصلاة والسلام على أشرف المرسلين سيدنا محمد النبي الأمين , وعلى من سار على هديه واستن بسنته الى يوم الدين , أما بعد , أخواني الكرام أحييكم بتحية الإسلام فأقول , السلام عليكم ورحمة الله وبركاته , تدويتنتي اليوم عبار عن حل لمشكلة قد صادفتني , ألا وهي : خروج بعض الصور عن إطار القالب مما يعطي شكل سيء للموضوع أو التدوينة , لذلك بحثت كثيرا عن طريقة لحل هذه المشكلة , الى أن وجدت طريقة لتعديل مساحة الصورة , وهي وضع كود معين مع كل صورة أقوم بوضعها , وقد كنت أضع مع كل صورة كود للتحكم في مساحة وحدود الصورة وقد سئمت من هذه الطريقة , حيث في بعض المواضيع يصل عدد الصورة غلى أكثر من 10 صور, الى أن جئت اليكم بالحل الاكيد , ألا وهو كود بسيط لحل هذه المشكلة ولمعرفة شرح تركيب الهاك أو الكود, تابع معي الشرح

القاعدة الذهبية : لا تنسى أخذ نسخة احتياطية من قالبك الخاص

قم بالدخول الى لوحة التحكم >> ثم تحرير html >> ثم قم بالبحث عن هذا الكود

]]></b:skin>

- وقم بوضع هذا الكود قبله ( فوقه ) مباشرة

.post img {
max-width: 510px;
width: expression(this.width > 510 ? 510: true);
}

- احفظ القالب ,,

...........................................................................................................................................................

تابع القراءة

5 الحل الامثل لاضافة نافذه منبثقه لتسجيل الاعجاب على الفيس بوك

1 إضافة صندوق المعجبين الخاص بالفيسبوك على شكل نافذة منبثقة popup

0 هاك جعل الصورة بارزة عن التدوينة في مدونات بلوجر blogger

0 هاك للتحكم في حدود الصور في المواضيع لمدونات البلوجر

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

اتبعني

التدوينات RSS

صفحتنا على FACEBOOK

spo

الأقسام العامة

شروحات واضافات بلوجر

أقسام الكتب

طلبات البحث