Dapat Ilmu Baru Lurrr.... Cara Menampilkan Gambar Thumbnail dan Deskripsi Website / Blog di Postingan Twitter Dengan Twitter Card. Yok Simak Lurr....!


Menjadi seorang blogger itu penuh cerita lurrrr.... Ada duka, lebih banyak sukanya. Hehehee... Eh serius ini. Soale Pustakawan Jogja ngeblogging ini bukan karena apa-apa lho lurr.... Karena memang Pustakawan Jogja ini suka nulis. Yaaaa meskipun tulisane acak-adul koyok ngene ya lur....

Salah satu duka yang Pustakawan Jogja rasakan (hiksss... sedih..) adalah (entah kenapa) Blog Pustakawan Jogja ini diblokir di FB. Setiap Pustakawan Jogja posting Blog ini di FB, selalu saja tidak dapat ditampilkan dan ada notice bahwa ini Blog berbahaya. (Duh.... Berbahaya apane ya Lur? Wong ini bukan blog propaganda teroris...). Jadi Pustakawan Jogja sekalian minta tolong ke dulur-dulur semua untuk membantu agar blog ini gak diblokir di FB. Caranya piye? Cukup posting salah satu link artikel dari blog ini ke status FB dulur-dulur semua, klik bagikan. Nanti akan ada notice pemberitahuan dari FB. Klik notice tersebut dan klik tinjauan. Agar link blog ini ditinjau oleh FB bukan sebagai link blog yang berbahaya. **Malah curhat ya lur.. Heheheee...

Oke kembali ke permasalahan yang ada di judul ini tadi. Oleh karena Pustakawan Jogja mengalami kendala dalam share informasi blog ini melalui Facebook, ahirnya Pustakawan Jogja kembali mengaktifkan akun Twitter yang sudah lamaaaaa nian kagak keurus. Akun Twitter nya adalah : @TeguhPras. Monggo kalau mau ngefollow lurr...!

Ahirnya, setelah akun twitter Pustakawan Jogja @TeguhPras tadi aktif, Pustakawan Jogja mulai posting-posting tautan artikel blog ini via akun twitter @TeguhPras tersebut lur.... Awalnya Pustakawan Jogja merasan aneh... Lha kok gak bisa muncul Gambar Thumbnail dan Deskripsi Blog Pustakawan Jogja di tampilan twitt tersebut. Kalau di FB kan otomatis tertampil.

Ahirnya jadilah Pustakawan Jogja mencari-cari caranya lurrr.... dan Alhamdulillah ketemu. Dan caranya pun tidak susah ternyata lur.... Yok simak!

CARA MENAMPILKAN GAMBAR THUMBNAIL DAN DESKRIPSI WEBSITE / BLOG DI POSTINGAN TWITTER DENGAN TWITTER CARD

Apa itu Twitter Card? Banyak lurr Website atau Blog yang menjelaskan hal ini. Tapi Pustakawan Jogja akan sedikit saja memberikan gambaran. Twitter Card adalah salah satu fasilitas dari Twitter untuk menampilkan tautan/link dari sebuah blog/website dengan tampilan gambar dan deskripsi blog/websitenya. Jadi gak cuma baris-baris tulisan link lurrr... tapi nanti ada gambarnya. Luwih apik jadinya. 

Naaaah... Carane pripun? 

Gini... Tinggal kopas aja kode ini lur.... Buka dashboard blogger dan edit HTML blog njenengan lurr... Letakkan kode berikut ini DI ATAS </head>
Ini kodenya lur.... Langsung kopas aja.

<!-- Twitter Card by pustakawanjogja.blogspot.com -->
<meta content='summary_large_image' name='twitter:card'/>
<meta content='@teguhpras' name='twitter:site'/>
<meta content='@teguhpras' name='twitter:creator'/>
<b:if cond='data:view.isHomepage'>
<b:if cond='data:view.isPost'>
<b:if cond='data:view.isPage'>
<meta expr:content='data:blog.title' name='twitter:title'/>
<meta expr:content='data:blog.title' name='twitter:image:alt'/>
<b:if cond='data:blog.pageName'>
<meta expr:content='data:blog.pageName' name='twitter:title'/>
<meta expr:content='data:blog.pageName' name='twitter:image:alt'/>
</b:if></b:if></b:if></b:if>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' name='twitter:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' name='twitter:image'/>
<b:else/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpIh2xS9JR64G6F7lcGUAU1kDlKGvXPAX9nE8hVkQJIfiOcFkcsvxgCzDfy3nw6CBh2EmrNTYyRiMzaHlwIDNh7aHUYU9YiEDYwi4Ygr3VW2gkBLUTQjll2TelD9-y3MZCG5ygU4lTyVBw/s1600/Teguh+%25282%2529.jpg' name='twitter:image'/>
</b:if></b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='twitter:description'/>
<b:else/>
<meta expr:content='data:post.snippet' name='twitter:description'/>
</b:if>

Itu kodenya lurr.... tapi jangan lupa.. Setelah kode tersebut dikopas DI ATAS </head> , ada beberapa yang perlu dirubah, yaitu :

  1. @teguhpras (dua buah, yang saya blok merah itu) silahkan ganti dengan username Twitter dulur-dulur sekalian. Jangan lupa pakai @ yaaaa, misal : @TeguhPras.
  2. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpIh2xS9JR64G6F7lcGUAU1kDlKGvXPAX9nE8hVkQJIfiOcFkcsvxgCzDfy3nw6CBh2EmrNTYyRiMzaHlwIDNh7aHUYU9YiEDYwi4Ygr3VW2gkBLUTQjll2TelD9-y3MZCG5ygU4lTyVBw/s1600/Teguh+%25282%2529.jpg' name='twitter:image Ganti link ini dengan link gambar yang akan muncul di homepage blog/website njenengan. Jika njenengan membagikan tautan artikel, maka otomatis yang muncul adalah gambar artikel njenengan. Tapi jika yang njenengan share itu adalah link homepage blog/website, maka yang akan muncul adalah gambar dari link tersebut di atas.

Naaaah gitu ya lurrr...!!!

Lalu bagaimana cara validasinya biar kita tahu apa langkah-langkah kita tadi sudah benar? Tunggu artikel selanjutnya ya lurr....!! ^_^

Semoga bermanfaat.

Post a Comment

0 Comments