المحترف كابو: إضافات بلوجر

الرئيسية / إضافات بلوجر

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

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

ads

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

معاينة الإضافة

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

<div dir="ltr" style="text-align: left;" trbidi="on"><style>/*-------------------- font --------------------*/ @font-face { font-family: "Ta3alamFont"; font-weight: normal; font-style: normal; src: url(https://dl.dropboxusercontent.com/s/l0mqm6g2vwflxp2/Ta3alamFont.eot); src: url(https://dl.dropboxusercontent.com/s/l0mqm6g2vwflxp2/Ta3alamFont.eot?#iefix) format('embedded-opentype'), url(https://dl.dropboxusercontent.com/s/gjkkuvnfze5ii1l/Ta3alamFont.woff) format('woff'), url(https://dl.dropboxusercontent.com/s/mjj8mvkq7jgihhn/Ta3alamFont.ttf) format('truetype'); } /*-------------------- #font# --------------------*/ *{ font-family:Ta3alamFont; } .ta3alamFans{ background: #FBF1FF;     text-align: center;     padding: 50px 0px 140px 0px;     margin: -5px -27px -7px -26px; } .ta3alamFans img{ width:200px; } .appinfo{ width: 600px;     height: 570px;     background: #8D8D8D;     margin: 40px auto;     border-radius: 5px;     box-shadow: 0px 0px 6px -2px #000; } .appimgdes{     width: 560px;     margin: 0px auto;     height: 180px;     padding: 20px;     border-bottom: 1px solid #868686;     background: #302F2F;     box-shadow: 0px -80px 160px -90px #000 inset; } .appimgdes img{     width: 160px;     float: right;     border: 5px solid #fff;     border-radius: 30px;     background: #3D1C56; } .appimgdes h3{     width: 340px;     text-align: end;     padding: 0px 20px;     float: right;     margin: 0px 0px 40px;     font-size: 25px;     font-weight: normal;     color: #fff; } .choisedown{     width: 160px;     height: 80px;     float: left;     background: #fff;     border-radius: 8px 15px 15px 8px;     padding: 0px; } .choisedown a{     float: right;     padding: 0px;     background: #C0C0C0;     width: 80px;     height: 80px;     border-radius: 0px 8px 8px 0px;     box-shadow: 0px 0px 100px 5px #1F1E1E inset; } .choisedown a:hover{     box-shadow: 0px 0px 80px 5px #1E1E1E inset; } .choisedown img{     width: 70px;     border: none;     float: left;     padding: 5px;     border-radius: 0; } .imageapp{ width: 600px;     padding: 10px 0px; } .imageapp img{ width: 185px;     margin: 0px 4px;     border: 2px solid #000;     border-radius: 4px; } </style> <div class="appinfo"> <div class="appimgdes"> <img src="https://lh4.ggpht.com/UI2T4ve7D6TcChI6Bb-2JoEJPEJ0ocuhSwmeJPaD7LAGKs1HWIhSRHVABvPlK3GsJZgv=w300-rw" /> <br /> <h3>المحترف</h3><br /> <div class="choisedown"> <a href="https://play.google.com/store/apps/details?id=com.th3professional.almohtarif"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglWBiklezPV0RW8ZiXxcR1eP7plPTKq_l6j6ONDb4yz5YDKHd07o8RH68UzWayLIZq23epvpxatT59wUCFrSC3-eSaT5RW0Of05BnGw1vAV-_LGZZca1NEoyMNiQLMNX3orb6ydKsh2WI/s1600-r/downloading12.png" style="background: none; float: none; margin: 15px; padding: 0px; width: 45px;" /> </a> <img src="http://www.qrstuff.com/images/sample.png" style="background: #fff;" /> </div><a href="https://play.google.com/store/apps/details?id=com.th3professional.almohtarif"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdc5Bw84SxnwQSk-npbRCSoP1vGnTKzuTowQpwS9kgtg6fWs96qp_QOosYOqWbpjQIALoXnG8Zzr51jRM_QqaKw59dPkalLdtXvlNyA01iz-5ND2rkFPrws03y-XFlw2iJgg9ryBoG1BI/s1600-r/googleplay.png" style="background: none; border-radius: 5px; border: none;float: left; margin: 0px 20px; width: 170px;" /> </a> <br /> </div><div class="imageapp"> <img src="https://lh6.ggpht.com/m2nc7vQkbC7wO3DIr6M_4mlIS2zSy1mmmO0_OyO5kO8HH7qMa4pBnRWqNzEBH1Ko0VA=h310-rw" /> <img src="https://lh3.ggpht.com/oDG8qj9rGLKlYuPOMU8FhtexUkCD1MIUHaYWdXCiOBkeMFEvsin3NGtFnt7kc_wC18be=h900-rw" />   <img src="https://lh3.ggpht.com/Nu5_iMAL0_H734LSTnd3fKKjcU1nxXDsYim8XqGu9nQgvCWa9NzxpU3u8pDiW0YgvVw=h900-rw" /> </div></div></div>

ثم تقوم بتغيير روابط الصور و كذلك إسم التطبيق في الكود و تضغط على نشر .

إضافات بلوجر | إضافة الإشتراك بالنشرة البريدية

ads

إضافتنا لهذا اليوم تتمحور حول النشرات البريدية التي من الواجب أن توفرها لمتابعي مدونتك ، لذا فنحن نقدم لك هذا الشكل البسيط و الإحترافي لكي تقدم خدمة نشرات مدونتك على أفضل وجه .
طريقة التركيب بسيطة فقط قم بالتوجه إلى صفحة التخطيط الخاصة بمدونتك ثم قم بإنشاء أداة جديدة إختر HTML/JavaScript ثم في محتوى هاته الأداة ضع هذا الكود ، ثم غير كلمة raghib بإسم المستخدم الخاص بمدونتك في موقع feedburner.google.com ، ثم إضغط على حفظ .

Unknown لا يوجد تعليق إضافات بلوجر 3:00:00 ص

إضافات بلوجر | عداد المتابعين

ads

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

المعاينة

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

بعد أن تقوم بلصق الكود ، حان وقت تغيير عدد متابعيك في كل شبكة من الشبكات و ذلك بالنزول إلى الأسطر الأخيرة من الكود و تغيير " عدد المتابعين " بالعدد الذي تريدونه و تغيير الرابط كذلك، بعدها قومو بحفظ الأداة ، و مبروك عليكم التصميم الجديد

Unknown لا يوجد تعليق إضافات بلوجر بلوجر 3:00:00 ص

إفتتاح قسم إضافات بلوجر | إضافة رائعة للتعريف بصاحب الموقع

ads

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

للمعاينة : من هنا

ننتقل إلى طريقة التركيب الجد سهلة ، فقط قم بالتوجه إلى قسم التخطيط في مدونتك ، ثم إضغط على إضافة أداة

بعدها قم بنسخ الكود التالي و ضعه في محتوى الأداة و اضغط على حفظ

الآن ننتقل لطريقة التعديل على الأداة و تغيير الروابط و المحتوى من الكود بالضغط على تحرير .

- للتغيير صورة الغلاف ( الخلفية ) قومو بإستبدال الرابط التالي برابط الصورة التي تريدونها :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhazxUu4XVF6iYvVrTP2ouKiLZ4DC7t24rrXcCjSm8AOAOdmuRj8kkekzTPfdcqyH91oyw8n_WS-ZR5mGqQy9eIn4GKvzvVnwpS_-RKQgMvlZJAST1P_N1mSO-qjCCApqJAMskS4vWZNN44/s1600-r/Space-Desktop.jpg

- لتغيير الصورة الشخصية قومو بإستبدال الرابط التالي برابط الصورة التي تريدونها :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglA5lUVgi7CROLMPlFRsG40Q7NIJvWIV6DoCu4gwxdD9xI_CXAhRK-v2-ROAQc87e-3WGb5SGfm8MN4jft4OccahS5DFXgx5XvV3pwQNBi1IsCxKyPD1Lr39KftRQa1S9TCik3tcxOO1Ix/s1600-r/92.jpg

- لتغيير المحتوى المتبقي إتبعو الطريقة التالية :
غير الرابط ثم عنوان الرابط كما ترى في الصورة ، نفس الطريقة مع كل المعلومات

* ملاحظة : في أيقونات الشبكات الإجتماعية أسفل الإضافة غير الروابط فقط .