ediTEMP Cara mengembalikan letak share button pada template brosense v2 mas sugeng

Cara mengembalikan letak share button pada template brosense v2 mas sugeng

Anda pengguna free template alias template gratisan yang bernama Brosense buatan Mas Sugeng???,
dan apakah akhir akhir ini anda merasakan ada salah satu tampilan yang aneh ???.
serta hingga saat ini anda belum mampu mengatasinya ???

Kebanyakan di forum adalah keluhan atas hal bahwa beberapa hari terakhir tiba tiba tampilan share-buttons yang biasanya dan seharusnya berada di bawah posting, kini bertengger tepat diatas postingan ,pula dengan hamparan menutupi Judul Posting, bahkan sebagian atas awalan kata isi posting!!!!.

Mohon maaf ini blog http://kangadsense.blogspot.co.id yang secara kebetulan ediTEMP ambil image nya, ceritanya sebenarnya perihal diatas sudah agak lama ediTEMP lupakan, tapi ketika ediTEMP mampir ke blog tersebut sempat melihat keadaan share-button itu, jadi yang pikir punya pikir hal ini dijadikan posting saja, itung itung menambah pengharapan agar pengunjung blog yang supersepi ini bisa menjadi tambah sepi.




Tuh kan !!!, punya Kang Adsense contohnya, share-buttons bisa nangkring disitu, nutupin Judul dan sedikit bagian atas isi postingan. Jadi gak bagus kan ???

Banyak yang menanyakan via forum forum tentang bagaimana cara mengembalikan letak share-buttons tersebut ke posisi semula, dan banyak pula yang hingga kini masih tetap dalam kondisi mengharapkan jawaban dari para master.

Kemungkinan besar itu permasalahannya adalah terpengaruh oleh nama pembungkusnya, yaitu kata "share-buttons" yang terkena inherit css dari https:// www.blogger.com/ static/v1/widgets/ 434580396-css_ bundle_v2.css. Secara default disana tersetting "position:absolute"

Agar tidak terkena imbas inherit tersebut, sebenarnya cukup mudah, ubah saja ketikan "share-buttons" menjadi "shares-button" (huruf s dipindah) kata share menjadi shares dan kata buttons menjadi button, itu saja sudah cukup untuk melepaskan diri dari inherit css tersebut. Namun masalah lain pasti akan mengikuti langkah anda itu, karena beberapa setting css inherit diambil dari sana, sehingga tampilan juga akan berubah drastis. Disamping itu anda juga harus mengubah share-buttons menjadi share-button pada html nya. Mengubah nama pada css tanpa diikuti penyamaan nama pada html nya sudah jelas akan membuat tampilan akan semakin acakadut.

Apalagi bila hanya membuang huruf s pada (share-buttons menjadi share-button), maka akan terkena imbas html shareButton default blogger, yang muncul bukan yang diinginkan, melainkan share button default blogger dengan tampilan yang tidak karuan.

Solusi ringan adalah jangan rubah dan biarkan ia punya nama "share-buttons", tinggal kita menambahkan elemen css saja, css yang asalnya :




Tambah elemen "position:relative;" seperti ini :




Save template, dan lihat hasilnya .... tarararaaaa, pasti itu share-buttons sudah terjun bebas menuju tempat yang sebenarnya.

Sudah selesai ???
Bisa saja anda berkeputusan begitu, namun bila ingin bagian atas tampilan share button tidak terpotong, maka ubahlah nilai height yang asalnya "67px" menjadi "87px", baik yang pada share-button-box maupun yang pada share-buttons. dan jangan lupa tambah elemen "padding:10px;", yaaaah seperti ini laaaah


maaf pada image terteranya padding:6px, heheheheh lupa gak edit dulu langsung screenshot,

Dan bila ingin membuang garis tepi yang kayaknya mengurangi enaknya pandangan dimata, tambahkan saja elemen "box-shadow:none;"




Cukup sampai disitu saja kayaknya, kalau nasib lagi mujur pasti tampilan share-buttons tersebut akan sangat enak dinikmati....

Demikian pembahasan tentang Cara mengembalikan letak share button pada template brosense v2 mas sugeng yang bisa ediTEMP sajikan. Ralat, saran, masukan, kritik dan/atau pertanyaan, bisa disampaikan melalui kolom Komentar.

Belum ada Komentar

Poskan Komentar

Formulir Kontak

Nama

Email *

Pesan *