Centered Embedded Tweets With Css
Centered Embedded Tweets With CSS - Seperti kita ketahui, jikalau kita membubuhkan embedded tweets pada postingan blog kita, maka posisinya akan selalu berada di sisi kiri.
Tentunya hal ini menciptakan sebagian orang merasa kurang nyaman dikala melihat embedded tweets ini berada di sisi kiri postingan, mereka lebih bahagia jikalau embedded tweets ini berada di tengah atau center.
Nah jikalau Anda yakni salah satu dari orang yang merasa kurang nyaman dikala melihat embedded tweets ini selalu berada di sisi kiri, maka silahkan simak caranya untuk menciptakan embedded tweets ini berada di tengah-tengah halaman postingan.
Sebenarnya di Google sudah ada beberapa tutorial yang membahas dilema ini. Dan trik menciptakan embed tweets ini berada di tengah pun cukup mudah. Namun hal ini hanya berlaku untuk satu embed tweets saja.
Sebagai contoh, contohnya arahan embedded tweets menyerupai berikut:
<blockquote class="twitter-tweet" lang="en"><p>Merubah Blockquote Tag Menjadi Pre Code Tag Dengan Jquery <a href="http://t.co/ukwrWlwiRg">http://t.co/ukwrWlwiRg</a></p>— Adhy Suryadi (@KompiAjaib) <a href="https://twitter.com/KompiAjaib/status/530258734765723648">November 6, 2014</a></blockquote>
Untuk menciptakan embedded tweets ini berada di tengah-tengah, maka kita hanya perlu menambahkan kode
tw-align-center pada class="twitter-tweet" sehingga menjadi class="twitter-tweet tw-align-center". Source: http://blog.hubspot.com/blog/tabid/6307/bid/34273/How-to-Center-Align-Your-Embedded-Tweets-Quick-Tip.aspx
Namun bagaimana untuk embedded tweets lainnya yang sudah kita bubuhkan ke dalam postingan-postingan sebelumnya? Bisa saja kita mengedit postingannya kemudian menambahkan arahan tadi. Tapi bagaimana jikalau postingan yang menyertakan embedded tweets sudah banyak?
Nah jikalau halnya demikian, kita dapat menciptakan semua embedded tweets ini berada di tengah-tengah tanpa harus mengeditnya satu per satu.
Silahkan tambahkan arahan CSS di bawah ini ke edit HTML blog.
.twitter-tweet{margin:10px auto!important;} Save template dan kini silahkan cek semua postingan yang menyertakan embed tweets.
Dan perlu diketahui bahwa embedded tweets ini sudah responsive sehingga cocok untuk ditambahkan ke postingan blog yang responsive.
Sebagai contoh, di bawah ini yakni embedded tweets dari arahan embed di atas dengan memakai arahan CSS supaya berada di tengah postingan (tidak memakai arahan
tw-align-center).
0 Response to "Centered Embedded Tweets With Css"
Posting Komentar