مــرحــبـا بــمـتــتــبــعـي مــوقـع تــقــنـي ويـب لابـد انـه بــعـد ذخــولـك لــهـذه الــتــدويــنـة فــإنـك تــبــحـث عـن إضــافـة الــمــشــاركـات الــشــائعـة بــطــريــقـة جــمــيــلـة، إحــتــرافــيـة ومــنــســقـة لـلــبــلــوجـر، وتــريـد أن تــجــعـل مــدونــتـك أكــثـر إحــتــرافــيـة وتــنــســيـق لــذلـك الــيـوم أتــيــتــكـم بــإضــافـة الــمــشــاركـات الــشــائعـة بــشــكـل احــتــرافـي وحــصـري مـن تـصــمــيــمـي.
إضــافــة الــمـشــاركــات الـشــائعــة الأكــثــر إحــتـرافــيــة عــلــى الإطــلاق لـلــبـلــوجــر، مــصـمــمــة بــأخــر الـتــقـنــيــات الـمـســتـخــدمــة لــحــد الآن وحـصــريــة 100%، الإضــافــة تـحــتــوي عــلــى صــورة الـمــوضــوع ومــقـتــطــف يـضــهــر فــوق الــصــورة بـشــكــل جـمــيــل جــدا، وكــذلــك الـعــنــوان فــي الأســفــل بـخــطــوط إحــتـرافــيــة جــدا، وهــي مــصـمــمــة بـتــقـنــيــة الــفــلات ( الـتــصـمــيــم الــمـســطــح )، لــن أطــيــل عـلــيــك نــنـتــقــل لـلـمــعـايــنــة والــتـركــيــب :
صورة الاضافة للمعاينة :
- ادخل إلى لوحة تحكم المدونة في بلوجر.
- اختر قالب المدونة التي تود تطبيق الشرح فيها.
- اضغط على تحرير HTML ( قم بأخد نسخة إحتياطية للقالب )
- ابحث عن الوسم ]]> و اضف الكود التالي فوقه
- تــوجـه إلـى الــتـخـطــيـط ثـم بـعــدهـا إضــافـة أداة وقـم بـاخـتــيـار إضــافـة الـمـشــاركـات الـشــائعـة ( كــمـا فـي الــصـورة ) :
- قـم بـالــحــفـض ومــبـروك عــلــيـك الإضــافـة.
.PopularPosts .widget-content ul li { padding: 2px 0; }
.PopularPosts .widget-content ul li:first-child { padding-top: 0; }
.PopularPosts .item-thumbnail { float: right; margin: 5px 0 5px 5px; width: 280px; height: 170px; padding: 2px; }
.PopularPosts .item-thumbnail:hover { opacity: 0.5; }
.PopularPosts img { padding: 0; width: 100%; height: 100%; }
.PopularPosts .item-title a { font-size: 14px; }
.PopularPosts .item-snippet { font-size: 12px; font-weight: normal; }
.PopularPosts .item-title a { font-size: 15px; color: #2b2b2b; font: 13px GESSTwoMediumRegular; text-align: right; padding-left: 6px; padding: 10px; width: 200px; opacity: 1; position: relative; }
.PopularPosts .item-title { padding-bottom: .2em; text-align: right; }
.item-thumbnail a img { padding: 0px; width: 100%; height: 100%; }
.item-snippet { background: rgba(0, 0, 0, 0.35); color: #FFFFFF; left: 12%; padding: 10px; position: relative; text-align: center; width: 70%; bottom: 139px; right: 32px; }
.item-content { height: 230px; }
أتـمــنــى ان تــكــون قــد ســررت بــزيــارة مــوقـعــنــا، يــمـكــنــك ان تــعــطـيــنــا رايــك عــبــر الـتــعــلـيــقــات واطــلــب اي درس بـلــوجــر أو إضــافــة بـلــوجــر أو كــذلــك قــالــب بـلــوجــر تــريــد طــرحــه عــلــى الـمــوقــع ! !
ليست هناك تعليقات:
إرسال تعليق