كيفية إنشاء تطبيق منشورات على بلوجر بسهولة

مرحبًا بكم، أعضاء عائلة "أصل للمعلوميات" الرائعين! إذا كنت تمتلك مدونة على Blogger وترغب في إضافة لمسة احترافية من خلال إنشاء تطبيق منشورات لجذب المزيد من الزوار، فأنت في المكان الصحيح.

في هذا الدليل، سأقدم لك شرحًا تفصيليًا خطوة بخطوة لكيفية إنشاء تطبيق منشورات على بلوجر باستخدام أكواد HTML وCSS وJavaScript. لا داعي للقلق! حتى لو لم تكن لديك خبرة برمجية، ستتمكن من تنفيذه بسهولة.

لنبدأ رحلتنا الآن!

ما هو تطبيق Download Post؟

تطبيق Download Post هو أداة مبتكرة تتيح لك عرض تطبيقات أو برامج بطريقة جذابة داخل مدونتك. من خلاله، يمكنك مشاركة روابط تحميل التطبيقات مع عرض تفاصيل شاملة مثل:

• اسم التطبيق
• الفئة
• الحجم
• الإصدار

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

هل تريد رؤية التطبيق قيد العمل؟ انقر على الزر أدناه لتجربة المظهر المذهل لـ منشور التطبيق.

جرّب المظهر الآن!

مميزات أداة تطبيق منشورات بلوجر

• تصميم احترافي وجذاب
• سهل التخصيص والتعديل
• متجاوب مع جميع الأجهزة
• سرعة تحميل ممتازة

كيفية إنشاء أداة نشر التطبيقات على Blogger

لا داعي لأن تكون خبيرًا في البرمجة، لأنني أعددت لك كودًا جاهزًا للاستخدام. ما عليك سوى اتباع هذه الخطوات البسيطة:

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

1. الخطوة 1: تسجيل الدخول إلى حساب Blogger

   انتقل إلى Blogger.com وقم بتسجيل الدخول باستخدام حسابك.

2. الخطوة 2: الوصول إلى المظهر

   من لوحة التحكم، انقر على المظهر في القائمة الجانبية.

3. الخطوة 3: تحرير HTML

   اضغط على أيقونة السهم بجوار زر "تخصيص"، ثم اختر تحرير HTML.

4. الخطوة 4: إضافة أكواد CSS وJavaScript

   انسخ الكود التالي وألصقه في القسم العلوي قبل وسم ]]></b:skin> مباشرة:

   #apkName,#apkRate,#apkType,#apkVer{grid-column-start:2;grid-column-end:3}.btnDown,.icon.gp::before,.pub svg,.separator.twtdlRator,.twtdlTitle{position:relative}.angry-grid{display:grid;grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr;grid-template-columns:2fr 3fr;gap:4px;background-color:#f7f7f7;height:250px;width:100%;margin:50px 0;border:1px solid #353535;border-radius:10px;padding:50px 0 0;box-shadow:0 5px 30px 0 rgba(0,0,0,.05)}#apkName,#apkRate,#apkType,#apkVer{display:flex;float:left;justify-content:left;align-items:flex-end}#apkLogo{grid-row-start:1;grid-column-start:1;grid-row-end:6;grid-column-end:2;display:flex;align-items:center;justify-content:center}#apkLogo img{width:200px;height:200px;border-radius:10px;background-color:#fefefe;padding:10px;position:absolute;margin:0;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.05)}#apkName{grid-row-start:1;grid-row-end:2;font-size:22px;font-weight:500;color:#000}#apkVer{grid-row-start:2;grid-row-end:3;font-size:16px;font-weight:500;color:#03875f}#apkRate{grid-row-start:3;grid-row-end:4;height:18px;font-size:14px;font-weight:900;color:#f89010}#apkRate span{color:#de3535;margin-left:5px}#apkRate img{height:10px;display:block;align-items:flex-start;justify-content:left;padding-right:5px}#apkType{grid-row-start:4;grid-row-end:5;height:14px;font-size:12px;font-weight:500;color:gray}.btnDown{display:flex;float:left;justify-content:left;width:calc(100% + 2px)}.btnDown button{border:1px solid #de3535;border-radius:10px;margin:3px}.note.sc{background:#dffff0;color:#4d5c48}.note.sc::before{background:#51e65b}.drK .angry-grid{border:1px solid rgba(0,0,0,.05);background-color:#263545}.drK #apkName,.drK #apkType{color:#fffdfc}.drK #apkRate span{color:#f4b400}.drK #apkVer{color:#c92d1e}.drK .btnDown button{border:1px solid #f4b400}@media screen and (max-width:480px){#apkLogo,#apkLogo img{height:100px;display:flex}.angry-grid{grid-template-columns:2fr 4fr;height:200px;padding-top:15px}#apkLogo{width:120px;margin-right:0;border:hidden;border-radius:4px;align-items:center;justify-content:center}#apkLogo img{width:100px;align-items:center;justify-content:center;padding:4px}#apkName{font-size:16.5px;letter-spacing:-1px}#apkVer{font-size:14px}#apkRate{font-size:12px;height:14px}#twtdlBtn{grid-row-start:5;grid-column-start:1;grid-row-end:6;grid-column-end:3;height:25px;padding-left:10px}.btnDown{margin-top:-10px}}.twtdlApp,.twtdlSpec{display:flex;margin:0}.btnDlWrp{display:flex;justify-content:center;align-items:center}.separator.twtdlRator{margin-bottom:-110px}.twtdlTitle{z-index:2;padding:2px 5px;border:hidden;border-radius:30px 50px 0 0;background:#fff;background:linear-gradient(0deg,#fff 0,#fff 30%,rgba(255,255,255,.9) 60%,rgba(255,255,255,.55) 85%,rgba(255,255,255,.2) 100%);text-shadow:0 4px 3px rgb(255 255 255 / 40%),0 8px 13px rgb(255 255 255 / 10%),0 18px 23px rgb(255 255 255 / 10%)}.drK .twtdlTitle{background:#1c2733;background:linear-gradient(0deg,#1c2733 0,#1c2733 30%,rgba(28,39,51,.9) 60%,rgba(28,39,51,.55) 85%,rgba(28,39,51,.2) 100%);text-shadow:0 4px 3px rgb(0 0 0 / 40%),0 8px 13px rgb(0 0 0 / 10%),0 18px 23px rgb(0 0 0 / 10%)}.twtdlTitle h2{font-size:1.5rem;margin-bottom:-15px!important}.twtdlTitle h2,.twtdlTitle p{line-height:1.2em!important;padding:0 12px!important}.twtdlApp{flex-wrap:wrap;flex-direction:row;align-items:flex-start;justify-content:space-evenly;border-radius:20px;padding:10px 5px;box-shadow:7px 7px 10px rgba(0,0,0,.06)}.twtdlApp .img{background:#fff;width:140px;height:140px;border:1px solid #353535;border-radius:15px;padding:5px;box-sizing:border-box;margin-bottom:20px}.twtdlApp .img img{border-radius:10px}.mod::after,.pro::after{content:'MOD';color:#fff;font-size:16px;font-weight:700;padding:2px 10px;background:#c92d1e;position:relative;bottom:145px;left:75px;border-radius:0 0 0 10px;box-shadow:-2px 5px 10px rgba(0,0,0,.05)}.pro::after{content:'PRO';padding:2px 13px}.twtdlSpec{list-style:none;flex-direction:column;align-items:flex-start;justify-content:space-between;font-size:inherit;padding:0}.twttwtdlBtnW{display:block}.twttwtdlBtnW twtdlSpec{padding:0}.twtdlBtn{margin:10px 2px}.btn.btn-blue,.btn.btn-green{padding:5px 20px;width:100%;font-weight:500;opacity:.9!important}.btn.btn-blue:hover,.btn.btn-green:hover{color:#de3535;border:2px solid #de3535;background:0 0}.btn.btn-green{background-color:#03875f;border:2px solid transparent;color:#fff}.btn.btn-blue{background-color:transparent;color:#03875f;border:2px solid #03875f}.btn,.ui-button{display:inline-block;padding:.5rem 1rem;line-height:1.5rem;border-radius:1.5rem}.pub{font-size:12px;opacity:.2}.pub svg{width:16px;height:16px;float:left;top:5px;left:0;opacity:.5}.drK .btn.btn-blue:hover,.drK .btn.btn-green:hover{color:#de3535;border:2px solid #de3535;background:rgba(0,0,0,.06)}.drK .mod::after,.drK .pro::after{background:#03875f}@media screen and (max-width:550px){.twtdlApp .img{width:120px;height:120px}.twttwtdlBtnW{padding:5px;width:100%;display:block}.btn.btn-blue,.btn.btn-green{width:100%;padding:10px;text-align:center}.mod::after,.pro::after{top:-126px;left:56px}}@media screen and (max-width:360px){#apkLogo,#apkLogo img{height:100px;display:flex}.angry-grid{grid-template-columns:2fr 3fr;height:200px;padding-top:8px}#apkLogo{width:110px;margin-left:10px;border-radius:4px;align-items:center;justify-content:center}#apkLogo img{width:100px;border:1px solid #353535;align-items:center;justify-content:center;padding:5px}#apkName{font-size:12pt;font-weight:500}#apkRate{font-size:8pt}#twtdlBtn{grid-row-start:5;grid-column-start:1;grid-row-end:6;grid-column-end:3;margin-top:10px;height:30px}.btnDown{margin:-10px-3px}.twtdlApp .img{width:110px;height:110px}.twtdlSpec{margin-top:-4px}.mod::after,.pro::after{top:-115px;left:45px}}.icon.gp::before{background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='-0.788 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M16.538 15.668c2.844-1.561 4.999-2.751 5.185-2.843.594-.316 1.208-1.153 0-1.803-.39-.204-2.49-1.357-5.185-2.843l-3.735 3.772 3.735 3.717Z' fill='%23FFD900'/%3E%3Cpath d='M12.803 11.951.91 23.938c.28.036.595-.037.966-.242.78-.427 9.05-4.943 14.662-8.027l-3.735-3.718Z' fill='%23F43249'/%3E%3Cpath d='m12.803 11.951 3.735-3.753S2.713.653 1.876.207C1.561.02 1.208-.035.892.02l11.911 11.931Z' fill='%2300EE76'/%3E%3Cpath d='M12.803 11.951.892.02C.409.132 0 .559 0 1.433v21.092c0 .8.316 1.376.91 1.431l11.893-12.005Z' fill='%2300D3FF'/%3E%3C/svg%3E");top:4px}.icon.apS::before{background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fefefe' fill-rule='evenodd' d='M15.3 3.832c.84-1.014 1.404-2.427 1.25-3.832-1.208.049-2.67.805-3.535 1.819-.777.898-1.457 2.335-1.273 3.712 1.346.105 2.722-.684 3.56-1.699m3.02 8.918c.034 3.632 3.186 4.841 3.22 4.857-.025.085-.502 1.722-1.66 3.413-1 1.462-2.038 2.919-3.674 2.949-1.607.029-2.123-.953-3.961-.953-1.836 0-2.41.923-3.932.982-1.578.06-2.78-1.581-3.79-3.037-2.06-2.98-3.635-8.42-1.52-12.092C4.054 7.045 5.932 5.89 7.97 5.861c1.55-.03 3.013 1.043 3.96 1.043.948 0 2.726-1.29 4.595-1.101.783.033 2.979.316 4.39 2.381-.114.07-2.621 1.53-2.594 4.566'/%3E%3C/svg%3E")}.icon.eye::before{background-image:url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath data-name='eye-Filled' d='M22.765 11.093c-1.397-2.318-4.517-6.218-9.772-6.218s-8.374 3.9-9.761 6.218a3.683 3.683 0 0 0 0 3.802c1.387 2.329 4.517 6.229 9.761 6.229s8.374-3.9 9.772-6.229A3.713 3.713 0 0 0 23.292 13a3.781 3.781 0 0 0-.527-1.907Zm-9.772 6.782A4.875 4.875 0 1 1 17.868 13a4.883 4.883 0 0 1-4.875 4.875Zm2.698-5.027a.715.715 0 0 1 .011.152 2.708 2.708 0 1 1-.975-2.08 1.101 1.101 0 0 0-.65.997A1.083 1.083 0 0 0 15.16 13a.981.981 0 0 0 .531-.152Z' style='fill:%2341416e'/%3E%3C/svg%3E")}.drK .icon.eye::before{background-image:url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath data-name='eye-Filled' d='M22.765 11.093c-1.397-2.318-4.517-6.218-9.772-6.218s-8.374 3.9-9.761 6.218a3.683 3.683 0 0 0 0 3.802c1.387 2.329 4.517 6.229 9.761 6.229s8.374-3.9 9.772-6.229A3.713 3.713 0 0 0 23.292 13a3.781 3.781 0 0 0-.527-1.907Zm-9.772 6.782A4.875 4.875 0 1 1 17.868 13a4.883 4.883 0 0 1-4.875 4.875Zm2.698-5.027a.715.715 0 0 1 .011.152 2.708 2.708 0 1 1-.975-2.08 1.101 1.101 0 0 0-.65.997A1.083 1.083 0 0 0 15.16 13a.981.981 0 0 0 .531-.152Z' style='fill:%23fefefe'/%3E%3C/svg%3E")}.note.sc::after{content:'\2713'}

5. الخطوة 5: إضافة كود HTML للمنشور

   انسخ هذا الكود وألصقه في محرر HTML الخاص بالتدوينة:

   <!--[ Image App ]-->
   <div class="separator twtdlRator">
   <img alt="Hay Day Android APK (Mod Version)" border="0" data-original-height="2304" data-original-width="4096" src="https://play-lh.googleusercontent.com/gUUwEehmhz1PGbDMODF7xflR7DlmFRwXpaftKOGdF_RY500_wFtHkrQwI1TnbUnA7A=w2560-h1440-rw"></div>
   <!--[ Title ]-->
   <div class='twtdlTitle'>
   <h2 class='twtdlTitle'>Download Hay Day APK</h2>
   <p>The most entertaining farm on Android</p>
   </div>
   <!--[ Apk Logo ]-->
   <div class="twtdlApp"> 
   <div class='img mod'> 
   <img class='fullN' style='border-radius:10px;' alt="PicsArt Pro Mod" itemprop="image" src="https://is4-ssl.mzstatic.com/image/thumb/Purple126/v4/4c/30/29/4c302963-8c11-26bf-c63e-6286eb984dd4/source/512x512bb.jpg">
   </div>    
   <!--[ Specifications ]-->
   <ul class="twtdlSpec"> 
   <li>
   <span itemprop="OS"></span>Android 6.0+</li>
   <li>
   <span itemprop="Version"></span>1.53</li>
   <li>
   <span itemprop="File Size"></span>153 MB</li> 
   <li>
   <span itemprop="Updated"></span>July 25, 2023</li>
   </ul> 
   <!--[ Apk Download Btn ]-->
   <div class="twttwtdlBtnW">
   <div class='twtdlBtn'>
   <a href='https://play.google.com/store/App/details?id=com.supercell.hayday=US' rel='noreferer noopener' target='_blank'><button class='btn btn-green'><i class='icon gp'></i>Google Play</button></a>
   </div>
   <div class='twtdlBtn'>
   <button id='#twtdlBtnApk' class='btn btn-blue' href='#'><label for='checkPop'>Go to Download</label></button>
   </div>
   <!--[ Publisher ]-->
   <ul class='twtdlSpec sml'>
   <li style='margin-left:10px'><span itemprop="Publisher"></span>Supercell</li>
   </ul>
   </div> 
   </div>
   <span><a name='more'></a></span>

ملاحظة!تأكد من تعديل النصوص والصور وفقًا لتطبيقك.

نصائح لضمان نجاح منشورات التطبيقات

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

الخاتمة

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

أسئلة شائعة (FAQs)

هل يمكنني تعديل تصميم التطبيق؟

نعم، يمكنك بسهولة تعديل الأكواد CSS لتخصيص الألوان والخطوط بما يتناسب مع تصميم مدونتك.

هل الأداة متجاوبة مع الهواتف المحمولة؟

بالتأكيد! الأكواد المستخدمة تضمن أن يكون التصميم متجاوبًا مع جميع الأجهزة.

هل أحتاج إلى خبرة برمجية؟

لا، الشرح مبسط والكود جاهز، ما عليك سوى النسخ واللصق.

ماذا أفعل في حالة حدوث خطأ؟

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

هل يمكنني استخدام هذه الأداة لأكثر من تطبيق؟

نعم، يمكنك تكرار الخطوات نفسها لكل تطبيق تريد إضافته.

هل لديك أي استفسارات؟ لا تتردد في طرحها في قسم التعليقات أدناه. سأكون سعيدًا بمساعدتك!

المصدر:
www.asltk1.com

وفي النهاية!

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

تنويه!

المحتوى محمي بموجب قانون DMCA. يمنع نسخ أو إعادة نشر المحتوى دون إذن مسبق.
جميع الحقوق محفوظة © أصل للمعلوميات.