3/21/2017

Widget Share Google Short URL Blog

السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ

Baca Juga

Cara Membuat Share Short URL Blog, Share Short URL Blog, Share Short URL Blog Valid AMP, Share Short URL Blog Ala Kompi Ajaib - Membuat sebuah widget Merupakan hal yang diinginkan oleh para user website terutama hal tersebut dinyatakan agar lebih para pengunjung agar lebih antusias jika melihat sebuah widget tersebut terutama widget yang dianggap penting untuk kepentingan para pengunjung tentunya.

Widget widget yang dianggap perlu untuk para pengunjung pun dalam fitur tampilan sebuah website tidak lah terbilang hanya satu maupun dua saja, melainkan fitut fitur yang membuat pengunjung agar lebih mudah itu, banyak sekali widget widget yang dibangun dalam sebuah website terutama, diantaranya seperti :


  • Widget Popular Post, widget Popular post ini memang benar salah saty bagian yang dimana untuk memudahkan oara pengunjung yang dimana pula agar pengunjung tersebut akan lebih mudah mengetahui jumlah jumlah postingan terpopuler dalam sebuah website tersebut.
  • Widget Label, yang kedua label, label pun widget kedua yang dianggap memberikan kemudahan para pengunjung agar lebih mengetahui kategori kategori artikel terkait tertentu dalam website tersebut.
  • Recent Post, yang ketiga recent post, recent post merupakan widget yang tidak berbeda dengan widget popular post, recent post pun akan memberikan posting posting tertentu yang dimana recent post akan memberikan sejumlah artikel Artikel terbaru dalam sebuah website.
  • Related Post, Keempat Related Post, related post ini tidak lah berbeda dengan widget popular post dan recent post sebelumnya, yang dimana akan meberikan list (daftar) postingan postingan artikel dalan suatu website yang dimana related post ini akan merinci beragam posting terkait maka biasa dinyatakan related post merupakan fitur yang memberikan artikel terkait.
  • Widget Share Button, widget share button ini merupakan fitur yang terpenting dalam membantu sebuah website yang dimana agar pengunjung dapat membagikan artikel postingan dalam website tersebut baik itu share button sosial media dan share button Google short URL.
  • Dan masih banyak widget widget lainnya yang untuk memudahkan pengunjung.


Nah di kali ini AA Sciences akan memberikan sebuah widget share button yang dimana share button ini dibagikan untuk mendapatkan URL dalam sebuah website tertentu untuk Mendapatkan URL dalam short URL tersebut.

Widget google short URL ini merupakan widget share button salah satu yang AA Sciences anggap penting yang dimana kalian menggunakan nya dengan mudah hanya cukup mengambil URL tersebut hanya dengan mencopy URL pada widget Google short URL tersebut yang akan memudahkan pengunjung.

Bagaimana, kalian sudah penasaran bukan mengenai pembuatan nya ?
Jika ia maka langsung saja simak tutorial pembuatan Widget Google Short URL di Blog di bawah ini :

Cara Membuat Widget Share Button Google Short URL di Blogger




  • Pastikan kalian sudahlah Login terlebih dahulu pada akun Blogger kalian.
  • Template - > Edit HTML - > CTRL+F (untuk memudahkan pencarian) lalu cari kode ]]></b:skin> atau dapat juga kode </style> atau tag tertentu yang ingin kalian terapkan.
  • Jika sudah ditemukan kode ]]></b:skin> atau </style> nya tadi, langsung saja kalian Salin kan Script CSS/Adsense Valid AMP di Blogger nya di bawah ini tepat sebelum tag ]]></b:skin> atau </style> atau tag AMP tertentu seperti halaman yang diinginkan, berikut CSS nya :


/* CSS Short URL */
.shortener-box amp-iframe{height:45px}
.loading-shorturl,.menu-wrapper,.onpost,.postmeta,.related-post,.sharetitle,.shorturls,.underpost,h3.date-header{display:none}


Kalian dapat mengubah jarak tinggi nya dengan tag {height:45px} diatas

  • Selanjutnya, pembuatan agar Google Share short URL nya tampil responsive, maka masukkan saja langsung script responsive share short URL di bawah ini, terapkan tepat sebelum ]]></b:skin> atau </style> atau tag AMP tertentu , berikut script CSS responsive nya :


@media screen and (max-width:414px){.shortener-box amp-iframe{height:45px}
}
@media screen and (max-width:375px){.shortener-box amp-iframe{height:60px}
}



  • Masih selanjutnya, yakni pemanggil agar widget google share short URL nya agar tampil sempurna, maka langsung saja masukkan script HTML nya di bawah ini, lalu pasang tepat sebelum tag script <data:post.body> atau tag yang dimana tepat sesudah kolom postingan kalian, berikut script HTML pemanggil nya :


<div class='shortener-box'>
<amp-iframe expr:src='&quot;https://cdn.rawgit.com/KompiAjaib/FileX/master/url-shortener.html?api=AIzaSyA1BjfDWDjS0pRSZNuDUDCecQ2PqAwh-bw&amp;url=&quot; + data:blog.canonicalUrl' frameborder='0' height='30' layout='responsive' sandbox='allow-scripts allow-same-origin allow-modals allow-popups' width='747'>
</amp-iframe>
  </div>
<div class='clear'/>



  • Dan yang terakhir, langsung saja Simpan Template dan lihat hasilnya.

Artikel Terkait

Seorang Pelajar yang Ingin Berbagi Ilmu Pengalaman yang diketahui nya kepada seluruh Umat Manusia, dan Semoga Ilmu yang ia bagikan tersebut bermanfaat. Amin


================================================================
~ Jika ingin men Copy Paste harap masuk kan sumber link artikel saya di postingan sobat
~Dilarang Berkomentar link aktif , jika ada yang memasuk kan link aktif maka kami akan Hapus dan kami anggap Spam
~ Komentar lah dengan Bahasa yang Baik dan Relevan dengan sesuai artikel terkait tersebut . Terimakasih
================================================================
EmoticonEmoticon