إضــافـة صـنــاديـق إقـتــبـاس بـشــكـل إحــتــرافـي لــمــدونـات بــلــوجـر

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

فـي الـبــدايـة تــقـوم بـنــسـخ الــكـود الـتــالـي :

blockquote { margin: 5px 17px; padding: 7px; color: #fff; background: rgba(47, 70, 107, 1) }
.post blockquote { padding: 55px 20px 20px 20px; overflow: auto; max-height: 250px; background: #34495e; color: #fff; border-radius: 4px; margin: 10px; padding: 10px; text-align: left !important; direction: ltr; font: 14px; line-height: 1.7em; }
.post blockquote a { color: #F8D300; }
.post blockquote:before { text-align: center; position: absolute; content: ' اضغط مرتين لتحديد و نسخ الاكواد اسفل داخل الاقتباس'; background: rgba(255, 255, 255, 1); left: 3px; right: 3px; top: 3px; font-size: 14px; padding: 5px 20px; display: block; font-weight: 700; border-radius: 3px 3px 0 0; color: #d21998; }

تذهب إلى تحرير قالب بلوجر ثم تبحث عن ]]></b:skin> و تضع الكود فوقها مباشرة .

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

والآن يــبــقـى لــنـا الأمـر الأخــيـر وهـو فـي حـال كـان لــديـك خــاصـيــة مـنــع الــنـســخ فــي مــوقـعــك، أو تـريــد إدرجــهــا فــي مـوقــعــك، مــع الـســمــاح بـالـنــســخ فـقــط داخــل إطــار الإقـتـبــاس، كــل مــا عـلـيــك هـو الــتـوجـه لـلـدرس الــسـابـق : من هنا .

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