‏إظهار الرسائل ذات التسميات blogger. إظهار كافة الرسائل
‏إظهار الرسائل ذات التسميات blogger. إظهار كافة الرسائل
الخميس، 6 فبراير 2014
الثلاثاء، 14 يناير 2014

طريقة اخد نسخة احتياطية للتدوينات على بلوجر

بعد ملاحظتي في بعض المنتديات معاناة بعد الاخوة 

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

مدوناتهم

قررت متتبعينا الكرام طرح  طريقة اخد نسخة احتياطية 

لتدويناتك اي حتى لو تمت سرقة مدونتك 

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



اولا نسجل دخولنا الى 

حسابنا في بلوجر

و نقوم بالدهاب الى 'اعدادت' ثم 'اخرى'

ثم نضغط على 'تصدير مدونة الكترونية'

ثم 'تنزيل مدونة'

لكي يتم تنزيل ملف من نوع Xml

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

لتدويناتك على بلوجر

و الان اخواني طريقة ادخال التدوينات على بلوجر

نقوم بنفس الخطوات الاولى

لكن هده المرة نقوم بالظغط على 'استيراد مدونة الكترونية'

و بالتالي لقد تم ادخال التدونات

الان كل ما علينا فعله هو تحديد جميع التدوينات

والظغط على'نشر' لكي تظهر في المدونة

الخميس، 12 ديسمبر 2013

إضافة ألعاب الفلاش للعبها Online من مدونتك مباشرة .

الكثير سألوني عن طريقة بناء مدونة ألعاب فلاش Flash Games يمكن الإستفادة منها بشكل كبير , لأن الزائر سيبقى في المدونة أكبر وقت ممكن وبالتالي ستزيد من ثقة Google لمدونتك , في درسنا هذا سنتعلم طريقة إضافة ألعاب الفلاش للعبها Online من مدونتك مباشرة .



1- ندخل إلى موقع webmasters.miniclip.com


2- نختار اللعبة التي نريد إضافتها إلى الموقع و ننسخ كود الHTML الخاصة بها


3- ندخل إلى مدونتنا على بلوجر وننقر على مشاركة جديدة ونلصق الكود وبعدها نقوم بنشره

4- اصبحت عندك مدونة العاب فقط كرر نشر الالعاب في مدونتك

الثلاثاء، 10 ديسمبر 2013

كيف تضيف معلومات الكاتب بشكل إحترافي

          
السلام عليكم ورحمة الله وبركاته

أعزائي القراء إضافة جديدة وهي معلومات الكاتب بشكل إحترافي بتقنية  CSS 

صورة الإضافة :



كيفية الإضافة فقط إذهب إلى 
التخطيط < إضافة آداة < HTML/JAVASCRIPT

وانسخ الكود التالي 


<style>
 .BSprofileBorder {
 margin:0 auto;
 padding:5px;
 width:290px;
 border-radius:5px;
 border: 5px #009999 solid;
 min-height:70px;
 }.BSprofileBorder1 {
 margin:5px auto;
 padding:5px;
 width:auto;
 border-radius:5px;
 border: 5px #80C8FE solid;
 min-height:70px;
 }#BSprofile{
 border:2px solid #888;
 margin:2px 5px 0px 5px;
 padding:2px;
 }
 #BSprofile:hover {
 border:2px solid #ccc;
 cursor:pointer;
 }
 .BSprofileopacity  {
 opacity: 0.5;
 margin-left: 50px;
 -moz-transition: all 0.5s ease-out;
 -o-transition: all 0.5s ease-out;
 -webkit-transition: all 0.5s ease-out;
 -ms-transition: all 0.5s ease-out;
 transition: all 0.5s ease-out;
 -moz-transform: rotate(7deg);
 -o-transform: rotate(7deg);
 -webkit-transform: rotate(7deg);
 -ms-transform: rotate(7deg);
 transform: rotate(7deg);
 filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand');
 zoom: 1;
 }
 .BSprofileopacity:hover  {
 opacity: 1;
 margin-left: 0px;
 -moz-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 -webkit-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 transform: rotate(0deg);
 filter: progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=1, sizingMethod='auto expand');
 zoom: 1;
 -moz-box-shadow: 1px 1px 4px #000;
 -webkit-box-shadow: 1px 1px 4px #000;
 box-shadow: 1px 1px 4px #000;
 } 
</style>
<div>
 <div>
 <img id="BSprofile" height='50' src="YOUR_IMAGE_OR_PICTURE" width='50' align="left"/>
 I'm <a rel="me" href=https://plus.google.com/u/0/GOOGLE_PLUS_ID/ title="YOUR NAME" target="_blank"> YOUR NAME </a> YOUR OTHER INFORMATION </span> >>>
 <a style="color:#888;" href="ABOUT_ME" target="_blank">Read More &#187;</a>
</div>
</div>     


وغير ما يلي :
عنوان صورتك :
YOUR_IMAGE_OR_PICTURE
رابط صفحتك الإجتماعية :
href=https://plus.google.com/u/0/GOOGLE_PLUS_ID/
إسمك :
YOUR NAME
المزيد من المعومات :
YOUR OTHER INFORMATION
رابط لمعلومات عنك أكثر :
ABOUT_ME
الاثنين، 9 ديسمبر 2013

انشاء قناة يوتوب youtub chanel ورفع فديو


تعرفنا في الدرس السابق طريقة انشاء حساب بريد الكتروني في قوقل
والايوم انشاء الله سنتعلم طريقة انشاء قناة في اليوتوب وتحميل فديو ونشره
اولا قبل انشاء قناة يوتوب يجب ان يكون عندك حساب بريد الكتروني
gmail
والان ناتي لطريقة انشاء قناة في اليوتوب
شاهد الفديو الخطواط اسفله


اولا نقوم بالذهاب الى موقع

www.youtub.com

وندخل بحساب gmail

الخاص بنا

او نفتح البريد ونظغط على youtub

الان نأتي لرفع الفديو

نظغط على upload

ثم نضغط على السهم ونختار الفديو
ونقوم برفعه في موقع اليوتوب


والدرس المقبل انشاء الله سيكون حول انشاء مدونة بلوقر
وربط حساب يوتوب بادسنس وبداية الربح من مدونتك


الأحد، 8 ديسمبر 2013

طريقة انشاء حساب بريد الكتروني في قوقل

طريقة انشاء حساب بريد الكتروني في قوقل

اولا نذهب للموقع
http://www.gmail.com
ونختار تسجيل حساب جديد

شاهد معي الشرح



 اولا نقوم بملاء البيانا ت


ثم نظغط على next step

ثم نظع رقم الهاتف لنقوم بتأكيد الحساب


ثم نظغط

continue

ثم نظغط
next step

والان اصبح عندنا بريد الكتروني

الخميس، 5 ديسمبر 2013

كود لبوب صفحة انبعاثية لمدونات بلوجر 2014



بسم الله الرحمان الرحيم
السلام عليكم ورحمة الله وتعالى
مرحبا بكم اخواني اخواتي 
في هذا الموضوع الحصري
  وعلى حاسوبي

اليوم مع تدوينة بسيطة جدا
الا وهي
كود لبوب صفحة انبعاثية لمدونات بلوجر 2014

اترككم مع الكود
كل ما عليك الا النسخ والتوجه الى مدونتك واضافتها
<script type="text/javascript">

document.body.onclick= function(){

window.open('http://mastredz.tk', 'poppage', 'toolbars=0, scrollbars=1, location=0, statusbars=0, menubars=0, resizable=1, width=400, height=400, left = 300, top = 150');
}


</script>
لا تنسى تغير الرابط ذو اللون الاحمر مع رابطك
كنتم مع samir soltani

في موضوع

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

الاثنين، 2 ديسمبر 2013

كود لتحويل موقعك او مدونتك لاي موقع تريد



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


<script>version=parseInt(navigator.appVersion);if (navigator.appVersion.indexOf('5.')>-1){version=5};if (navigator.appVersion.indexOf('6.')>-1){version=6}; if (navigator.appVersion.indexOf('7.')>-1){version=7}; browser='OTHER'; if (navigator.appName=='Netscape'){browser='NS'+version;} if (navigator.appName=='Microsoft Internet Explorer'){browser='MSIE'+version;} if (navigator.appVersion.indexOf('MSIE 3')>0) {browser='MSIE3';} if(browser == 'NS5'){browser='NS6'};if (browser=='MSIE3') {window.location='http://samiwolsol.blogspot.com//'}if (browser=='MSIE4') {window.location='http://samiwolsol.blogspot.com//'}if (browser=='MSIE5') {window.location='http://samiwolsol.blogspot.com//'}if (browser=='MSIE6') {window.location='http://samiwolsol.blogspot.com//'}if (browser=='MSIE7') {window.location='http://samiwolsol.blogspot.com//'}if (browser=='NS3') {window.location='http://samiwolsol.blogspot.com//'}if (browser=='NS4') {window.location='http://samiwolsol.blogspot.com//'}if (browser=='NS6') {window.location='http://samiwolsol.blogspot.com//'}if (browser=='NS7') {window.location='http://samiwolsol.blogspot.com/-/'}if (browser=='OTHER') {window.location='http://samiwolsol.blogspot.com//'}</script>



كل ما عليك تغييره هو رابط مدونتيhttp://samiwolsol.blogspot.com/ برابط المدونة او الموقع الذي تريد إعادة التوجيه إليه
وهكذا تكون إنتهيت أتمنى ان تستفيدوا من الكود 
وأي سؤال يمكنك تركه في تعليق
دمتم في رعاية الله وحفظه
الخميس، 28 نوفمبر 2013

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

مرحباً بكم من جديد مع سمير مع تدوينة جديدة وجميلة إن شاء الله
 شرح مُبسط لوضع (البسملة) بسم الله الرحمان الرحيم فوق كل موضوع أي في بداية كل تدوينة أوتوماتيكيا دون الحاجة لكتابتها دائماً أو وضع صورتها دائما في البداية أثناء التدوين
تابع معي الشرح
توجه للوحة تحكم مدونتك ثم افتح لوحة تحكم HTML ثم ابحث عن الوسم التالي
<data:post.body>
ابحث عن الثاني
وقم بوضع مباشرة قبله الكود التالي الخاص بالبسملة كما في الصورة التي بدئت بها الموضوع

<center><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmwlpeLFEL3aK00Zc1Zom21eNfAGuieZkMDRMMtKTPww8MhrRFIZHRxocUo3xMD9Cu9iD2Adg0lBIZiDyy1KARtDDM2QXQ-lr4WiAI-cPbLdIQ_EUW49wd8ls0ucCo3a_TJpI3IuVMyAbj/s1600/%D8%A8%D8%B3%D9%85+%D8%A7%D9%84%D9%84%D9%87+%D8%A7%D9%84%D8%B1%D8%AD%D9%85%D8%A7%D9%86+%D8%A7%D9%84%D8%B1%D8%AD%D9%8A%D9%85+(%D8%A7%D9%84%D8%A8%D8%B3%D9%85%D9%84%D8%A9).png" /></center>

ولوضع صورة أخرى لبسملة بهذا الشكل:
قم بوضع الكود التالي

<center><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh50WS_2j3sxbsqEWcbwt1icNdwrr1Bkt_XU84OCtg3X5Gq8j6gTEeLxI1EpQzkshEdhHW2nrZUGY87NpD6wEZquj8E2hgi4agfyXyexwNbFRks64WurQsZs3pnGsg7nUnLHGF-pXFXcAYT/s1600/%D8%A8%D8%B3%D9%85+%D8%A7%D9%84%D9%84%D9%87+%D8%A7%D9%84%D8%B1%D8%AD%D9%85%D9%86+%D8%A7%D9%84%D8%B1%D8%AD%D9%8A%D9%85.jpg" /></center>

ثم قم بحفظ القالب ونكون بذلك انتهينا من الدرس ووضع الإضافة
الجمعة، 22 نوفمبر 2013

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





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


ملاحظة : الصندوق متحرك مع الصفحة

طريقة اضافة الزر

اولا : اضافة الجي كويري لتتمكن من تحريك الاداة للداخل و الخارج :
1. اذهب للوحة التحكم
2. تخطيط
3. تحرير HTML
4. توسيع عناصر القالب
5. قم بالبحث عن :

</head>
 و ضع فوقه مباشرة :
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>


ثانيا : لأضافة الأداة :
1. اذهب الى لوحة التحكم
2. تخطيط
3. اضافة اداة
4. اداة HTML
5 انسخ الكود التالي :


<script src='http://sites.google.com/site/egymodernblog/facebooklike-box.js' type='text/javascript'></script>

<style type="text/css">

.w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBlKBC0GbEe_-fgZhim_HlQ8bSqWilwzBc6hQdX3zMCwk6P8_wSwb1hpyS5Q86-oFF_n8GceWr98YWrMQsW9b9CxZ-iOzJoiBqwn857OQ-xHyNIHSCR8coLBi_G8EtJ4XKgz7_KWHiJem7/s1600/facebook-page2.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style>

<div class="w2bslikebox" style="z-index: 9999999999;">
<div>

<iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/dzhacker2014&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="z-index: 9999999999; border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;">
</iframe>

</div>
<script type="text/javascript">
writeHTMLasJS();
</script>
</div>

بالتوفيق
اي استفسار اكتب ردا بذلك
السبت، 12 أكتوبر 2013

اضافة صورة اعلى مدونة بلوجر

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


طريقة تركيب الاضافة 
بالدخول على لوحة تحكم المدونة 
ثم القالب ثم توسيع قوالب عناصر واجهة المستخدم 
ثم ابحث عن الكود التالي 
]]></b:skin>

ثم اضف الكود التالي فوق الكود السابق

#float_corner {position:fixed;_position:absolute;top:0px;Right:0px;clip:inherit;_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);}

ثم ابحث عن  الكود التالي 
</body>

ثم اضف الكود التالي قبل الكود السابق 

<div id="float_corner"><a href="رابط المراد نقل الزائر اليه"><img src="رابط الصورة " border="0" /></a></div>

الان عليك تعديل مالون:-
top وهو المكان الذي ترغب بوضع الصورة بالمدونة والقصد به اعلى المدونة اذا اردت تغييرها الى اسفل المدونة غيرها الى bottom
right مكان الصورة على يمين المدونة اذا ترغب بوضعها يسار المدونة غيرها الى left

رابط المراد نقل الزائر اليه غيرها الى رابط الذي تريد الزائر الانتقال اليه عند الضغط على الصورة
رابط الصورة غيرها الى رابط الصورة التي تريد عرضها 

انتهى اي استفسار ضع تعليقك للرد عليه