واجهة مدونة دبور فون الاحترافية + تاثيرات


السلام عليكم , اعزائنا الكرام احبابنا ايوم ان نتطرق لموضوع جديد وهو موضوع كيفية تركيب واجهة لمدونة بلوجر حيث ان
الواجهة شيء جميل في الموقع صراحه وهي ميزه جداَ جميلة وخرافيه تعطي الموقع منظراَ حقاَ مميز , ايضاَ تعطي الزائر انطباع ان هذا الموقع احترافي . طبعاَ الواجهة في مدونة بلوجر بالأساس لم تكن موجوده لا في العالم العربي ولا الغربي , بل كان هناك واجهات ولاكنها ليست كهذه , حيث ان الواجهات الاخرى التي صنعها بعض المحترفين العرب كانت فكرتها ( صفحة html عبارة عن واجهه ) ويتم ربطها بدومين اخر غير دومين المدونة الاساسي وهذه هي المشكلة, وقد وجدت بالفعل ان كثير من المدونين يبحثون عن طريقة تركيب واجهة لمدونة بلوجر.

والان سنشرح طريقة التركيب :

  1. معاينة الاضافة من هنا
  2. قم باضافة الكود التالي تحت <body>


<b:if cond='data:blog.url == data:blog.homepageUrl'><div id='DabourPhone'>
<script type='text/javascript'>
//<![CDATA[
//CSS Ready
function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
loadCSS("https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css");loadCSS("http://cdn.jsdelivr.net/darfonts/0.1/dinone-dintwo-sstext-ssthree/stylesheet.css");loadCSS("http://fonts.googleapis.com/css?family=Lobster");loadCSS("http://codes.hostreo.com/Wajeha/Style-Wajeha.css");
//]]>
</script>
<script src='http://codes.hostreo.com/Wajeha/Modernizr%202.8.3.js'></script>
<body class='vegas-container'>
<div id='wrapper2'>
<div class='lines-overlay'></div>
<div id='main' style="display: block;">
<ul class='socialty'>
<li>
<a href='http://www.dabourphone.com/search/?max-results=6'><i class='fa fa-twitter'></i></a>
</li>
<li>
<a href='https://www.facebook.com/dabourphone'><i class='fa fa-facebook'></i></a>
</li>
<li>
<a href='https://plus.google.com/+iMohamedAbodia'><i class='fa fa-google-plus'></i></a>
</li>
<li>
<a href='http://www.dabourphone.com/search/?max-results=6'><i class='fa fa-linkedin'></i></a>
</li>
</ul>
<!-- Header -->
<header id='header2'>
<h1 class='logo' style="     /* width: 202px; */     font-size: 55px  !important;     font-weight: bolder;     margin-top: 3.7px;     color: #fff;     font-family:  'Lobster',ge_ss_threeregular  !important;     margin-left: 55px; ">
<i class='fa fa-globe' style="margin-left:12px;  "></i>DABOUR PHONE
</h1>
<h1 style="     margin-right: -55px; "><img alt='' class='logo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS1AJfF4xw4R_XrJFdMiBaikrBNP_OV0byvWNHbAOOACCjvEdZ2F469W4sKpF3bNQnfujozousig_sKPxaj2BgyjXsF-rODTywaSgW-vj5t_y_jwlM0Dr4knOdbXGlozR7L0xOhegGzFWw/s1600/like-128.png' style="     width: 6%; "/>مدونة دبور فون <img alt='' class='logo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS1AJfF4xw4R_XrJFdMiBaikrBNP_OV0byvWNHbAOOACCjvEdZ2F469W4sKpF3bNQnfujozousig_sKPxaj2BgyjXsF-rODTywaSgW-vj5t_y_jwlM0Dr4knOdbXGlozR7L0xOhegGzFWw/s1600/like-128.png' style="     width: 6%; "/></h1>
<p class='animated-quick fadeIn' style="     font-size: 35px; ">اهلا بك معنا تفضل بالدخول للمدونة </p><nav>
<ul>
<li>
<a class='messages icon-popup icon ' href='search/?max-results=6'><i class='fa fa-sign-in'></i></a>
<span class='notification animated-quick opacity-0' style="height: 55px;     width: 55px;     line-height: 25px;     -webkit-border-radius: 50%;     -moz-border-radius: 50%;     -ms-border-radius: 50%;     border-radius: 50%;     background: #3498db;     color: #fff;     font-weight: 600;     position: absolute;     z-index: 10;     top: 25px;     right: -55px;     animation: 0.9s ease 0s normal none infinite running thumlok;  "><i class='fa fa-hand-o-left' style=" font-size: 35px;     margin-top: 10px; "></i></span>
<p class='name' href='search/?max-results=6'>ادخل للمدونة </p>
</li>
<li>
<a class='about icon-popup icon '><i class='fa fa-info'></i></a>
<p class='name'>عن المدون</p>
</li>
<li>
<a class='phone icon ' href='mailto:moda01234567889@gmail.com'><i class='fa fa-envelope'></i></a>
<p class='name'>تواصل</p>
</li>
</ul>
</nav>
</header>
</div>
</div>
<div class='global-content'>
<div class='slider-nav'>
<a class='close-content'><i class='fa fa-times'></i></a>
</div>
<section class='content-message slide first'>
<div class='content-in '>
<div class='content-table'>
<div class='content-cell'>
<div class='content-inner'>
<div class='container'>
<h1 style="font-family:'lobster','ge_dinar_oneregular' ;">  شكرا لك دخول للمدونة  THANK YOU ! </h1>
<h2>   انتظر ثانية من فضلك !! </h2>
<span class='border'></span>
<p>نرجوا ان تستمتع معنا وشكرا لكم مدونة دبور فون
</p>
<div id='countdown_dashboard'>
<!-- Days / if you need only 2 figures for the day, delete the first line <div class="digit">0</div> -->
</div>
<!-- .countdown_dashboard -->
<div class='block-message'>
<!-- OPEN - Newsletter message -->
<div class='message'>
<p class='notify-valid'>
</p></div>
<!-- CLOSE - Newsletter message -->
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class='content-about slide'>
<div class='content-in '>
<div class='content-table'>
<div class='content-cell'>
<div class='content-inner'>
<div class='container'>
<h1>عن المدون</h1>
<span class='border'></span>
<p>
انا متحمس للقيام بالعديد من الأعمال الابداعي التي تحاول فرض نفسها في سوق&#1548; بات من الضروري فيه اعطاءه تلك الحيوية والروح الابداعي -دبور فون : ونبقى الافضل لكم -في عالم ملىء بالابداع

  </p>

<!-- Contact form -->
<!-- /. Contact form -->
<div id='answer'></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class='content-photos slide last'>
<div class='content-in '>
<div class='content-table'>
<div class='content-cell'>
<div class='content-inner'>
</div>
</div>
</div>
</div>
</section>
</div>
<footer id='footer'>
<span class='copyright'><center>جميع حقوق الطبع والنشر <script type='text/javascript'>var creditsyear = new Date();document.write(creditsyear.getFullYear());</script>  &#169; محفوظة لموقع <a href=''>دبور فون | عش ملكا&#1611; معنا</a>
</center></span>
</footer>
<script src='http://codes.hostreo.com/Wajeha/jQuery%20v2.1.4.js'></script>
<script src='http://codes.hostreo.com/Wajeha/Bootstrap.js'></script>
<script src='http://codes.hostreo.com/Wajeha/DabourphoneWelcome.Js'></script>
<script src='http://codes.hostreo.com/Wajeha/notifyMe.js'></script>
<script src='http://codes.hostreo.com/Wajeha/Swipebox.js'></script>
<script src='http://codes.hostreo.com/Wajeha/Vegas.js'></script>
<script>
   $('body').vegas({
       slides: [
           { src: 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkRwviXgl77YKyLgo3ojAxoDPNENIynQIMbDFzIsnfui3OqP-Z_kdSaktCmGo0wy0xkcOFnyJZGgYhguaSWGzxmL2CgxZ_8qooCg7c8ubSNtjp5E9F6BwLuRDtjuPjUYCHVKTYn9ypwNs/s1600/red_bowers_and_wilkins_p3_headphones-wallpaper-3840x2160.jpg' },
           { src: 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw1OcH37aSa9yzxfm21Inu_Bt4UbEOJrmksOaBSTVPoXB060RRdn9T78dT2bXqKWtYA55Kv_nBGKvyj6p2yEp7zXvVW1YqqYPgf-GXNKxMtwlwSNAiyb3UbTarOjBCH20y9J95H8YhCg0/s1600/high_tech-wallpaper-1920x1080.jpg' },
           { src: 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw1OcH37aSa9yzxfm21Inu_Bt4UbEOJrmksOaBSTVPoXB060RRdn9T78dT2bXqKWtYA55Kv_nBGKvyj6p2yEp7zXvVW1YqqYPgf-GXNKxMtwlwSNAiyb3UbTarOjBCH20y9J95H8YhCg0/s1600/high_tech-wallpaper-1920x1080.jpg' }
       ],
       // Delay beetween slides in milliseconds.
   delay: 5000,
// Chose your transition effect (See the documentation provided in your download pack)
transition: 'fade'
   });
</script>
<script src='http://codes.hostreo.com/Wajeha/Modernizr%202.8.3.js'></script>
<script src='http://codes.hostreo.com/Wajeha/jQueryCountdown.js'></script>
</body>


</div></b:if> <b:if cond='data:blog.url != data:blog.homepageUrl'> 
  1. وابحث عن <body/>
  2. واضف فوقها مباشرتاً هذه الكلمة <b:if/>
والى هنا قد وصلنا لنهاية الموضوع و مبرووك عليك الواجهة التى نتمنى من الله ان تنال اعجابكم 


دبور فون

M.H.I

هناك 6 تعليقات:

نسعد ونتشرف بتعليقاتكم
لكن فى إطار الموضوع وليس خارجه حفاظاً على راحتك الشخصية
لوضع اى اكواد Html فى التعليقات يرجى تحوليها اولاً بمحول الأكواد من هنا
لذلك نرجو منك ان تستعمل كل شىء بطريقته الصحيحة شكراً لتفهمك 😊

أحدث الأخبار

10/recent