‏إظهار الرسائل ذات التسميات اكواد وهاكات. إظهار كافة الرسائل
‏إظهار الرسائل ذات التسميات اكواد وهاكات. إظهار كافة الرسائل

الزيارات:
لاول مره متابعينا علي الفيس بوك باشكال حصريه وحتلفه للبلوجر

مرسلة بواسطة yasser02 يوم السبت، 11 يناير 2014 0 التعليقات



احبائي زوار مدونه ارباحي 
اليوم  موضوع مميز جدا
الشرح 
للمعاينه 
  Customize Facebook Like Box
الكود

<div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvRFJ5RcDa-huR-8g9IjbHHw9EUBN5ka1av3gKmwe3_49uMaRImX6TD65C671d1Aea_me9m3WCSwg6MjgNb0B1WvwDa3OCkBUIffB0BCfl1os97jv2IGqyVlxeI-4HG98pr465sUiQ07_9/s1600/fan-01-pic.png');overflow:hidden;border-radius: 110px;.height:250px;width: 238px;border-radius: 0px 13px 0px 0px;overflow: hidden;"><div style="height: 250px; overflow: hidden;"><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FBlogspot-tutorial%2F220888831260608&amp;width=250&amp;height=258&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowTransparency="true"></iframe>
</div>
</div>
غير ما هو بالاحمر بما يناسبك
Customize Facebook Like Box
الكود


<div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqLsWjSlaqyZ-taU_vFliWszpYdxgMxBc-yd-psrU_uX_82xjWSddkX62HLy431D1FxwR0RVCEQQDyprGtTfknyWOIHoeQRyz6flebYuLw0pbGWsrIoBCyQqPZahNa-MX4sMAymGePVvqr/s1600/fan-02-pic.png');overflow:hidden;border-radius: 110px;.height:250px;width: 238px;border-radius: 0px 13px 0px 0px;overflow: hidden;"><div style="height: 250px; overflow: hidden;"><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FBlogspot-tutorial%2F220888831260608&amp;width=250&amp;height=258&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowTransparency="true"></iframe>
</div>
</div>
غير ما هو بالاحمر

Customize Facebook Like Box
 الكود


<div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivyKY5r10aJS6IofA_Om2qKRteS8rMMvmEAGNmkHWYlHfcZ2BOt2VeBhJAOvVtfBw9fZ8W67fEGD6cVy5RmfMXqlMyv5QkWX6dv781a18Fie7SPFiX4EzutsCbfR90R6fcVEQpV85mD2H2/s1600/fan-03-pic.png');overflow:hidden;border-radius: 110px;.height:250px;width: 238px;border-radius: 0px 13px 0px 0px;overflow: hidden;"><div style="height: 250px; overflow: hidden;"><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FBlogspot-tutorial%2F220888831260608&amp;width=250&amp;height=258&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowTransparency="true"></iframe>
</div>
</div>

Customize Facebook Like Box 
الكود


<div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDBoHFcfgvtSJYpTpVKySSQ9shyphenhypheneXotyVpQgyEYBO2gDaYYBf09d5jS4krNdNJTPqk3jyTaWNy9-NU1VN4IQw7NsaGw9On9BC4PVQ0htfH9ej7o8ES-cADuaQzEI0vQAUAv2VrVWqxyWKU/s1600/fan-04-pic.png');overflow:hidden;border-radius: 110px;.height:250px;width: 238px;border-radius: 0px 13px 0px 0px;overflow: hidden;"><div style="height: 250px; overflow: hidden;"><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FBlogspot-tutorial%2F220888831260608&amp;width=250&amp;height=258&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowTransparency="true"></iframe>
</div>
</div>

Customize Facebook Like Boxا
الكود

<style>#FBox{display:block;position:absolute;top:8px;left:8px}
</style><svg width="250px" height="258px" version="1.1" xmlns="http://www.w3.org/2000/svg"> <desc>Facebook Like Box</desc> <g> <defs> <lineargradient id="MyGradient"> <stop offset="20%" stop-color="pink" /> <stop offset="40%" stop-color="white" /> <stop offset="60%" stop-color="mistyrose" /> <stop offset="70%" stop-color="#f2f2f2" /> <stop offset="100%" stop-color="dodgerblue" /> </stop></stop></stop></stop></stop></lineargradient> </defs> <rect fill="url(#MyGradient)" x="0" y="0" width="292" height="258"/> </rect></g></svg><div id='FBox'><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FBlogspot-tutorial%2F220888831260608&amp;width=250&amp;height=258&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowTransparency="true"></iframe>
</div>
</div>
مع تحيات مدونه  ارباحي
إقرأ المزيد

الزيارات:
اجعل محركات البحث لا تغادر مدونتك مع هذا الكود

مرسلة بواسطة yasser02 يوم الجمعة، 10 يناير 2014 0 التعليقات
ظهرت هذه الميزة في الواجهة الجديدة للوحة تحكم بلوجر و هي تخصيص رابط ثابت مخصص للتدوينة مثلما تري في الصورة أعلاه الرابط الخاص بهذا الموضوع ، و كان سبب ظهور الخاصية ملاحظة مطورو بلوجر أن الكثير من العرب يكتبون عناوين التدوينات بالإنجليزية و بعد تكوين رابط مبني علي العنوان يعيدون تعديل التدوينة و كتابة العنوان باللغة العربية ،
و من مميزات هذه الخاصية تحسين علاقة المدونة مع محركات البحث و إظهار العناوين أكثر تنسيقا .
الشرح
* أولا يجب تسجيل الدخول إلي الواجهة الجديدة لبلوجر :
*عند كتابة موضوع جديد أو تدوينة جديدة علي يسارك تجد عمود به إعدادات المشاركة أضغط علي "رابط ثابت" ،
ثم رابط ثابت مخصص 
*في الخانة يفضل ان يكون العنوان ترجمة للعنوان الأصلي مثل :
إلا محمد                                                       But-Mohammed
* ولا تنس الفصل بين الكلمات بالشرطة ،
* و أخيرا في حال رغبت أن تجعل جميع مواضيع مدونتك ذات " رابط ثابت "  ، أتبع ما يلي :
أدخل علي تحرير من لوحة المشاركات
أضغط علي عودة إلي المسودة 
ثم طبق ما شرحته سابقا و تهاني علي الرابط الجديد !

إقرأ المزيد

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

مرسلة بواسطة yasser02 يوم 0 التعليقات


الطريقة بسيطة و هي أنك تضع رمز كود الفيديو فيضظهر عند إختياره من القئمة المنسدلة و لكي نأخذ عينة عن القائمة أذهب إلي أسفل صفحة مدونتي لمعاينة القائمة ،

يكون كل ما عي الزائر فعله هو الضغط علي "إختر الفيديو المراد عرضه" ثم يختار الفيديو الذي يريد إستعراضه و هكذا يظهر الفيديو أسفل القائمة


شرح التركيب

بعد الدخول إلي واجهة المستخدم ====>>>  أذهب إلي خانة التخطيط :
 ثم أضغط علي إضافة أداة ،،،، ثم إضافة أداة  html/javascript
 ; و كل ماعليك فعله هو وضع الكود التالي :
<script type="text/javascript">
function MostrarVideo(idYouTube)
{
var contenedor = document.getElementById('divInnerVideo');
if(idYouTube == "")
{
contenedor.innerHTML = "";
}
else
{
var dimensiones = "width='420' height='315' frameborder='0'";
var url = "http://www.youtube.com/embed/" + idYouTube;
contenedor.innerHTML = "<iframe " + dimensiones + " src='"+ url +"'></iframe>";
}
}
</script>
<div style="margin:20px 0px;">
<select id="sVideos" onchange="MostrarVideo(this.value);">
<option value="" selected />[إختر الفيديو المراد عرضه...]
<option value="yZPFLVbbb8U" />عنوان الفيديو
<option value="yZPFLVbbb8U" />عنوان الفيديو

</select>
</div>
<div id="divInnerVideo"></div>



 طريقة إضافة الفيديوهات

  •  أضف رابط الفيديو مكان الكود باللون الأحمر (نأخذ الكود من عنوان الفيديو ،، مثلا : http://www.youtube.com/watch?v=yZPFLVbbb8U)
  • أختر عنوانا مناسبا للفيدبو و ضعه حيث اللون الأزرق

إقرأ المزيد على مدونة أسرارارباحي http://arbahyy.blogspot.com/
إقرأ المزيد

الزيارات:
الان كود النافذه المنبثفه للفيس لدونات بلوجر

مرسلة بواسطة yasser02 يوم 0 التعليقات
لسلام عليكم
اضافة اليوم عبارة عن نافذة الفيس بوك المنبثقة pop-up
هذه الاضافة توجد تقريبا في جل المدونات و المواقع غير أن طريقة تركيبها تجعل منها شيئا غير مرغوب فيه حيث يصعب على البعض الاستفادة من هذه الاضافة لما تحتويه طريقة تركيبها من تعقيدات.
اليوم جئتكم بالحل و هو كود  مباشر تركبه في مدونتك دون الحاجة الى الدخول الى محرر html بالاضافة الى أن الأداة تتميز بشكل احترافي.
قبل أمدادكم بالكود لا بأس ان نذكر بطريقة التركيب


  1. من القائمة الرئيسية المحدثة من طرف بلوجر blogger أنقر على تخطيط Mise en page
  2. اختر اضافة أداة Ajouter un gadget
  3. اختر أداة html java script
  4. ثم ألصق الكود

الان مع الكود
 
<script type="text/javascript">
/*<![CDATA[*/
jQuery(document).ready(function() {jQuery(".abtlikebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);});
/*]]>*/
</script>
<style type="text/css">
.abtlikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheoTZir5zWIFSYZ69sKhvnrZIj6f7-WHgDx9Sbq_KbNB_aH2nuzHT2h8mWa6PnKVRLefrCWS0Gu06D0yOlCBAHhScIEgF7yltSJ8DgSSI5uTCNQX6H34T6eZVmK0CvcFRrC_VaHEODTkg/s320/fb1-right.png") no-repeat scroll left center transparent !important; float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.abtlikebox div{ padding: 0; margin-right:-8px; border:4px solid #3b5998; background:#fafafa;}
.abtlikebox span{bottom: 4px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.abtlikebox span a{color: gray;text-decoration:none;}
.abtlikebox span a:hover{text-decoration:underline;}
}
</style>
<div class="abtlikebox" style="">
<div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2Farabytech&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;border_color=white&amp;connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: white; overflow: hidden; height: 270px; width: 245px;background:#fafafa;"></iframe><span>Widget by :<a href="http://www.arabytech.blogspot.com"> All Blogging Tips</a></span>
</div>
 
 
 
الان مع التعديلات على الكود
غير arabytech وهي بالأحمر بالجزء الأخير من رابط صفحتك 
مثلا رابط صفحتي على الفيس بوك " مجتمع عربي تيك " هو www.facebook.com/arabytech الجزء بالأحمر هو ما يجب كتابته.
انتهت اضافة اليوم الى الملتقى باذن الله.
إقرأ المزيد
Blogger TemplatesMy Blogger TricksAll Blogger Tricks