× İletişim Formu AMP HTML Pop-up Duyarlı Bildirim Kutusu Arlina Design 8/31/2017 Etiketler : AMP Blogger HTML5 Blogger Widget Arlina Design <!doctype html> <html ⚡> <head> <meta charset="utf-8"> <script async src="https://cdn.ampproject.org/v0.js"></script> <!-- ## Setup --> <script async custom-element="amp-user-notification" src="https://cdn.ampproject.org/v0/amp-user-notification-0.1.js"></script> <script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script> <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} @-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:10px 20px} a {text-decoration: none;color:#f44336} .notifbox{width:100%;height:100%;position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;z-index:10000} .i-amphtml-layout-size-defined .i-amphtml-fill-content {object-fit: cover;} .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:red;text-decoration:none} .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> <amp-user-notification id="my-notification" layout="nodisplay"> <div class="notifbox" id="notifbox"> <div class="notif_box slideInDown"> <button class='close_notifbox' on='tap:my-notification.dismiss' role='button' tabindex='0' title='kapat'>×</button> <amp-img alt="" height="470" layout="responsive" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0sip8xaWn2yRN9UE1dKh_ulnx9uoQK1IWzYcrf40jj5A0HBrFpL2GFZ2hfAQWIQWYAWpstMqZ3pgANlz_w68XYzjvZk4pWwm0TAh95_pFirH9zJKvLs6YHg2U1Tku4ysMAwdRSukmawc/w1100/logo-og-image.jpg" title="İlk Blogunuzu Hangi Platform ile Nasıl Oluşturacaksınız?" width="940"></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> </amp-user-notification> <amp-analytics id='analytics1' type='googleanalytics'> <script type='application/json'> { "vars": { "account": "UA-X0X0X0X0X0" }, "triggers": { "trackPageview": { "on": "visible", "request": "pageview" } } } </script> </amp-analytics> </body> </html> YENİ YAYIN ÖNCEKİ YAYIN "AMP HTML Pop-up Duyarlı Bildirim Kutusu" 0 Yorum yapıldı. Yorum Gönder Sonraki Kayıt Ana Sayfa Kaydol: Kayıt Yorumları (Atom) ×
AMP HTML Pop-up Duyarlı Bildirim Kutusu Arlina Design 8/31/2017 Etiketler : AMP Blogger HTML5 Blogger Widget Arlina Design <!doctype html> <html ⚡> <head> <meta charset="utf-8"> <script async src="https://cdn.ampproject.org/v0.js"></script> <!-- ## Setup --> <script async custom-element="amp-user-notification" src="https://cdn.ampproject.org/v0/amp-user-notification-0.1.js"></script> <script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script> <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} @-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:10px 20px} a {text-decoration: none;color:#f44336} .notifbox{width:100%;height:100%;position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;z-index:10000} .i-amphtml-layout-size-defined .i-amphtml-fill-content {object-fit: cover;} .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:red;text-decoration:none} .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> <amp-user-notification id="my-notification" layout="nodisplay"> <div class="notifbox" id="notifbox"> <div class="notif_box slideInDown"> <button class='close_notifbox' on='tap:my-notification.dismiss' role='button' tabindex='0' title='kapat'>×</button> <amp-img alt="" height="470" layout="responsive" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0sip8xaWn2yRN9UE1dKh_ulnx9uoQK1IWzYcrf40jj5A0HBrFpL2GFZ2hfAQWIQWYAWpstMqZ3pgANlz_w68XYzjvZk4pWwm0TAh95_pFirH9zJKvLs6YHg2U1Tku4ysMAwdRSukmawc/w1100/logo-og-image.jpg" title="İlk Blogunuzu Hangi Platform ile Nasıl Oluşturacaksınız?" width="940"></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> </amp-user-notification> <amp-analytics id='analytics1' type='googleanalytics'> <script type='application/json'> { "vars": { "account": "UA-X0X0X0X0X0" }, "triggers": { "trackPageview": { "on": "visible", "request": "pageview" } } } </script> </amp-analytics> </body> </html>
Yorum Gönder