Cara Membuat link Partner Di Blog menyerupai yang di gunakan Blog yang lainya, kali ini aku akan Membuat sebuah artikel wacana Cara Membuat link Partner Di Blog untuk menciptakan tampilan link parnter, Bertujuan Untuk menciptakan Blog lebih Presional dan Menjalin Hubungan dengan para bloger lainya, Dan bis juga menciptakan blog kalian menjadi lebih bagus.
Tampilan link partner ini Responsive/mobile Friendly juga sedikit ada perhiasan Animasi dikala kursor menyentuh bab kotak partner dan dikala pertama kali di load kolom partner akan tampil secara perlahan.
 |
| Link Partner Di Blog |
Dan jangan lupa mampir ke tutorial ada Artikel menarik yang mungkin kalian perlukan:)
Kita Kembali Ke Poko Pembahasan kini kita lanjutkan ke tutorial Cara Membuat Link Partner Di Blog di halaman statistik / page.
- Silahkan copy script di bawah ini
123456789101112131415161718192021222324252627 <!--CSS LINK PARTNER ARTIKEL AGAN--> <style type="text/css">@import url("https://fonts.googleapis.com/css?family=Roboto");#link-partner{font-family:'Roboto',sans-serif!important;letter-spacing:0;font-weight:400;font-style:normal;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga" on;color:#686868;font-size:15px;line-height:1.4;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;box-sizing:border-box;min-height:100%}#link-partner *,#link-partner *:before,#link-partner *:after{box-sizing:inherit}#link-partner .link-partner-blogger{font-family:'Roboto',sans-serif!important;padding:16px 0;margin:0;list-style:none;position:relative}@media (max-width:767px){#link-partner .link-partner-blogger{padding:32px 0}}#link-partner .link-partner-blogger:before{content:'';position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:#0177FA;width:8px;height:8px;border-radius:50%}#link-partner .link-partner-blogger:after{content:'';position:absolute;top:0;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:#0177FA;width:2px}#link-partner .link-partner-blogger .box-partner{position:relative;padding:32px 0;z-index:2;visibility:hidden}@media (max-width:767px){#link-partner .link-partner-blogger .box-partner{font-family:'Roboto',sans-serif!important;text-align:center;background:#fff;border-radius:3px;padding:16px;border:2px solid #0177FA}#link-partner .link-partner-blogger .box-partner:first-child{margin-top:16px}#link-partner .link-partner-blogger .box-partner + *{margin-top:32px}}@media (min-width:768px){#link-partner .link-partner-blogger .box-partner{font-family:'Roboto',sans-serif!important;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}#link-partner .link-partner-blogger .box-partner:before{opacity:0!importantant}}#link-partner .link-partner-blogger .box-partner:hover #link-partner .link-partner-blogger .box-partner .mas-tamvan:before{background:#0177FA}#link-partner .link-partner-blogger .box-partner:last-child:after{content:'';position:absolute;bottom:-16px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:#0177FA;width:8px;height:8px;border-radius:50%;visibility:visible}@media (max-width:767px){#link-partner .link-partner-blogger .box-partner:last-child:after{bottom:-40px}}#link-partner .link-partner-blogger .box-partner a{color:#686868;text-decoration:none}#link-partner .link-partner-blogger .box-partner .mas-tamvan{width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid #0177FA;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;position:relative;z-index:1}#link-partner .link-partner-blogger .box-partner .mas-tamvan:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;border-radius:50%;-webkit-transition:background 0.3s cubic-bezier(0.175,0.885,0.32,1.275);transition:background 0.3s cubic-bezier(0.175,0.885,0.32,1.275);z-index:1}@media (min-width:768px){#link-partner .link-partner-blogger .box-partner .mas-tamvan:after{content:'';position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:32px;height:2px;background:rgba(1,119,250,0.25);z-index:-1}}@media (max-width:767px){#link-partner .link-partner-blogger .box-partner .mas-tamvan{position:absolute;top:0;left: 50% !important;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}}#link-partner .link-partner-blogger .box-partner .title-partner{margin:0}@media (min-width:768px){#link-partner .link-partner-blogger .box-partner .title-partner{margin:0 32px 0 0;text-align:right;width:400px}}@media (min-width:768px){#link-partner .link-partner-blogger .box-partner .deskripsi-partner{color:#a8a8a8;margin:0 0 0 32px;width:400px}}#link-partner .link-partner-blogger .box-partner:hover .mas-tamvan:before{-webkit-animation:pulse 1.5s infinite;box-shadow:0 0 0 0 rgba(90,153,212,0.5)}@-webkit-keyframes pulse{0%{-moz-transform:scale(0.9);-ms-transform:scale(0.9);-webkit-transform:scale(0.9);transform:scale(0.9)}70%{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);box-shadow:0 0 0 50px rgba(90,153,212,0)}100%{-moz-transform:scale(0.9);-ms-transform:scale(0.9);-webkit-transform:scale(0.9);transform:scale(0.9);box-shadow:0 0 0 0 rgba(90,153,212,0)}}</style> <!--HTML LINK PARTNER ARTIKEL AGAN--> <div id='link-partner'> <ul class="link-partner-blogger"> <li class="box-partner"> <h3 class="title-partner" ><a id='linkBlog' title='Blog Artikel Agan' href="https://artikelagan.com">Blog Mas dsTamvan</a></h3> <div class="artikel-agan"></div> <div class="deskripsi-partner">Kumpulan Tutorial Singkat Tentang Blogger, Tools Online Dan Tips Trik Lainnya</div> </li> <li class="box-partner"> <h3 class="title-partner"><a id='linkblog' title='Blog Artikel Agan' href="Masukan Link Partner Disini">Title Partner</a></h3> <div class="artikel-agan"></div> <div class="deskripsi-partner">Deskripsi Blog Partner</div> </li> </ul> </div> <!--JS LINK PARTNER ARTIKEL AGAN--> <script type='text/javascript'> //<![CDATA[ function downloadJSAtOnload(){var d=document.createElement("script");d.src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.18.2/TweenMax.min.js",document.body.appendChild(d)}function downloadJSAtOnload2(){var d=document.createElement("script");d.src="https://rawgit.com/mastamvan/backup/master/link-partner.js",document.body.appendChild(d)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload,window.addEventListener?window.addEventListener("load",downloadJSAtOnload2,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload2):window.onload=downloadJSAtOnload2; //]]> </script>
| Ganti Kode Ini | Contoh Dengan Data |
|---|
| Masukan Link Partner Disini | www.artikelagan.com |
| Title Partner | Blog Artikel Agan |
| Deskripsi Blog Partner | Berbagi Tutorial Blogger |
Jika kalian ingin menambahkan blog partner baru, silahkan tambahkan arahan dibawah ini sempurna di atas
</ul> 12345678 <li class="box-partner"> <h3 class="title-partner"><a id='linkblog' title='Blog Artikel Agan' href="Masukan Link Partner Disini">Title Partner</a></h3> <div class="mas-tamvan"></div> <div class="deskripsi-partner">Deskripsi Blog Partner</div> </li>
Untuk Tutorial Pemasanganya Cukup Gampang.. - Kalian tinggal masuk ke hidangan laman / halaman statistik
- Silahkan beri judul terlebih dahulu, biar urlnya sesuai dengan judul laman
- Setelah diberi judul, kalian paste arahan diatas tadi ke postingan. Tapi harus di mode HTML, jangan compose..
- Selanjutnya silahkan, tinggal tambahkan list link partner blog kalian di script itu
- Kalo sudah, tinggal save dan lihat hasilnya.
Nah Seperti Itu Lah Cara Membuat Link Partner Di Blog Mudah-mudahan dapat membantu kalian,jika ada yang kurang di mengerti dapat di tanyakan pada kolom komentar di bawah. Semoga Bermanfaat trimakasih.
Sumber https://infoandrocodax.blogspot.com/
