إضافة جديدة لتخبر الزائر ما هي التدوينات القادمة

 اضافة جميلة لتخبر الزائر ماهي التدوينات القادمة التي ستنشرها بالمدونة

طريقة التركيب

اذهب للتخطيط - اضافة اداة- HTML/Javascript 

اضف الكود التالي مع تغيير مايلزم

الأفضل تركيبها فوق مشاركات المدونة مب

اشرة

 

 <Style> .Infobox H3{Margin:0;Padding:10px ;Font-Family: Droid Arabic Naskh;Background:#333333;Color:#Ffffff;Position:Relative;}.Inf.Red{Background:#D9534f;}.Inf.Green{Background:#5cb85c;}.Inf.Orange{Background:#F0ad4e;}.Infobox{Margin: 0 0 15px; Background: #Fff; Border-Bottom: 1px Dashed #E4E1E1;-Webkit-User-Select: None;}.Infobox .Onhide{Position:Absolute;Left:7px;Top:10px;Padding:3px 4px 0px 3px;-Webkit-Border-Radius:100%;-Moz-Border-Radius:100%;Border-Radius:100%;Font-Size:15px;Font-Weight:400;Cursor:Pointer;}.Infobox > Span{ Font-Family: Droid Arabic Naskh; Color:#555;Padding:10px;Line-Height:20px;Display:Block;}.Infobox Ul{List-Style:None;Margin:0;Padding:5px 8px;}.Infobox Li{Clear:Both;Margin:5px 0; Position: Relative;}.Inf{Padding: 0px 5px; Border-Radius: 2px; Font-Size: 10px; Float: Left; Text-Align: Center; Color: #Fff; Font-Weight: 700; Text-Shadow: 0 0 1px Rgba(0, 0, 0, 0.1); }.Infobox Li .Green:Before,.Infobox Li .Orange:Before,.Infobox Li .Red:Before { Font-Family: Droid Arabic Naskh; Counter-Increment: Popcount; Float: Right; Font-Size: 14px; Line-Height: 20px; List-Style-Type: None; Padding: 0 8px 1px 1px; Position: Absolute; Top: 0; Z-Index: 4; Right: -20px; }.Infobox Li .Red:Before { Color: #D9534F; Content: '2';} .Infobox Li .Orange:Before { Color: #F0AD4E; Content: '3';} .Infobox Li .Green:Before { Color: #5CB85C; Content: '1' }</Style><Div Class="Infobox"> <H3>مواضيع جديدة قادمة قريبًا <Span Class="Fa Fa-Times Onhide"></Span></H3> <Span> <Ul> <Li><Strong Style="Font-Weight:Bold;Color: #5CB85C;"> - درس : </Strong> شراء دومين بالباي بال غير مفعل <Span Class="Inf Green">قريباً</Span></Li> <Li><Strong Style="Font-Weight:Bold;Color: #D9534f;"> - اضافات بلوجر : </Strong> اضافة صندوق البحث بشكل منبثق <Span Class="Inf Red">30%</Span></Li> <Li><Strong Style="Font-Weight:Bold;Color: #F0AD4E;"> - قوالب بلوجر : </Strong> معربة <Span Class="Inf Orange">سيتأخر</Span></Li> </Ul> </Span> </Div>