article post template 2015

<!-- Start article post css --> <link href='https://googledrive.com/host/0B1W6pb_FP4trVGNlYlFYUy1pVE0' rel='stylesheet' type='text/css'/> <!-- End article post css --> <!-- Start Show/Hide js --> <script src='https://googledrive.com/host/0B1W6pb_FP4trbDREejBTMXlDcFk' type='text/javascript'></script> <!-- End Show/Hide js --> <!-- Amiri font css --> <link rel="stylesheet" media="screen" href="http://openfontlibrary.org/face/amiri" rel="stylesheet" type="text/css"/> <!-- Amiri font css --> <!-- Start Post Big Img --> <div id="intro"> <div id="intro-img"> <img alt="أسم صورة العرض" border="0" height="0px" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguI9F610sW_mQ1kG124XFoCXUVysTa-i8XNuHz2KTXFCsMVkCA9hI8WFqR6_35Q9yhmyT97dTYeOpFLOmSulMJ3B6mGMt7qYWkq6u3rlFCLjdXUwC7ODqron30CmRDDCjdvuLmnpPSsds/s1600/background-hw-text1.png" style="border: inherit;" title="أسم صورة االعرض" width="0px"/></div> </div> <!-- End post intro --> <!-- Start Post Cover --> <form id="cover-form"> <div id="calc_main"> <!-- Start Post Info (Post Cover) --> <div id="calc_post-info"> <table class="tree-table" width="210" cellpadding="3" cellspacing="0"><tbody> <div class="medCalcFont-tree"><i class="icon-coverbrowse"></i><span class="show-hide"><span id="hidecover"><span style="color:#000;"></span><i class="icon-hidenav"></i><span style="color:#000;"></span></span><span id="showcover" class="hide"><span style="color:#000;"></span><i class="icon-shownav"></i><span style="color:#000;"></span></span></span></div> <!-- Start Post Image Cover (Post Info(Post Cover)) --> <div id="post-img-position" align="center"> <div id="post-img"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNCvGbWxaIsmgDZaZk-ib_Cq_Emo-x8JpJPrjda36kjTKjSCdSdA-yHtgf7a1D-qa39ca3o-l_DhbOhe4VCYEIbnWADmOjY0XRFiBz2a9_GrI5mnnp5nK_mVFfRHeeVdOSI_Cpiu2heUlY/s1600/post+image+template-beitypedia.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="أسم الصورة هنا" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNCvGbWxaIsmgDZaZk-ib_Cq_Emo-x8JpJPrjda36kjTKjSCdSdA-yHtgf7a1D-qa39ca3o-l_DhbOhe4VCYEIbnWADmOjY0XRFiBz2a9_GrI5mnnp5nK_mVFfRHeeVdOSI_Cpiu2heUlY/s1600/post+image+template-beitypedia.png" title="أسم الصورة هنا" /></a></div> </div> <!-- End Post Image Cover (Post Info(Post Cover)) --> <div class="spacer"></div> <!-- Start Post Info link (Post Info(Post Cover)) --> <tr><td id="info" class="tree-td"> <i class="icon-covermainlabel"></i> <ul class="tree-td-ul"> <li><a href="####"><span style="color: #38761d;">قسم رئيسي 1</span></a></li> <li><a href="####"><span style="color: #38761d;">قسم رئيسي 2</span></a></li> <li><a href="####"><span style="color: #38761d;">قسم رئيسي 3</span></a></li> </ul> <i class="icon-relatedtopic"></i> <ul class="tree-td-ul"> <li class="relatedtopic"><a href="####"><span style="color: #38761d;">مقالة 1</span></a></li> <li class="relatedtopic"><a href="####"><span style="color: #38761d;">مقالة 2</span></a></li> </ul> <i class="icon-topicappendix"></i> <ul class="tree-td-ul"> <li class="topicappendix"><a href="#6"><span style="color: #38761d;">فيديو / برنامج / صور</span></a> </li> <li class="topicappendix"><a href="#6"><span style="color: #38761d;">فيديو / برنامج / صور</span></a> </li> </ul> <i class="icon-mainpoint"></i> <ul class="tree-td-ul"> <li><a href="#0"><span style="color: #38761d;">مقدمة الموضوع</span></a> </li> <li><a href="#1"><span style="color: #38761d;">محتوى 1</span></a> </li> <li><a href="#2"><span style="color: #38761d;">محتوى 2</span></a> </li> <li><a href="#3"><span style="color: #38761d;">محتوى 3</span></a> </li> <li><a href="#4"><span style="color: #38761d;">محتوى 4</span></a> </li> <li><a href="#5"><span style="color: #38761d;">محتوى 5</span></a> </li> </ul> </td></tr> <!-- End Post Info link (Post Info(Post Cover)) --> </tbody></table> </div> <div class="spacer"></div> <!-- End Post Info (Post Cover) --> </div> </form> <!-- End Post Cover --> <!-- Start Post Content --> <form> <div dir="rtl" id="calc_main_content" style="border: none;"> <!-- Start Post Point before Ad post (Post Content) --> <div id="calc_info"> <!-- Start Post Introduction (Post Point before ad(Post Content)) --> <div id="calcinfo_links"> <h2><span class="link_open"><a name="0"><i id="dow2" class="icon-showpoint hide"></i><i id="up2" class="icon-hidepoint"></i> مقدمة الموضوع </a></span></h2> </div> <div class="calcinfo" id="calc_equation"> <div id="p2">محتوى الفقرة</div> <div class="spacer"></div> </div> <!-- End Post Point 2 (Post Point before ad(Post Content)) --> <!-- Start Post Point 1 (Post Point before ad(Post Content)) --> <div id="calcinfo_links"> <h2><span class="link_open" id="link_equation"><a name="1"><i id="dow1" class="icon-showpoint hide"></i><i id="up1" class="icon-hidepoint"></i> محتوى 1 </a></span></h2> </div> <div class="calcinfo" id="calc_equation"> <div id="p1"> <!--- center Image with caption ---> <div class="center"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrgtm_VIU66BXxgzGwzunCur3XJM1JanS8TE1Vxsb_4BD-P8fe6vjw8H2LIVZvNWemECmfz_cUDcX9KY_UdvYu-C2ztYT_eR0_ihRqT92fHc1-MvOY1DGKWrfOH6WlWdBnwVA9Cgko3R0/s1600/install-1.png"> <img height="199" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrgtm_VIU66BXxgzGwzunCur3XJM1JanS8TE1Vxsb_4BD-P8fe6vjw8H2LIVZvNWemECmfz_cUDcX9KY_UdvYu-C2ztYT_eR0_ihRqT92fHc1-MvOY1DGKWrfOH6WlWdBnwVA9Cgko3R0/s320/install-1.png" width="320" /> </a> <span>أسم الصورة هنا</span> </div> <!--- center Image with caption ---> <!--- center Image ---> <a class="center" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrgtm_VIU66BXxgzGwzunCur3XJM1JanS8TE1Vxsb_4BD-P8fe6vjw8H2LIVZvNWemECmfz_cUDcX9KY_UdvYu-C2ztYT_eR0_ihRqT92fHc1-MvOY1DGKWrfOH6WlWdBnwVA9Cgko3R0/s1600/install-1.png"> <img alt="أسم الصورة هنا" height="199" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrgtm_VIU66BXxgzGwzunCur3XJM1JanS8TE1Vxsb_4BD-P8fe6vjw8H2LIVZvNWemECmfz_cUDcX9KY_UdvYu-C2ztYT_eR0_ihRqT92fHc1-MvOY1DGKWrfOH6WlWdBnwVA9Cgko3R0/s320/install-1.png" title="أسم الصورة هنا" width="320" /> </a> <!--- center Image ---> <h3>نقطة فرعية h3</h3> <ul> <li class="h3-li"><h4>نقاط فرعية h4</h4></li> <li class="h3-li"><h4>نقاط فرعية h4</h4></li> <li class="h3-li"><h4>نقاط فرعية h4</h4></li> <li class="h3-li"><h4>نقاط فرعية h4</h4></li> </ul> <h4 class="h4-point" style="border-bottom: 1px solid #A9A5A5;"><span class="fst-scd-point"><b>1 . </b></span> نقطة فرعية h4</h4> <ul> <li class="h4-li"><h5>نقاط فرعية h5</h5></li> <li class="h4-li"><h5>نقاط فرعية h5</h5></li> <li class="h4-li"><h5>نقاط فرعية h5</h5></li> <li class="h4-li"><h5>نقاط فرعية h5</h5></li> </ul> <p class="hamesh"></p> <p>وإليك شرح النقاط الأربع .... <i id="dow1" class="icon-hand-down"></i></p> <h4>1 . نقطة فرعية لـ اتش 3</h4> <!--- left Image ---> <a class="left" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrgtm_VIU66BXxgzGwzunCur3XJM1JanS8TE1Vxsb_4BD-P8fe6vjw8H2LIVZvNWemECmfz_cUDcX9KY_UdvYu-C2ztYT_eR0_ihRqT92fHc1-MvOY1DGKWrfOH6WlWdBnwVA9Cgko3R0/s1600/install-1.png"> <img alt="أسم الصورة هنا" height="199" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrgtm_VIU66BXxgzGwzunCur3XJM1JanS8TE1Vxsb_4BD-P8fe6vjw8H2LIVZvNWemECmfz_cUDcX9KY_UdvYu-C2ztYT_eR0_ihRqT92fHc1-MvOY1DGKWrfOH6WlWdBnwVA9Cgko3R0/s320/install-1.png" title="أسم الصورة هنا" width="320" /> </a> <!--- left Image ---> <p>شرح النقطة الفرعية لـ اتتش 3.. فقرة ثانية في الشرح - تجربة شكل الأسطر بمحاذاة الصورة الجانبية والفقرة الأولى.</p> <p>شرح النقطة الفرعية رقم 1.. فقرة أولى في الشرح - تجربة شكل الأسطر بمحاذاة الصورة الجانبية.</p> <p class="satr"></p> <p>شرح النقطة الفرعية رقم 1.. فقرة ثانية في الشرح - تجربة شكل الأسطر بمحاذاة الصورة الجانبية والفقرة الأولى.</p> <p class="note">احذر من شئ ما قد يحدث <i class="icon-exclamation"></i></p> <p class="note">ملحوظة على شئ سبق شرحة <i class="icon-note"></i></p> <div class="note"><p>ملحوظات : <i class="icon-note"></i></p> <ul> <li>ملحوظة متعددة النقاط</li> <li>ملحوظة متعددة النقاط</li> <li>ملحوظة متعددة النقاط</li> </ul> </div> <p class="note">تم الإنتهاء من النقطة هذه <i class="icon-check"></i></p> <div class="note"><p>تم الإنتهاء من : <i class="icon-check"></i></p> <ul> <li>النقطات هذه</li> <li>النقطات هذه</li> <li>النقطات هذه</li> </ul> </div> <p class="note">نصيحة أو يوصى بـ أو من المستحب <i class="icon-advice"></i></p> <div class="note"><p>يوصى بـ : <i class="icon-advice"></i></p> <ul> <li>النقطات هذه</li> <li>النقطات هذه</li> <li>النقطات هذه</li> </ul> </div> <p class="note">بهذا يكون أفضل أو نقطة التمام <i class="icon-ok"></i></p> <div class="note"><p>نقاط التمام : <i class="icon-ok"></i></p> <ul> <li>النقطات هذه</li> <li>النقطات هذه</li> <li>النقطات هذه</li> </ul> </div> </div> <div class="spacer"></div> </div> <!-- End Post Point 1 (Post Point before ad(Post Content)) --> <!-- Start Post Point 2 (Post Point before ad(Post Content)) --> <div id="calcinfo_links"> <h2><span class="link_open"><a name="2"><i id="dow2" class="icon-showpoint hide"></i><i id="up2" class="icon-hidepoint"></i> محتوى 2 </a></span></h2> </div> <div class="calcinfo" id="calc_equation"> <div id="p2">محتوى الفقرة</div> <div class="spacer"></div> </div> <!-- End Post Point 2 (Post Point before ad(Post Content)) --> <!-- Start Post Point 3 (Post Point before ad(Post Content)) --> <div id="calcinfo_links"> <h2><span class="link_open"><a name="3"><i id="dow3" class="icon-showpoint hide"></i><i id="up3" class="icon-hidepoint"></i> محتوى 3 </a></span></h2> </div> <div class="calcinfo" id="calc_equation"> <div id="p3">محتوى الفقرة</div> <div class="spacer"></div> </div> <!-- End Post Point 3 (Post Point before ad(Post Content)) --> <div class="spacer"></div> </div> <!-- End Post Point before Ad post (Post Content) --> <!-- Start Ad Post --> <div id="post-ad"> <img src="http://www.esggreenpages.co.za/wp-content/plugins/ad-module/images/468x60.png"/> </div> <!-- End Ad Post --> <!-- Start Post Point after Ad post (Post Content) --> <div id="calc_info"> <!-- Start Post Point 4 (Post Point after ad(Post Content)) --> <div id="calcinfo_links"> <h2><span class="link_open" id="link_equation"><a name="4"><i id="dow4" class="icon-showpoint hide"></i><i id="up4" class="icon-hidepoint"></i> محتوى 4 </a></span></h2> </div> <div class="calcinfo" id="calc_equation"> <div id="p4">محتوى الفقرة</div> <div class="spacer"></div> </div> <!-- End Post Point 4 (Post Point after ad(Post Content)) --> <!-- Start Post Point 5 (Post Point after ad(Post Content)) --> <div id="calcinfo_links"> <h2><span class="link_open"><a name="5"><i id="dow5" class="icon-showpoint hide"></i><i id="up5" class="icon-hidepoint"></i> محتوى 5 </a></span></h2> </div> <div class="calcinfo" id="calc_equation"> <div id="p5">محتوى الفقرة</div> <div class="spacer"></div> </div> <!-- End Post Point 5 (Post Point after ad(Post Content)) --> <div class="spacer"></div> </div> <!-- End Post Point after ad(Post Content) --> </div> </form> <!-- End Post Content -->

article post template 2015

قسم رئيسي 1 قسم رئيسي 2 قسم رئيسي 3 مقالة 1 مقالة 2 فيديو / برنامج / صور فيديو / ب...

اقرأ المزيد »

استفتاء

<script type="text/javascript">(function(d, t, e, m){ // if (RW && RW.initRating) // return; // Async Rating-Widget initialization. window.RW_Async_Init = function(){ RW.init({ huid: "221401", uid: "9e7c107cc95c06dc52ed33245b845659", source: "website", options: { "advanced": { "layout": { "align": { "hor": "right" } }, "text": { "rateThis": "انطباعك ايه ؟", "like": "معجب", "dislike": "غير معجب", "vote": "تصويت", "votes": "أصوات" } }, "size": "medium", "type": "nero", "lng": "ar", "style": "thumbs" } }); RW.render(); }; // Append Rating-Widget JavaScript library. var rw, s = d.getElementsByTagName(e)[0], id = "rw-js", l = d.location, ck = "Y" + t.getFullYear() + "M" + t.getMonth() + "D" + t.getDate(), p = l.protocol, f = ((l.search.indexOf("DBG=") > -1) ? "" : ".min"), a = ("https:" == p ? "secure." + m + "js/" : "js." + m); if (d.getElementById(id)) return; rw = d.createElement(e); rw.id = id; rw.async = true; rw.type = "text/javascript"; rw.src = p + "//" + a + "external" + f + ".js?ck=" + ck; s.parentNode.insertBefore(rw, s); }(document, new Date(), "script", "rating-widget.com/"));</script> <style> .rw-ui-container.rw-valign-middle.rw-halign-right .rw-report-link { display: none !important; } .rw-ui-report .rw-ui-poweredby { display: none !important; } </style> <div dir="ltr" style="text-align: left;" trbidi="on"> <iframe allowtransparency="true" dir="rtl" frameborder="0" height="370" scrolling="no" seamless="seamless" src="http://files.quizsnack.com/iframe/embed.html?hash=q7tp0tpz&width=250&height=370&wmode=window&bgcolor=EEEEEE&useOnSW=true&t=1425130284&width=250&height=370" width="250"></iframe> <br /> <div class="rw-ui-container">evon</div> <div class="rw-ui-container">my way</div> </div>

استفتاء

evon my way

اقرأ المزيد »