Postingan terkait:
Daftar isi:
Intro
Format URL default Blogger : Untuk penulisan URL dalam template HTML Blogger diperlukan format khusus, karena URL ini sifatnya secara otomatis menyesuaikan setiap halaman.
Sekedar menambah informasi saja, berikut ini atribut dari Platform Share dalam template HTML Blogger (Defaultmarkup ) :
data='{/*-- ID postingan --*/ sharingId : data:sharingId , /*-- URL postingan --*/ originalUrl : data:post.url , /*-- Platform berbagi --*/ platforms : data:this.sharing.platforms , /*-- URL berbagi --*/ shareUrl : data:post.shareUrl , /*-- Title postingan --*/ shareTitle : data:post.title ,
Karena kode bawaan template Blogger diatas rumit dan akan sulit dikustom, maka solusinya adalah membuat kode URL sendiri dengan format yang sudah ada dibawah ini.
Tombol Sharing Blogger
Seperti yang sudah dibahas, cara membuat tombol berbagi kali ini akan menjelaskan tentang penulisan URL pada tombol berbagi tersebut.
Dan sudah disinggung diatas bahwa penulisan URL didalam template HTML Blogger memerlukan kode khusus, yang otomatis menyesuaikan judul postingan. Karena postingan yang ada diblog pastinya banyak dan akan terus bertambah.
Berikut ini template kode URL yang bisa langsung dicopy paste saja, karena kode ini akan otomatis menyesuaikan judul, url ataupun ID postingan jadi tidak perlu mengubah apapun.
Template HTML URL berbagi.
<a
expr:data-url ='"
https://www.facebook.com/sharer.php?u =" +
data:post.url.canonical '
rel ='
nofollow '
title ='
Facebook '>Facebook</a>
<a
expr:data-url ='"
https://twitter.com/intent/tweet?url =" +
data:post.url.canonical + "&text=" +
data:post.title.jsEscaped '
rel ='
nofollow '
title ='
Twitter '>Twitter</a>
<a
expr:data-url ='"
https://api.whatsapp.com/send?text =" +
data:post.title.jsEscaped + " | " +
data:post.url.canonical '
rel ='
nofollow '
title ='
WhatsApp '>Whatsapp</a>
<a
expr:data-url ='"
https://www.linkedin.com/shareArticle? =" +
data:post.url.canonical + "&title=" +
data:post.title.jsEscaped '
rel ='
nofollow '
title ='
Linkedin '>Linkedin</a>
<a
expr:data-url ='"
https://reddit.com/submit?url =" +
data:post.url.canonical + "&title=" +
data:post.title.jsEscaped '
rel ='
nofollow '
title ='
Reddit '>Reddit</a>
<a
expr:data-url ='"
https://www.pinterest.com/pin/create/button/?url =" +
data:post.url.canonical + "&media=" +
data:post.featuredImage + "&description=" +
data:post.title.jsEscaped '
rel ='
nofollow '
title ='
Pinterest '>Pinterest</a>
<a
expr:data-url ='"
https://vk.com/share.php?url =" +
data:post.url.canonical '
rel ='
nofollow '
title ='
VK '>Vk</a>
<a
expr:data-url ='"
http://tumblr.com/widgets/share/tool?canonicalUrl =" +
data:post.url.canonical ' rel='nofollow'
title ='
Tumblr '>Tumblr</a>
<a
expr:data-url ='"
https://telegram.me/share/url?url =" +
data:post.url.canonical + "&text=" +
data:post.title.jsEscaped '
rel ='
nofollow '
title ='
Telegram '>Telegram</a>
<a
expr:data-url ='"
mailto:?subject =" +
data:post.title.jsEscaped + "&body=" +
data:post.url.canonical '
rel ='
nofollow '
title ='
Email '>Email</a>
Format URL default
XML Sharing URL
expr:href='data:post.sharePostUrl + "&target=blog"
expr:data-url='"https://www.facebook.com/sharer.php?u=" + data:post.url.canonical'
Postingan terkait : Membuat tombol Share,
Format URL common
HTML - URL
https://www.facebook.com/sharer/sharer.php?u=https://url-blog.html
