× İletişim Formu AMP HTML Popup Bildirim Kutusu Arlina Design 8/30/2017 Etiketler : AMP Blogger CSS3 Blogger HTML5 Arlina Design <!doctype html> <html ⚡> <head> <meta charset="utf-8"> <script async src="https://cdn.ampproject.org/v0.js"></script> <!-- ## Setup --> <link rel="canonical" href="https://ampbyexample.com/components/amp-lightbox/"> <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1"> <style amp-boilerplate> body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both} a {text-decoration: none;color:#f44336} .i-amphtml-layout-size-defined .i-amphtml-fill-content {object-fit: cover;} @-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}} @-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}} @-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}} @-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}} @keyframes -amp-start{from{visibility:hidden}to{visibility:visible}} </style> <noscript> <style amp-boilerplate> body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none} </style> </noscript> <style amp-custom> @font-face {font-family: 'Roboto';font-style: normal;font-weight: 400;src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v16/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2'), url(https://fonts.gstatic.com/s/roboto/v16/2UX7WLTfW3W8TclTUvlFyQ.woff) format('woff'),url(https://fonts.gstatic.com/s/roboto/v16/QHD8zigcbDB8aPfIoaupKOvvDin1pK8aKteLpeZ5c0A.ttf) format('truetype');} @font-face {font-family: 'Roboto';font-style: normal;font-weight: 500;src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v16/RxZJdnzeo3R5zSexge8UUVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url(https://fonts.gstatic.com/s/roboto/v16/RxZJdnzeo3R5zSexge8UUT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'),url(https://fonts.gstatic.com/s/roboto/v16/RxZJdnzeo3R5zSexge8UUSZ2oysoEQEeKwjgmXLRnTc.ttf) format('truetype');} *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box} .content p{padding:0 20px} .notifbox{width:100%;height:100%;position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;z-index:10000} .notif_box{background:#fff;color:#555;font-family:Roboto,sans-serif;position:absolute;padding:0;top:15%;transition:all .3s ease-in-out;width:50%;left:50%;margin-left:-25%;z-index:99;border-radius:4px;box-shadow: 0 1px 8px rgba(0,0,0,.3);z-index:2;overflow:hidden} .notif_box p{margin:0;padding:10px 20px;font-size:14px;font-weight:400;line-height:1.3} .notif_box p a{color:#f44336;text-decoration:none;font-weight:500} .notif_box p a:hover{color:black} .notifbox .close_notifbox{background:0 0;border:none;padding:0;color:#efefef;font-size:30px;position:absolute;top:7px;right:5px;cursor:pointer;width:20px;height:20px;line-height:20px;text-align:center;z-index:2} .notifbox .close_notifbox:focus,.notifbox .done_notifbox:focus{outline:none} .notifbox .close_notifbox:hover{color:red} .slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both} @-webkit-keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}} @keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}} </style> </head> <body> <div class="content"> <p> <a href="https://bloggereklentileri.blogspot.com/2017/08/ilk-blogunuzu-hangi-platform-ile-nasl.html" target="_blank">İlk Blogunuzu Hangi Platform ile Nasıl Oluşturacaksınız?</a> - Bu konu hakkında oldukça fazla bilgi var. Fakat blog modası hala geçmek bilmiyor, çünkü her geçen sürede giderek daha fazla insanın blog alemine katıldığını görüyoruz. Blog açmak ve oluştrmak moda olmanın yanında gittikçe daha da popüler oluyor. Burada şunu da söylemek isterim "blog alemi ne kadar kalabalık olursa, bloguların gelirleri de bir o kadar artar". <br><br> Blog kullanıcıları ilk başlarda kendileri ile ilgili yada ilgi duydukları belli başlı bir kaç konuyu harmanlayıp yayınlıyorlardı. Son zamanlarda bu fikirlerin yerini iş odaklı düşünceler aldı. Şimdilerde ise iş odaklı fikirlerin yerini girişimcilik ilham kaynağı olmaya başladı. Bu nedenle, insanlar alternatif gelir kaynakları oluşturmak için, hatta emek ve zamanlarının karşılığını almak için üretken bir hobi aramaya başladılar. Dolayısıyla, bu yazıda yeni kullanıcıların ilk blogunu açmak ve oluşturmak için hangi blog platformunu seçmeleri gerektiğine de yardımcı olacağız. </p> </div> <div class="notifbox" id="notifbox"> <div class="notif_box slideInDown"> <button class='close_notifbox' on='tap:notifbox.hide' role='button' tabindex='0' title='kapat'>×</button> <amp-img alt="" height="550" layout="responsive" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsdU26nF02jP0wyl_Ibb0aHUFMaqGA3Ra5OEExXxa-BwpdZvenMH5si0jaATy2TvcdLPxVYcsrYROHJef72e-NBHksqb_u_KplpEIfX6zCk6O0HfacfNe-qHEiwUh83sK_nLrCMOwmbiLL/s1600/blog.png" title="İlk Blogunuzu Hangi Platform ile Nasıl Oluşturacaksınız?" width="1100"></amp-img> <p> Devamı için lütfen <a target="_blank" href="https://bloggereklentileri.blogspot.com/2017/08/ilk-blogunuzu-hangi-platform-ile-nasl.html" title="buraya">buraya</a> tıklayın. </p> </div> </div> </body> </html> YENİ YAYIN ÖNCEKİ YAYIN "AMP HTML Popup Bildirim Kutusu" 0 Yorum yapıldı. Yorum Gönder Sonraki Kayıt Ana Sayfa Kaydol: Kayıt Yorumları (Atom) ×
AMP HTML Popup Bildirim Kutusu Arlina Design 8/30/2017 Etiketler : AMP Blogger CSS3 Blogger HTML5 Arlina Design <!doctype html> <html ⚡> <head> <meta charset="utf-8"> <script async src="https://cdn.ampproject.org/v0.js"></script> <!-- ## Setup --> <link rel="canonical" href="https://ampbyexample.com/components/amp-lightbox/"> <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1"> <style amp-boilerplate> body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both} a {text-decoration: none;color:#f44336} .i-amphtml-layout-size-defined .i-amphtml-fill-content {object-fit: cover;} @-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}} @-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}} @-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}} @-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}} @keyframes -amp-start{from{visibility:hidden}to{visibility:visible}} </style> <noscript> <style amp-boilerplate> body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none} </style> </noscript> <style amp-custom> @font-face {font-family: 'Roboto';font-style: normal;font-weight: 400;src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v16/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2'), url(https://fonts.gstatic.com/s/roboto/v16/2UX7WLTfW3W8TclTUvlFyQ.woff) format('woff'),url(https://fonts.gstatic.com/s/roboto/v16/QHD8zigcbDB8aPfIoaupKOvvDin1pK8aKteLpeZ5c0A.ttf) format('truetype');} @font-face {font-family: 'Roboto';font-style: normal;font-weight: 500;src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v16/RxZJdnzeo3R5zSexge8UUVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url(https://fonts.gstatic.com/s/roboto/v16/RxZJdnzeo3R5zSexge8UUT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'),url(https://fonts.gstatic.com/s/roboto/v16/RxZJdnzeo3R5zSexge8UUSZ2oysoEQEeKwjgmXLRnTc.ttf) format('truetype');} *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box} .content p{padding:0 20px} .notifbox{width:100%;height:100%;position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;z-index:10000} .notif_box{background:#fff;color:#555;font-family:Roboto,sans-serif;position:absolute;padding:0;top:15%;transition:all .3s ease-in-out;width:50%;left:50%;margin-left:-25%;z-index:99;border-radius:4px;box-shadow: 0 1px 8px rgba(0,0,0,.3);z-index:2;overflow:hidden} .notif_box p{margin:0;padding:10px 20px;font-size:14px;font-weight:400;line-height:1.3} .notif_box p a{color:#f44336;text-decoration:none;font-weight:500} .notif_box p a:hover{color:black} .notifbox .close_notifbox{background:0 0;border:none;padding:0;color:#efefef;font-size:30px;position:absolute;top:7px;right:5px;cursor:pointer;width:20px;height:20px;line-height:20px;text-align:center;z-index:2} .notifbox .close_notifbox:focus,.notifbox .done_notifbox:focus{outline:none} .notifbox .close_notifbox:hover{color:red} .slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both} @-webkit-keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}} @keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}} </style> </head> <body> <div class="content"> <p> <a href="https://bloggereklentileri.blogspot.com/2017/08/ilk-blogunuzu-hangi-platform-ile-nasl.html" target="_blank">İlk Blogunuzu Hangi Platform ile Nasıl Oluşturacaksınız?</a> - Bu konu hakkında oldukça fazla bilgi var. Fakat blog modası hala geçmek bilmiyor, çünkü her geçen sürede giderek daha fazla insanın blog alemine katıldığını görüyoruz. Blog açmak ve oluştrmak moda olmanın yanında gittikçe daha da popüler oluyor. Burada şunu da söylemek isterim "blog alemi ne kadar kalabalık olursa, bloguların gelirleri de bir o kadar artar". <br><br> Blog kullanıcıları ilk başlarda kendileri ile ilgili yada ilgi duydukları belli başlı bir kaç konuyu harmanlayıp yayınlıyorlardı. Son zamanlarda bu fikirlerin yerini iş odaklı düşünceler aldı. Şimdilerde ise iş odaklı fikirlerin yerini girişimcilik ilham kaynağı olmaya başladı. Bu nedenle, insanlar alternatif gelir kaynakları oluşturmak için, hatta emek ve zamanlarının karşılığını almak için üretken bir hobi aramaya başladılar. Dolayısıyla, bu yazıda yeni kullanıcıların ilk blogunu açmak ve oluşturmak için hangi blog platformunu seçmeleri gerektiğine de yardımcı olacağız. </p> </div> <div class="notifbox" id="notifbox"> <div class="notif_box slideInDown"> <button class='close_notifbox' on='tap:notifbox.hide' role='button' tabindex='0' title='kapat'>×</button> <amp-img alt="" height="550" layout="responsive" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsdU26nF02jP0wyl_Ibb0aHUFMaqGA3Ra5OEExXxa-BwpdZvenMH5si0jaATy2TvcdLPxVYcsrYROHJef72e-NBHksqb_u_KplpEIfX6zCk6O0HfacfNe-qHEiwUh83sK_nLrCMOwmbiLL/s1600/blog.png" title="İlk Blogunuzu Hangi Platform ile Nasıl Oluşturacaksınız?" width="1100"></amp-img> <p> Devamı için lütfen <a target="_blank" href="https://bloggereklentileri.blogspot.com/2017/08/ilk-blogunuzu-hangi-platform-ile-nasl.html" title="buraya">buraya</a> tıklayın. </p> </div> </div> </body> </html>
Yorum Gönder