مصري ويب: إضافات بلوجر

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

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

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

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

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

لذا فاليوم سأقدم لك الكود الخاص بهاته الإضافة و كذلك المكان الأمثل لها ، أول ما وجب عليك فعله هو أن تنشئ صفحة جديدة في مدونتك عن طريق الولوج لقسم الصفحات في لوحة التحكم في بلوجر ، ثم الضغط على صفحة جديدة ، بعدها تضغط على 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/AVvXsEheamEYbSehDPnBD9YqFHeoiIpiF4maJcumdaM-gMp78fUfjoRfAjTnu51N3vM9MD13D_mfuUfc9gsj9kC1Wc_GLtCS3PFuZwA0vtYtRSZOSNX2-o8bfJ3uuY9BD28kWx8c5WiAFv0n6xs/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/AVvXsEhFgY6lFiHCQOyoIWs1o3K7CZk8cCPKq5Gmhc7eqlMl4kRAEI6Z_kL6NbeG056w00t4C5Gr6gEtJweuL8QXkys65S_SIsYAntl6Hn7ejVN4jSRGVO5fmQgzf0ejl8uEFulzP550lCwd4Io/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>

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

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

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

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

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

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

المعاينة

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

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

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

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

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

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

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

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

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

- للتغيير صورة الغلاف ( الخلفية ) قومو بإستبدال الرابط التالي برابط الصورة التي تريدونها :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIwxwSX7p8vYszyoMH3S15Padb4d8AiKN2pzovhz-wp4MF-Da3YldrWa1d8Xmv32V0huKxl9T8CpFY7ymyD-j-jstuzXwRvvyqVfIpdd3hryUWvKZU8gkEuO-vLbqXjIuO2j59ZDZLVhrg/s1600-r/Space-Desktop.jpg

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

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

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