01 Juni 2012
Pembaca yang terhormat, mengingat tidak sedikit dari artikel pada blog ini yang berhubungan dengan materi ulasan yang terkait dengan kustomisasi template, maka apabila Anda mengalami kesulitan dalam mengimplementasikan setiap cara, teknik, dan atau trik yang diulas, dibahas, dan atau diuraikan dalam artikel tertentu, silakan ajukan pertanyaan terkait dengan kesulitan yang Anda alami dengan memanfaatkan kolom komentar yang terdapat di bawah artikel ini. Disamping itu, untuk mempermudah pembahasan dan pemahaman, maka pertanyaan juga dapat langsung Anda sampaikan melalui kolom komentar yang terdapat pada masing-masing artikel.
Dengan menyadari bahwa tidak semua dari kita memiliki kemampuan yang sama dalam memahami dan kemudian mengimplementasikan setiap cara, teknik, dan atau trik yang diuraikan dalam artikel yang ada, maka harapan saya dengan adanya pertanyaan atas kesulitan yang Anda alami dalam mengimplementasikan setiap cara, teknik, dan atau trik yang diulas, dibahas, dan atau diuraikan dalam artikel tersebut akhirnya dapat membantu mempermudah Anda (pada khususnya) dan juga pembaca lain (pada umumnya) dalam melakukan implementasi atau penerapan pada blog yang dikelola.
Namun demikian saya harapkan pula agar pertanyaan yang Anda sampaikan tidak keluar dari topik yang ada. Sehingga apabila pertanyaan yang Anda sampaikan tidak ada sangkut pautnya atau tidak ada hubungannya sama sekali dengan topik yang dibahas dalam setiap artikel, maka dengan sagala hormat saya mohon maaf jika tidak dapat membalas dan atau memberikan jawaban atas pertanyaan tersebut.
Sedangkan untuk pertanyaan yang ada hubungannya dengan ulasan materi atau topik dalam setiap artikel yang diterbitkan di blog ini, maka (sebatas dengan kemampuan yang saya miliki) saya akan berusaha membalas dan atau memberikan jawaban atas permasalahan yang ditanyakan. Akan tetapi apabila ternyata saya pun tidak dapat memberikan jawaban sebagai solusi atas pertanyaan yang Anda sampaikan, maka dengan segala hormat saya juga mohon maaf karena saya tidak lebih hanyalah manusia biasa dengan segala keterbatasan ilmu, pengetahuan, wawasan, dan juga pemahaman.
Selain itu, saya juga sangat menghargai partisipasi aktif Anda dalam memberikan masukan, saran, dan atau kritik yang membangun dengan harapan agar kedepannya dapat menjadikan saya lebih baik lagi dalam menyampaikan informasi atau materi untuk setiap artikel yang saya terbitkan di blog ini.
Sekian, terimakasih, dan semoga berguna serta bermanfaat.
Salam.
Ragam Tumbuhan 
Unik & Langka 
Aneka Buah 
Produk Sederhana 
Karya Seni 
Tempat Wisata 
Ragam Kegiatan 
Aneka Bunga 
Hewan & Serangga
Terdapat 335 komentar pada artikel ini ▶
@Agri Ahyar PrasetyaSobat, sebelumnya mohon maaf atas keterlambatan saya dalam membalas pertanyaan ini.
Jadi begini, terkait dengan pertanyaan tersebut (dalam hal ini adalah tentang cara membuat desain blog yang responsif), Sobat dapat mempelajarinya dengan melihat @media query pada template yang telah saya share berikut ini.
DOWNLOAD ELTELU V1.0 TEMPLATE Dengan Dukungan Fitur Custom Mobile Dan Responsive Design
Karena template yang telah saya bagikan tersebut telah memiliki dukungan fitur responsive dan juga mobile design.
Semoga dapat membantu. :)
kang saya mau nanya,ini ttg bidang posting yg agan share itu,sy kn setting posting ny cm 8 post di berandanya,tapi knp pas pilih salah satu label si bidang posting artikelny jd banyak,20 posting di berandanya?gk jd 8? mohon maap kalo pertanyaan saya kurang jls,krna bingung nanyainnya. semoga kang eltelu bisa memahaminya...mohon responya...
@KudhenYup, betul sekali Sob. Jadi berapapun setelan jumlah posting yang ditampilkan di beranda, maka jika diklik salah satu label akhirnya jumlah posting maksimal yang ditampilkan dalam satu halaman (secara default) adalah 20 postingan (dan ini berlaku untuk tampilan versi web maupun seluler. Jadi intinya setelan jumlah posting yang ditampilkan di beranda (home page) adalah sesuai dengan setelan yang telah kita tentukan sebelumnya (misal 8), sedangkan jumlah postingan yang ditampilkan di halaman pencarian posting berdasarkan label, maksimal adalah 20 (jika dalam satu kategori atau label memiliki lebih dari 20 judul artikel). Sehingga dengan demikian dapat diartikan bahwa antara halaman yang menampilkan 8 posting dengan 20 posting tersebeut sebenarnya tidaklah sama. Dimana halaman yang menampilkan 8 posting adalah 'home page' sedangkan halaman yang menampilkan 20 posting adalah 'halaman pencarian berdasarkan label'. Sekian dan semoga uraian tersebut mudah dimengerti. :)
yup saya mengerti kang.. tapi gimana caranya supaya perlabelny gk jd 20,mislny jd 10 gitu...saya seach di goole katanya pkai kode ini emg sih ampuh tuh kode,tapi jd gk ada new post sama older post gitu pas saya klik labelnya.. apa mungkin teplateny kyk gitu y??
'data:label.url + "?max-results=10"'
kang biar lebih jlas cek y di blog saya,trus klik salah satu label. yg jd mslhnya adalah setelah klik label gk ada post new beranda dan posting lama yg biasa terdapat pd blog2 gitu.. solusinya gmn kang?
mlm gan mohon bimbingannya.. sya sdah pake template eltelu v1 versi mobile. gmna cara menambahkan tombol berbagi ke facebook? thanks atas bantuannya.. sukses slalu..
@KudhenSob, sebelumnya mohon dimaaf bila saya baru bisa jawab pertanyaan ini.
Oh ya, kebetulan tadi juga sudah saya cek, dan sepertinya tidak ada masalah gitu kok dengan beranda ataupun new post.
@Wong TasikmaduSobat, kaitannya dengan tombol berbagi facebook sebenarnya sudah ada kok. karena kebetulan tombol berbagi yang digunakan dalam template tersebut adalah tombol berbagi standar seperti halnya pada template standar Blogger.
Jadi, menurut saya tidak perlu ditambahkan tombol berbagi facebook lagi.
@adi muhammadSobat, satu hal yang perlu diingat adalah bahwa sebagian besar tutorial yang saya terbitkan di blog ini adalah mengacu pada penggunaan template standar Blogger.
Dengan demikian maka apabila diterapkan secara benar pada template standar Blogger, maka dapat dipastikan bahwa hasil yang didapatkan adalah sesuai dengan yang semestinya.
Namun apabila diterapkan pada custom template, maka belum tentu akan didapatkan hasil yang optimal.
Sekian dan salam. :)
iya kang skg gk ada mslh,aku gnt template ny kang.. oh iya bisa minta tolong buatin template custom mobile di template yg sy pkai ini gk?? sebagai upahnya nanti aku kasih pulsa.. maap sebelumnya kang,bukan apa2 mksd sy y?saya berminat untuk mengganti biaya akses internet yg akang buatin custom mobile temlate sy ini..gmn kang?? saya tunggu respone ny lg.. Terima kasih sebelumnya..
@KudhenHwaduh, sebenarnya sih bisa saja Sob. Tapi berhubung banyaknya kesibukan terkait dengan pekerjaan kantor, jujr saja saya tidak sanggup karena takutnya kalau nanti malah gak bisa selesai.
Jadi untuk sementara saya mohon maaf bila belum dapat memenuhi permintaan Sobat.
gan cara ngubah spasi jarak sub menu 1 ke sub menu 2 itu gimana. .
@Affary Gate'SHwaduh, sayang sekali Sobat tidak menyebutan blog yang Sobat kelola, sehingga akhirnya saya tidak dapat melakukan pengecekan secara langsung untuk memberikan solusinya.
Apalagi ketika saya buka Blogger Profil Sobat, ternyata Blogger Profil pun tidak tersedia karena yang muncul adalah pesan seperti di bawah ini:
Profil Tidak Tersedia
Blogger Profil yang Anda minta tidak dapat ditampilkan. Banyak Blogger pengguna belum memilih untuk berbagi secara umum Profil mereka.
Apabila Anda adalah seorang pengguna Blogger, kami menyarankan Anda untuk mengaktifkan akses ke Profil Anda
Sehingga saya pun juga kesulitan untuk memberikan jawaban bila tidak mengetahui kasusnya secara langsung.
Jadi bagaimana bila Sobat beritahukan dulu alamat blognya agar saya dapat melakukan pengecekan, sehingga dapat memberikan jawaban yang tepat untuk kendala tersebut di atas.
gan ane dah nyoba tapi koq gakeluar tampilan tersesuai tapi yang ada khusus
@mohammad gufronSetelan Blogger sekarang memang sudah mengalami banyak perubahan, Sob.
Dulu pilihannya adalah 'Tersesuai' dan sekarang telah berubah menjadi 'Khusus'.
Sob, saya menggunakan template Eltelu V.1.0 , dan yang mau saya tanyakan : "Bagaimana cara menampilkan Tombol (Post baru, beranda, post lama) yang berada di bawah postingan, supaya muncul pada homepage/beranda!!
@Denz AhmadEdit template, kemudian cari bagian berikut ini, Sob.
<b:includable id='mobile-nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:blog.pageType == "item"'> Hapus Bagian Ini
<div class='mobile-navigation-area'>
------------ Di Sini Terdapat Rangakaian Kode ------------
</div>
</b:if> Hapus Juga Bagian Ini
</div>
<div class='clear'/>
</b:includable>
Selanjutnya hapus bagian yang saya tandai dengan huruf tercetak tebal di atas.
sob, saya sudah tambahkan kolom widget yang di kiri dan kanan, dan apakah bisa di pakai untuk iklan baris?
Yang kedua, mungkin kolom itu khusus untuk iklan banner!
Supaya bisa muat iklan semacam flas bagaimana?
Soalnya tadi saya pasang iklan flas, ada sih ada tapi gak bisa di klik!
Mohon bantuannya, terimakasih
oh ya sob,, maaf banyak nanya!!
cara membuat daftar isi seperti sobat gimana??
Mas jika saya ingin merubah (baca selengkapnya) sejajar dengan Categories kode mana yang harus dikerjakan karena saya sudah otak atik berdasarkan langkah2 diatas atau artikel terkait, belum juga berhasil..!
http://gioakram13.blogspot.com/
Mas HELP ME,,,,,,
Gimana sich mas caranya memasang widget Google Custom Search pada menu tab?
Udah berbagai cara ane coba tapi hasilnya tetap tidak ada yang sesuai. Udah muter2 di mbah google ternyata tidak nemu2 juga, sedangkan mas dulu pernah menerapkannya pada template sebelumnya. Mungkin memang cuma mas saja yang baru menerapkannya dan mungkin baru mas yang bisa menerapkannya, ato mungkin yang lain belum ada yang mau berbagi.
@Denz AhmadWahhhh, kalau untuk iklan baris, jujur saja saya sendiri juga belum pernah mencobanya Sob. Karena desain awal memang sengaja dibuat untuk iklan dalam bentuk banner,
Kemudian untuk yang kedua: 'kenapa kok tidak bisa diklik?' Karena pengaturan link (dalam CSS) memang juga dibuat relative. Sehingga kalau misalnya halaman di-scroll ke bawah, maka secara otomatis link akan bergeser ke atas.
Jadi agar posisi link menjadi tetap (sesuai dengan ukuran lebar gambar dan dapat diklik walaupun telah di-scroll), maka posisi link harus dibuat fixed (tetap).
Nah, terkait dengan cara membuat posisi link menjadi tetap, seingat saya dulu sudah pernah ada yang enanyakan dan kemudian juga sudah saya berikan uraiannya dalam kolom komentar artikel yang membahas tentang hal tersebut. Sehingga terkait dengan hal tersebut, silakan Sobat lihat pada kolom komentar.
@Denz AhmadTidak apa-apak kok. Selama saya bisa, maka saya akan berusaha memberikan uraian jawaban untuk setiap pertanyaan.
Dan kemudian terkait dengan cara pembuatan daftar isi seperti yang digunakan di blog ini, sebenarnya sudah banyak sekali artikel yang mengulasnya. Jadi Sobat bisa searching untuk menemukannya.
Sementara itu saya sendiri memang segaja tidak menerbitkan artikel tentang pembuatan daftar isi seperti ini. Alasannya tentu saja karena sudah banyak artikel blog yang mengulas tentang hal tersebut.
Sehingga kalau saya mengulasnya, bisa-bisa malah akan menjadi sebuah duplikat konten.
@gio akramSetelah saya lihat, sepertinya memang agak sulit, Sob. Hal ini disebabkan karena sepertinya Sobat menggunakan script autoreadmore.
Jadi apabila bagian 'baca selangkapnya' dipindah, maka sepertinya juga akan berpengaruh pada kontan yang ada di atasnya.
@Kang BunJadi gini, kebetulan saat tadi saya lihat, Google Custom Search kan sudah terpasang.
Nah, agar tampilannya menjadi lebih rapi, maka tinggal menambahkan sedikit CSS untuk menatanya.
Langkah-langkahnya kurang lebih begini:
Pertama, buka menu layout/tata letak.
Kedua, edit widget yang dipakai untuk memasang script Google Custom Search.
Ketiga, tambahkan CSS berikut ini di dalamnya (dalam hal ini bisa diletakkan tepat di atasnya </style>
#gsc-i-id1.gsc-input {height: 18px !important; font-size: 15px;}
form.gsc-search-box {font-size: 13px;margin: -4px;width: 100%;}
.gsc-input-box {height: 24px;} .gsc-results {width: 100%;}
.BlogSearch.section:first-child {margin-top: -1px;margin-right: 2px;}
.cse .gsc-control-cse, .gsc-control-cse {padding: 0px;max-height: 510px;overflow: auto; width: 99.6%;border:none;}
.gsc-search-box-tools .gsc-search-box .gsc-input {padding-right: 0px;} .main-inner {padding: 3px 0px 0px;}
.gsc-results .gsc-cursor-box {line-height: 2.2;}
Ketiga, simpan widget.
Selanjutnya coba Sobat lihat hasilnya dan apabila masih kurang sesuai maka Sobat bisa melakukan kustomisasi pada CSS di atas.
@AYAHE MELA Tak bosan2nya ane ucapin terima kasih sama mas, mas sudah banyak banget membantu para blogger newbie khususnya ane yang begitu banyak keinginan namun terbatas akan kemampuan. Ane hanya bisa membalasnya dengan doa, semoga saja semua amal perbuatan mas dibalas selebih2nya, semoga mas serta selalu dlam lindunganNya, dimudahkan dalam segala urusannya, dilancarkan dalam urusan rizkinya serta tidak lupa selalu diberikan kesehatan jasmani & rohaninya. Amiinn.
@Kang BunTerimakasih atas doa yang diberikan, Sob.Semoga saja demikian pula sebaliknya untuk Sobat. Amiinn.
sob kalau cara membuat suatu widget jadi fixed pada sidebar bagaimana?
seperti widget Like-Follow-Join Punya sobat yang berada di sidebar, ketika di scroll kebawah posisinya menjadi Fixed!
Bagaimana itu?
Terimakasih
@Denz AhmadKalau untuk membuat yang seperti itu, caranya cukup panjang dan agak sedikit rumit, Sob. Sehingga sepertinya agak repot juga kalau misalnya saya uraikan di sini.
Jadi, untuk mempermudah saya dalam memberikan uraiannya, silakan kirim ulang pertanyaan ini via email saja ke alamat email sesuai dengan yang tercantum di halaman kontak.
Untuk sementara sekian dan semoga dapat dimaklumi.
@AYAHE MELA memang sob di komen banyak keterbatasan!
tapi kenapa gak di posting saja supaya yang lain tau, hehe
okelah saya meluncur ke yahoo!
TERIMAKASIH
Maaf ganggu ni mas eltelu. Gini, saya ingin bertanya. hmmm... gimana ya cara menghapus seluruh area footer bawaan blogger khusus tampilan desktop saja?
Mungkin itu saja, mohon tanggapannya dari mas eltelu. trmksh :)
@Agri Ahyar PrasetyaKalau untuk menghilangkan bagian footer sih sebenarnya dapat dilakukan dengan cara menghapus bagian berikut ini, Sob.
<footer>
-- rangkaian kode -
</footer>
Atau dapat pula dilakukan dengan cara memasukkannya ke dalam tag komentar sehingga menjadi seperti di bawah ini.
<!--
<footer>
-- rangkaian kode -
</footer>
-->
Akan tetapi konsekwensinya dengan menggunakan cara tersebut maka bagian footer untuk tampilan versi seluler pun akan hilang. Sehingga salah satu alternatif yang dapat dipakai adalah dengan menggunakan fungsi kondisional IF yang disediakan oleh Blogger, seperti yang saya uraikan dalam artikel ini.
Jadi, apabila menggunakan fungsi kondisional IF tersebut maka kurang lebih rangkaian kode akan menjadi seperti ini.
<b:if cond='data:blog.isMobile'>
<footer>
-- rangkaian kode -
</footer>
</b:if>
Sehingga footer hanya akan ditampilkan pada tampilan versi seluler saja.
Namun demikian perlu diketahui bahwasanya saya sendiri juga belum pernah mencoba menerapkan teknik tersebut (dalam hal ini adalah menghilangkan bagian footer untuk tampilan versi web, karena selama ini saya selalu menampilkan footer untuk tampilan versi web maupun tampilan versi seluler).
Semoga dapat membantu.
CMIIW.
Sobat, sebenarnya saya juga masih dalam taraf belajar. Sehingga jawaban atas pertanyaan yang Sobat ajukan, kurang lebih adalah sebagai berikut:
Saya mau nannya
kan waktu saya perigi ke edit Html kenapa ga ada baacn kaya ]]</Body kaya gitu
ditunggu jawabannya
MAKASIH
@ilham gunawanMenurut sepengetahuan saya, kalau ]]</Body memang tidak ada, Sob. Yang ada adalah <body> dan </body>.
@AYAHE MELATerimakasih atas tanggapannya mas Eltelu :)
Setelah saya coba, dengan cara menghapus kode rangkaian
samapai ternyata ada beberapa kode lagi yang msti kita hapus. Namun, saya lebih memilih cara menyembunyikan footer pada tampilan versi desktop sesuai dengan arahan mas eltelu ajarkan ke saya. Sekali lagi terimakasih atas ilmunya mas Eltelu! :)
@Agri Ahyar PrasetyaSama-sama, Sob. :)
kembali lagi untuk bertanya,,
sob dulu sobat waktu pertama pakai template blogger, yang mana ya??
@Denz AhmadPertama kali ngeblog, saya menggunakan template 'Picture Window', Sob. Dalam hal ini tepatnya adalah template yang screenshot tampilannya seperti yang ada dalam artikel ini.
@AYAHE MELA Jadi Yang Sobat Modifikasi Selama ini Template Picture Window ya?
Sob, tau gak caranya membagi dua header template standar buat space iklan?
seperti template-template yang lainnya!
@Denz AhmadBetul sekali Sob. Banyak sekali pelajaran berharga yang saya dapat dari template standar Blogger (Picture Window) sampai akhirnya saya putuskan untuk menyusun dan membuat template sendiri seperti yang saat ini saya pakai.
Untuk membagi header menjadi beberapa bagian, pada prinsipnya dapat dilakukan dengan menambahkan section baru dalam area header.
Sebagai contoh paling sederhana misalnya adalah seperti yang pernah saya uraikan dalam artikel berikut ini:
Cara Memasang Gambar Logo Atau Ikon Blog Di Sisi Bagian Kanan Header
Nah, apabila Sobat membuka dan kemudian mempelajari uraian yang saya paparkan dalam artikel tersebut, maka Sobat akan mendapati bahwasanya pemasangan gambar (logo) yang saya uraikan dalam artikel tersebut sebenarnya juga dilakukan dengan cara membagi kolom header menjadi 2 (dua) bagian terlebih dulu.
Sehingga dengan menggunakan teknik seperti itu pun sebenarnya juga dapat dipakai untuk melakukan pemasangan banner iklan pada header.
Akan tetapi karena ukuran iklan biasanya lebih lebar, maka tentunya ukuran lebar untuk header kiri dan kanan pun tentunya harus disesuaikan.
Sebagai gambaran misalnya kalau untuk pemasangan gambar (logo) pada artikel tersebut lebar header sebelah kanan kiri adalah ==> width: 78%; dan header sebelah kanan adalah ==> width: 20%; maka apabila header kanan ingin digunakan untuk pemasangan iklan maka secara otomatis lebar header bagan kanan (width: 20%;) harus disesuaikan dengan ukuran iklan yang nantinya akan dipasang.
Untuk sementara sekian dan silakan Sobat pelajari terlebih dulu. Dan apabila nantinya Sobat masih mengalami kesulitan, maka InsyaAllah saya siap membantu. :)
Salam Blogger, Kak..
Saya sangat terbantu dengan postingan-postingan kakak.
Banyak hal yang bisa saya pelajari di sini, yang tidak saya dapatkan di tempat lain, apalagi kakak juga aktif membalas pertanyaan-pertanyaan yang ada.
saya baru belajar di blogger, kak. blog saya http://nara-reba.blogspot.com.
ada sedikit masalah yang saya rasa cukup mengganggu, kak, yakni tentang loading blog yang terasa lambat, padahal contentnya tidak banyak.
mohon dibantu penjelasanya, kak.
terimakasih sebelumnya.
@Nara RebaSalam Blogger Sobat.
Oh ya, sebelumnya mohon maaf bila ada keterlambatan saya dalam menanggapi komentar ini, karena komentar ini sebelumnya masuk ke kotak spam. Sementara itu saya sendiri cukup jarang membuka kotak spam.
Kemudan terkait dengan loading (penayangan blog) yang terasa cukup lambat, saya rasa banyak sekali faktor yang mempengaruhi, Sob.
Sebagai contoh dari beberapa faktor yang saya maksud misalnya adalah widget. Pemasangan widget yang berlebih (terutama widget dari pihak ketiga) bisa juga mengakibatkan pada lambatnya penayangan, karena dengan semakin banyak widget pihak ketiga yang terpasang maka secara otomatis semakin banyak pula http request yang dilakukan. Oleh sebab itulah kaitannya dengan pemasangan widget, sangat disarankan agar memasang widget yang memang dirasa penting dan sangat diperlukan saja. Sementara itu untuk widget yang sifatnya hanya sebagai hiasan, saya rasa lebih baik dikurangi penggunaannya, atau bahkan kalau bisa tidak usah digunakan juga tidak jadi apa.
Contoh berikutnya adalah penggunaan JavaScript. Dalam hal penggunaan JavaScript, usahakan lebih diminimalkan penggunaannya, dan kalau memungkinkan pasanglah JavaScript di akhir bagian template.
Selanjutnya adalah gambar. Terkait dengan gambar, kalau bisa usahakan untuk dikompresi, sehingga dengan gambar yang telah terkompresi maka secara otomatis ukuran akan menjadi lebih kecil sehingga proses penayangan gambar pun menjadi lebih cepat.
Selanjutya karena faktor yang terkait dengan hal tersebut saya rasa masih cukup banyak dan tidak mungkin saya jelaskan satu per satu, maka Sobat dapat mencoba untuk melakukan penelusuran lebih lanjut, karena menurut sepengetahuan saya banyak sekali artikel yang menyajikan ulasan tentang cara mempercepat loading atau penayangan halaman blog.
Sekian dan semoga dapat membantu. :)
Ayahnya mela, apa kabar :)
saya ingin menanyakan kenapa saya tidak bisa membuat komentar di blog saya sendiri ya? padahal saya sudah log in blogger dan email gmail juga..
masalah ini saya alami 3 hari belakangan ini.
Saya koment di blog orang juga tidak bisa seperti biasa jika menggunakan akun google ataupun open id..
padahal biasanya bisa lho..
tapi saya buka komentar ayah ini, saya melihat ada nama saya pada akun google. pada blog teman lain tidak ada.. makanya saya meninggalkan jejak disini yah.
apa pengaruh terhadap setting komentar ya.. kalau di blog saya dan teman yang lain itu "disematkan".. kalau di blog eltelu ini kan "buka jendela baru" yaaa..
hehee..
saya coba dulu yah. jika ayah mela punya jawaban tolong yaa dibagi
makasi sebelumnya
@Andie ShinigamiKabar baik Sobat. :)
Setelah saya lakukan pengecekan dengan cara mengeposkan sebuah komentar pada salah satu artikel yang Sobat terbitkan, ternyata ketika saya klik tombol 'Publikasikan' yang terjadi malah error (dalam hal ini artinya komentar yang saya publikasikan tidak dapat tersimpan). Dan sepertinya hal tersebut terjadi bukan karena setelan 'Lokasi Komentar' yang 'Tersemat' ataupun 'Jendela munculan', akan tetapi disebabkan karena setelan 'Siapa yang dapat mengomentari' karena pesan error yang ditampilkan adalah 'Komentar pada blog ini dibatasi untuk anggota tim'.
Sehingga terkait dengan hal tersebut saya sarankan agar Sobat melakukan peninjauan pada setelan 'Pos dan komentar' untuk bagian 'Komentar' > 'Siapa yang dapat mengomentari?' dan pastikan bahwa setelan yang Sobat gunakan bukan pilihan 'Hanya anggota blog ini'. Maksud saya coba ubah setelannya menjadi 'Semua orang', 'Pengguna terdaftar', atau 'Pengguna dengan Akun Google'.
Semoga dapat membantu dan CMIIW.
Assalamaualaikum masbro :)
Selamat secara tidak langsung menjadi tutor saya dlm pembuatan blog yang saya buat ini...
thanks alot artikel2 yang anda buat banyak membantu saya..
ditunggu kunbalnya dan sampaikan kritik dan saran anda di asevdinatha.blogspot.com
Haturnuhn...
maturnuwun sanget (y)
@Asev DinathaWaalaikumsalam Sobat.
Sama-sama dan terimakasih balik Sobat. Dan saya pasti akan berkunjung ke blog yang Sobat kelola. :)
Assalamualaikum masbro :)
thanks atas kunjungan dan sarannya ya..
btw saya mohon dibantu lagi nih..
saya mau submit blog di Bing, tapi saya kesulitan dlm verifikasinya..
mohon di bantu step by step dan terutama pas bagian mengcopy template nya...
haturnuhun.. jawaban dan bantuannya sangat ditunggu
ohh iya.. ditunggu folbacknya ;)) (y)
@Asev DinathaWahhh, kalau mesti step by step sepertinya repot juga Sob. Karena saya sendiri men-submit blog ini ke Bing kan sudah lama banget. Padahal antarmuka Bing Webmaster yang sekarang sudah beda banget dengan antarmuka Bing Webmaster yang dulu. Sehingga alngkah baiknya apabila Sobat pelajari dan pahami terlebih dulu setiap petunjuk yang disediakan oleh Bing.
Kemudian terkait dengan verifikasi, kalau menurut sepengetahuan saya sih biasanya dilakukan dengan cara menambahkan meta tag tertentu yang diberikan oleh Bing Webmaster ke dalam template.
Sebagai contoh kalau dulu misalnya adalah yang seperti ini ==> <meta content='di sini terdapat konten dari Bing' name='msvalidate.01'/>
@Asev DinathaOke, kebetulan sudah kok. :)
sob coba lihat blog saya versi mobilenya http://psantrenonline.blogspot.com/?m=1
pertanyaannya! Kenapa menu horizontal pengganti navbar kok muncul di versi selular??
@Denz AhmadSebagai solusi untuk mengatasi hal tersebut, coba pelajari terlebih dulu teknik yang saya uraikan dalam artikel di bawah ini Sob.
Cara Membuat Dan Mengubah Halaman Blog Menjadi Seperti Tampilan Website Profesional
Nah, dalam artikel tersebut kan terdapat sebuah teknik yang digunakan untuk membedakan prosedur mana yang dipakai untuk versi seluler dan prosedur mana yang dipakai untuk versi desktop.
Jadi maksud saya begini, agar tab menu yang Sobat maksud tidak muncul di halaman versi seluler maka tambahkan kode yang terdapat dalam artikel tersebut dan kemudian pindahlah script (kode) yang sebelumnya dipakai untuk membuat tab menu ke dalam (bagian) yang saya tanda dengan keterangan sehingga akhirnya tab menu yang Sobat buat hanya akan ditampilkan pada versi desktop saja.
Semoga dapat membantu.
@AYAHE MELA Berhubung pertanyaan yang kmarin sudah terselsaikan, jadi saya kemari membawa beberapa pertanyaan lagi
1. Efek Hover yang sekarang lebih keren dan lebih jelas, bagaimana caranya sob?
2. Bagaimana cara membuat Tulisan Ketika sedang berlangsung Loading dalam hal ini di blog sobat bertuliskan "Sedang Memuat Konten Halaman", bagaimana tuh?
Thanks For Everything
@Denz AhmadUraian jawaban untuk pertanyaan Sobat tersebut di atas, lebih kurang adalah sebagai berikut:
1. Efek hover yang saya gunakan sekarang ini sebenarnya hanya dengan memanfaatkan trik pemakaian CSS saja Sob. Dalam hal ini adalah dengan mengkombinasikan efek hover warna gradasi, garis putus-putus (dotted) untuk bagian atas dan bawah, ujung sudut melengkung (border radius) serta pilihan kombinasi warna yang tepat dan proporsional. Selengkapnya terkait dengan hal tersebut dapat Sobat telusuri dengan cara melihat kode CSS yang saya gunakan untuk blog ini. Dimana untuk keperluan tersebut dapat Sobat lakukan dengan cara 'Lihat sumber laman / View page source' atau dapat pula Sobat lakukan dengan memanfaatkan Web Developer Tools.
2. Membuat pesan pembuka ketika sedang berlangsung loading dapat Sobat lakukan dengan cara menerapkan teknik yang saya uraikan dalam artikel berikut ini ==> Cara Membuat Pesan Pembuka Saat Proses Halaman Blog Mulai Dimuat Untuk Ditayangkan. Akan tetapi perlu diingat bahwasanya teknik yang saya uraikan dalam artikel tersebut hanyalah sekedar contoh. Sehingga apabila desain dan tampilan yang dihasilkan belum sesuai dengan yang Sobat kehendaki, maka silakan dilakukan modifikasi terhadap script dan atau rangkaian CSS yang digunakan dalam teknik tersebut.
Sekian dan semoga dapat membantu. :)
Selamat malam Mas semoga sehat-sehat. saya ingin mengajukan beberapa pertanyaan mengenai cara menerapkan templat versi mobile
1. Tombol like facebook tdak sama jika dilihat di versi web. maksud saya setiap artikel tidak ada likenya kalau di versi mobile
2. Tombol Fans Page facebook tidak berfungsi
3. Cara mengganti backgroundnya untuk versi web
4. Cara menganti font georgia
Dimanakah letak kesilapan saya mohon bantuannya Mas terima kasih
Gan request artikel Cara Validasi Blog Template Eltelu v.1 Agar Support HTML 5 donk gan,,,,,
Terima kasih.
@Ukie KhoeSobat, sebelumnya mohon maaf atas keterlambatan saya dalam memberikan jawaban untuk pertanyaan tersebut di atas.
Terkait dengan pertanyaan yang Sobat ajukan, lebih kurang uraiannya untuk masing-masing adalah sebagai berikut:
Q: Tombol like facebook tdak sama jika dilihat di versi web. maksud saya setiap artikel tidak ada likenya kalau di versi mobile
A: Menurut sepengetahuan saya, banyanya like yang ditampilkan pada tap artikel untuk tampilan versi web dan seluler terkadang memang tidak sama. Bisa jadi hal ini disebabkan karena walaupun untuk artikel yang sama akan tetapi keduanya memiliki URL yang berbeda. Dalam hal ini untuk artikel tampilan versi seluler URL-nya diakhiri dengan ?m=1 sedangkan untuk URL artikel tampilan versi web tidak diakhiri dengan ?m=1. (In My Opinion)
Q: Tombol Fans Page facebook tidak berfungsi
A: Agar tombol tersebut dapat berfungsi, maka yang perlu Sobat perhatikan adalah keterangan poin kedua yang terdapat dalam artikel ini, dimana pada artikel tersebut telah saya jelaskan bahwa perlu dilakukan perubahan pada beberapa bagian yaitu blogID, URL Twitter, dan URL Facebook Fan Page.
Q: Cara mengganti backgroundnya untuk versi web
A: Untuk mengganti background, maka silakan lakukan perubahan kode warna yang dipakai pada bagian berikut ini: body {background: #3395D6;background: -moz-linear-gradient( center top, #3395D6 60%, #70B5E2 100% );background: -webkit-gradient( linear, left top, left bottom, color-stop(.7, #3395D6), color-stop(1, #70B5E2) );background: -o-linear-gradient(top, #3395D6, #70B5E2);background: -ms-linear-gradient(top, #3395D6, #70B5E2);
Q: Cara menganti font georgia
A: Untuk mengganti bagian tersebut maka edit template dan kemudian carilah semua bagian yang berisikan Arial,Tahoma,Helvetica,FreeSans,sans-serif. Selanjutnya silakan ganti model huruf tersebut dengan model huruf (font) sesuai dengan yang Sobat inginkan (misalnya: Georgia).
Semoga dapat membantu. :)
@Bynewz Putera PasundanWahhh, sepertinya hal tersebut tidak mungkin dilakukan Sob. Sebab Eltelu v1.0 termasuk kedalam katagori template Blogger versi kedua yang notabene secara default memiliki beberapa bagian yang memang tidak valid HTML5.
@AYAHE MELA Oh gtu ya gan. Ya sudah lah tidak apa2. Oh iya gan kalo cara bikin element dibawah menu navigasi gimana gan? Maaf banyak nanya, hehe
Terima kasih.
gan bikin kode html buat tombol g+ yang kaya blog ini pake gimana?
yang di bawah widget "Like - Follow - Join"
@AYAHE MELATerima kasih Mas ganti backgroundnya sudah berhasil dan yang lain saya akan coba memperbaiki.
Oh ya saya ajukan lagi satu pertanyaan masalah daftar MENU di bawah header yang sudah saya tambah tapi tidak bisa sampai keujung dan jadinya dua tingkat apakah memang ada batasnya...
Dan terima kasih juga karna Master sudi berkunjung di blog saya.
@Bynewz Putera PasundanElemen yang bagaimana Sob maksudnya? Saya kurang paham dengan maksud dari pertanyaan tersebut.
@bocah-alusApabila yang Sobat maksud adalah widget Google Plus yang melayang (berada pada posisi fixed) saat dilakukan scroll pada laman, maka silakan buka artikel berikut ini:
Cara Membuat Dan Menjadikan Widget Melayang Di Sidebar Ketika Dilakukan Scroll Pada Laman Blog
Semoga dapat membantu.
@Ukie KhoeHal itu disebabkan karena pada bagian kanan terdapat sebuah section yang sebelumnya memang telah dipersiapkan sebagai tempat pemasangan sebuah widget (misal: mesin telusur Google seperti yang terdapat pada elteludemoblog.blogspot.com), sehingga apabila jumlah menu yang dibuat cukup banyak maka secara otomatis menu yang berikutnya akan diposisikan pada baris yang kedua.
Saran saya, ada baiknya bila Sobat membuat menu yang lebih ringkas agar semua menu yang ada dapat ditampilkan dalam satu baris.
@AYAHE MELAOk terima kasih Mas kalau begitu saya akan pasang mesin telusur google di ujungnya supaya tampak lebih rapi. tapi bagaimana caranya tolong bantuannya Mas
@AYAHE MELA Maaf gan slh ngtk,,,,,hee
mksudnya cara membuat/menambah satu kolom widget di bwah menu navigasi gan (diatas postingan & sidebar).
@Ukie KhoeSobat tinggal menambahkan widget (mesin telusur Google) melalui tambah gadget yang terdapat pada laman layout/tata letak.
Selamat siang Mas kini saya datang dengan satu lagi pertanyaan, bagaimana cara menghapus "Harap Tunggu Proses Memuat Konten Halaman"
@Bynewz Putera PasundanKalau yang seperti itu dapat dilakukan dengan cara menambahkan section baru di atasnya blog post widget, Sob. Akan tetapi tentunya ini hanya dapat dilakukan dengan cara edit template.
Disamping itu section baru yang telah ditambahkan tadi juga perlu ditata dengan menggunakan CSS tersendiri sesuai dengan desain yang diinginkan untuk section tersebut.
@Ukie KhoeUntuk menghapus bagian yang Sobat maksud, maka silakan edit template dan kemudian kerjakan langkah-langkah berikut ini:
----------
Pertama, cari dan kemudian hapus onLoad='tampilanpesanpembuka();'
Kedua, cari dan kemudian hapus bagian di bawah ini:
<div id='pesanpembuka'>
<div class='bingkai-pesan-pembuka'>
<div class='bingkai-dalam-konten' style='text-transform: uppercase; text-align: center;'>
<br/><h2>Harap Tunggu Proses Memuat Konten Halaman</h2><br/>
</div>
</div>
</div>
Ketiga, cari dan kemudian hapus bagian di bawah ini:
<b:if cond='data:blog.isMobile'>
<b:else/>
<script language='javascript' type='text/javascript'>
function tampilanpesanpembuka() {
if (document.getElementById){
document.getElementById('pesanpembuka').style.visibility='hidden';
}
else {
if (document.layers){
document.pesanpembuka.visibility = 'hidden';
}
else {
document.all.pesanpembuka.style.visibility = 'hidden';
}
}
}
</script>
Keempat, simpan template.
----------
Semoga dapat membantu.
@AYAHE MELASaya sudah menghapus semua itu tapi TULISAN ITU masih ada tersembunyi dibalik templat tepatnya dibawah jika templat digeser naik
@Ukie KhoeSetelah saya cek, sepertinya untuk rangkaian kode yang kedua belum Sobat hapus.
Jadi silakan dihapus dulu semua rangkaian kode yang saya sebutkan di atas. :)
Selamat malam bosku, akhirnya saya berhasil menghapus semua konten itu, sebenarnya masih banyak yang ingin saya tanyakan tapi nanti dilain waktu, karna akhir-akhir ini cukup banyak pertanyaan saya yang mungkin mengganggu kesibukan anda. dan di sini saya ucapkan banyak-banyak terima kasih atas bantuannya dan selamat maju jaya.
@Ukie KhoeOke, sama-sama Sob. Tidak apa-apa kok. Lagipula saya pun merasa senang apabila dapat membantu kendala yang Sobat hadapi. Selama saya bisa, maka saya akan senantiasa memberikan bantuan sebatas dengan kemampuan yang ada. :)
Sebelumnya Saya berterimaksih karena dengan bantuan blog Ayahe mela saya bisa membuat template yang rapi meski belum sempurna?
Tapi saya mau nanya? cara merubah warna latar widget bagian area footer gimnana ya?
@Shania TiruanzKaitannya dengan mengubah warna pada bagian tertentu, sebenarnya dapat dilakukan dengan cara mengubah (menata) kode warna untuk CSS background yang dipakai pada ID/Class yang dimaksud, Sob. Dimana antara template yang satu dengan template yang lainnya belum tentu menggunakan ID/Class yang sama, sehingga dalam hal pengerjaannya tentu saja harus diketahui terlebih dulu ID/Class yang dipakai pada bagian itu.
Akan tetapi kalau yang digunakan adalah template standar Blogger, maka untuk melakukan perubahan warna pada bagian konten widget yang terdapat pada bagian footer dapat dilakukan dengan mengatur CSS yang dipakai untuk bagian .footer-inner-widget .widget-content.
Sebagai contoh misalnya jika saya menambahkan CSS .footer-inner-widget .widget-content{background: green;}, mana secara otomatis bagian konten dari widget yang terpasang pada bagian tersebut akan berwarna hijau.
Jadi terkait dengan hal tersebut ada baiknya bila Sobat lihat dulu ID/Class yang digunakan misalnya dengan menggunakan fasilitas inspect element/periksa elemen yang terdapat pada browser.
Semoga dapat membantu.
mas menu barnya di atas bagus banget bole enggak di sharing juga cara buatnya yang persis kek punya mas-nya..soalnya yang udah diulas http://eltelu.blogspot.com/2012/09/cara-membuat-tab-menu-horizontal.html masih kurang sreg..pengen kek punya masnya..kl bole..kabarin ya mas..
via haxasatuallan@gmail.com
terima kasih banyak sebelumnya..:-)
@SemangatMuda AdminCoba buka artikel ini Sob. Karena untuk membuat menu bar seperti itu cara yang saya gunakan adalah seperti yang saya uraikan dalam artikel tersebut. Hanya saja untuk menu bar yang saya pakai pada blog ini memang telah saya lakukan penambahan sedikit, dalam hal ini adalah tambahan gambar atau ikon di depan setiap menu.
Sehingga apabila nantinya Sobat juga ingin menampilkan gambar ikon di depan menu, maka Sobat tinggal menambahkan sebuah tautan lagi di depan tautan menu yang sudah ada, dan kemudian mengubah tautan tersebut menjadi tautan bergambar.
Semoga dapat membantu.
Permisi mas ada yang saya mau tanyakan ni. Ketulan saya lagi bikin personal blog, langsung saja. Yang saya tanyakan bagaimana cara Menampilkan nama Author, Tanggal Posting dan Jumlah Komentar di Halaman Home di blog ?
Untuk lebih jelasnya :
http://cdn.kaskus.com/images/2013/09/27/5225366_20130927080552.jpg
blog saya : adityaprojek.blogspot.com
Ada yang bilang buat ngasih tag kondisional, tapi saya masih sedikit bingung buat menerapkan di blog tu kaya gimana. Barangkali ada cara yg lain dimana sampean bisa bantu mas. Terima kasih sebelum dan sesudahnya. :)
@Aditya NugrohoPada bagian yang Sobat maksud, coba tambahkan rangkaian kode di bawah ini.
Posted by <span class='vcard'>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
<a expr:href='data:post.authorProfileUrl' rel='author' title='Profil Penerbit'>
<span itemprop='name'><data:post.author/></span>
</a>
</span>
</span>
<meta expr:content='data:post.canonicalUrl' itemprop='url'/>
on <a expr:href='data:post.url' rel='bookmark' title='Permanent Link'><abbr class='updated published' expr:title='data:post.timestampISO8601' style='border: none;'><data:post.timestamp/></abbr></a>, <b:if cond='data:post.allowComments'><b:include data='post' name='comment_count_picker'/></b:if>
Semoga dapat membantu. :)
gan tlolog donk, saya sudah carikode body tapi gak ketemu-ketemu, kodenya didekat kode apa ya?
http://augustreinaldo.blogspot.com/
@august reinaldoCoba Sobat kerjakan langkah-langkah berikut ini:
Klik menu Template > klik Edit HTML > klik dalam area kode template yang ditampilkan > tekan tombol keyboard Ctrl + F > dan kemudian cari kata <body
maka Sobat pasti akan menemukan kode yang dimaksud. :)
Permisi gan setelah muter-muter liat-liat blog sampean, saya tertarik dengan iklan dibawah header atau menu navigasi itu, disitu kan disebelahnya terdapat FANS PAGE,, kira-kira cara membuat iklan sama fanspage berdampingan seperti blog agan ini bagaimana ya kodenya,?
owh iya blognya keren gan mau di share gak temanya? :D
@Riswan SucessTerkait dengan kode untuk membuat kotak iklan dan laman penggemar berdampingan seperti itu saya rasa menyesuaikan dengan template yang digunakan Sob.
Jadi belum tentu rangkaian kode yang saya pakai untuk membuat bagian itu dapat berfungsi dengan baik apabila diterapkan pada template yang lainnya.
Akan tetapi sebenarnya secara prinsip menggunakan teknik yang sama. Dalam hal ini adalah dengan cara menambahkan 2 (dua) buah section baru pada bagian yang diinginkan dan kemudian menata 2 (dua) buah section baru tersebut dengan memanfaatkan CSS sesuai dengan desain yang diinginkan.
Nah, selanjutnya apabila section baru yang dimaksud telah ditambahkan, maka section baru tersebut nantinya dapat dipakai untuk memasang widget dalam bentuk JavaScript atau yang lainnya.
Namun demikian perlu diingat bahwa untuk mengerjakan itu semua tentu saja mesti memahami template yang dipakai, dalam hal ini tentunya juga berkaitan erat dengan masalah HTML dan CSS.
Oh ya, terkait dengan tema (template) dari blog ini, dengan sangat terpaksa saya tidak dapat membagikannya kepada Sobat atau orang lain. Sehingga saya mohon maaf apabila tidak dapat memenuhi permintaan tersebut. :)
@AYAHE MELA
berikut ini adalah blog saya mas onetopad[.]blogspot[.]com/. saya ingin menampilkan iklan dan FP berdampingan dibawah menu seperti di blog agan ini, untuk tata letaknya dibawah menu itu ada satu tempat widget yang panjangnya sama kaya menu navigasinya. saya sudah pernah coba dengan cara memasukan koden iklan dan Fb bersamaan dan iklan sebelah kiri saya beri kode float:left sedangkan FP dengan float right tapi acak-acakn :D
kira-kira kode yang pas gimana ya?
maaf banyak tanya
@Kang RiswanSetelah saya cermati template yang Sobat Gunakan, sebenarnya template tersebut telah menyediakan tempat untuk memasang widget di bawah menu navigasi (dalam hal ini ID yang digunakan adalah #leaderboard). Akan tetapi sepertinya bagian tersebut memang hanya dapat diisi dengan sebuah banner ukuran 728 x 90 px yang terletak pada posisi tengah halaman. Sehingga apabila Sobat ingin membuat tempat untuk widget (banner) dalam bentuk berdampingan seperti halnya banner yang terdapat di bawah menu navigasi blog ini, maka coba lakukan langkah-langkah berikut ini.
Pertama, Edit HTML Template dan kemudian sisipkan rangkaian kode berikut ini tepat di bawah <!-- top widget -->
<div class='area-iklan-atas'>
<b:section class='area-iklan-atas-kiri' id='area-iklan-atas-kiri' maxwidgets='1' showaddelement='yes'>
</b:section>
<b:section class='area-iklan-atas-kanan' id='area-iklan-atas-kanan' maxwidgets='1' showaddelement='yes'>
</b:section>
</div>
Kedua, tambahkan CSS berikut ini.
.area-iklan-atas{
display:block;
margin:0px auto;
padding: 10px 0px;
text-align: center;
}
.area-iklan-atas-kiri {
width: 728px;
float:left;
margin-left: 10px;
}
.area-iklan-atas-kanan {
width: 184px;
float: right;
margin-right: 10px;
}
.area-iklan-atas-kiri .widget,
.area-iklan-atas-kanan .widget{
margin:0px; padding:0px;
}
.area-iklan-atas-kiri .widget h2,
.area-iklan-atas-kanan .widget h2 {
display:none;
}
.area-iklan-atas-kiri .widget-content,
.area-iklan-atas-kanan .widget-content {
height:90px;
overflow: hidden;
}
Ketiga, simpan template.
Keempat, tutup editor template dan kemudian buka menu 'Layout/Tata letak', untuk menambahkan gadget baru pada 2 (dua) buah section yang telah dibuat tersebut.
Selanjutnya apabila dengan menggunakan cara tersebut berhasil, maka bagian leaderboard yang terdapat dalam template dapat Sobat hapus, atau disembunyikan dengan menjadikannya sebagai kode komentar.
Untuk sementara sekian dan semoga dapat membantu.
Sob, saya ingin bertanya...
Saya berminat mau pakai template responsive yang namanya "iPress" tapi menurut sobat dampaknya apa kalau saya menggunakan tampilan ini? Thx
@Indra Krisnadi Saya pikir hal tersebut merupakan sebuah keputusan yang sangat bagus Sob. Karena ditengah pesatnya perkembangan perangkat mobile saat ini maka tidak sedikit lagi pengguna yang lebih suka mengakses internet dengan perangkat mobile.
Sehingga apabila Sobat memutuskan untuk menggunakan template responsive, maka akan menjadi kinerja laman akan menjadi lebih baik karena laman blog dapat menyesuaikan secara otomatis dengan lebar atau dimensi layar perangkat yang dipakai oleh pengunjung. Yang artinya dengan demikian maka pengunjung pun akan menjadi lebih mudah dan lebih nyaman dalam mengakses serta mendapatkan informasi yang tersaji pada blog yang Sobat kelola.
Dampak negatif setelah pergantian template tentu saja ada. Akan tetapi dampak tersebut biasanya hanya merupakan dampak jangka pendek karena seiring waktu dan proses perayapan yang dilakukan oleh robot mesin telusur maka keadaan akan kembali normal seperti sebelumnya.
Agar lebih jelas lagi maka selengkapnya terkait dengan hal tersebut dapat Sobat temukan pada beberapa artikel saya dengan menelusurinya melalui daftar isi.
gan bagaimana caranya mengganti foto atau background di dalam kolom posting . . ? (jika tidak ada foto dalam artikel tersebut)
@Anas Mustevan Caranya dengan menambahkan script baru dalam template yang nantinya berfungsi untuk menampilkan gambar yang diinginkan Sob. Dalam hal ini penambahan script tersebut juga tidak lepas dari penggunaan tag kondisional blogger yaitu <b:if cond='data:post.thumbnailUrl'> yang dipakai untuk mengetahui apakah dalam artikel terdapat gambar ataukah tidak.
Ayah mela selamat siang aku mau tanya ni cara membuat share yang seperti diblog ini gimana ya
http://prntscr.com/3hu3ey
Makasih ya atas jawabannya...
@adi win Sobat, berhubung pertanyaan tersebut kemarin sudah terjawab dan saya berikan penjelasannya via Facebook, maka kiranya tidak perlu lagi bagi saya untuk memberikan penjelasan secara lengkap di sini. :)
masang nya tabmenu gimana gan
@sayangku kamu Sobat dapat menemukan cara pemasangannya dengan cara menelusuri artikel tentang cara membuat tab menu horizontal atau membuat bilah menu keren yang terdapat dalam daftar isi blog ini.
Permisi Mas Bro :). saya mau bertanya, kenapa kalau video yang disematkan ke blog, iklan dari googlenya koq tidak ada ia?? emang seperti itu?? atau ada kesalahan mas bro?? mohon jawabannya mas bro :). thanks
@Den TutorialTerkait dengan iklan yang tidak muncul pada video yang disematkan, jujur saja selama ini saya juga kurang begitu memperhatikan Sob. Sebab saya sendiri selama ini juga belum pernah memutar video yang disematkan di sebuah blog atau situs lain.
Akan tetapi (menurut sepengetahuan saya) kalau tidak salah hal yang seperti itu disebabkan karena faktor sindikasi video dan iklan. CMIIW.
Maaf Mas, saya mau nanya kenapa ya ketika saya klik tombol simpan di menu tata letak selalu terjadi kesalahan? tetapi pada menu edit html template ketika saya edit lalu simpan tidak bermasalah, dan anehnya ketika saya tambah widget, widget itu sudah tersimpan tapi ketika saya mau memindahkan widget itu misal dari sidebar ke foter terus saya simpan terjadi kesalahan, kira kira kesalahannya apa ya? mungkin pada template nya, karena ketika saya ganti template semuanya normal, mohon bantuannya mas, mungkin ada script yang salah. jika bersedia memeriksa, saya bisa kirim temlate saya ke mas via email. Terimakasih mas, blog anda sumber pelajaran bagi saya
@Denz Ahmad Saya tidak ingin menduga-duga penyebabnya Sob. Karena biasanya ada banyak faktor yang menyebabkan hal seperti itu.
Jadi silakan kirim saja templatenya via Facebook atau email agar nanti saya bisa memeriksanya langsung.
Namun begitu saya tidak janji dapat segera memeriksanya, sebab saat ini kebetulan saya sendiri ada cukup banyak pekerjaan yang harus saya tangani dan selesaikan.
Oh ya mas, terkait pertanyaan saya yang kemarin. Apakah mungkin sebuah template mengandung virus atau semacamnya? Karena saya coba buat blog baru dengan menggunakan template bawaan, semua normal lalu saya ganti dengan template hasil modifikasi saya, kejadian nya seperti diatas tidak bisa Menyimpan di tata letak, lalu saya ganti lagi dengan template bawaan Blogger, hasilnya tetap sama tidak bisa menyimpan di menu tata letak. Mohon penjelasan nya mas!!
@Denz Ahmad Kalau masalah virus dalam template jujur saja saya kurang paham Sob. Sebab selama ini saya sendiri juga belum pernah mengalaminya. Akan tetapi berdasarkan pengalaman, apabila terjadi masalah pada template yang digunakan biasanya akan kembali normal jika kembali menggunakan template standar yang telah disediakan oleh Blogger.
Mas saya buat testimoni nih, sebagai rasa terima kasih saya! Tolong di cek, bila ada kesalahan http://bangsantri.blogspot.co.id/2015/09/tips-desain-template-blog-sendiri-ala.html sebenarnya itu di tulis di Hape, sedangkan hape ane ram nya kecil, jadi upload gambar aja kagak bisa, nanti kalo on d pc rencananya mau dibikin link di menu bawah header
@Denz AhmadOh, iya Sob. Terimakasih. Kebetulan tadi saya juga telah membacanya dan saya rasa tidak ada yang salah kok.
mas, saya mau tanya nih.. bagaimana caranya mengganti atribusi standar menjadi seperti pada blog ini, lebih tepatnya menambah logo blog lalu menyertakan link profil google plus sehingga tampak percis seperti punya mas ini? Terimakasih banyak mas
@Denz Ahmad Nonaktifkan atribusi standar dan kemudian buatlah rangkaian kode seperti contoh berikut ini dalam divisi tertentu yang terdapat pada bagian footer.
<a href='URL Blog'><img alt='Nama Blog' height='28' src='URL Gambar' title='Nama Blog' width='28' style='float: left; margin-right: 5px;'/></a>
<a href='#' style='float:right;'>Ke Atas [ ↑ ]</a>
©<a href='URL Blog'>Nama Blog</a>
<br/>
Design by <a href='URL Profil'>Nama Profil</a>- Powered by <a href='URL Blogger' target='_blank'>Blogger</a>
Keterangan:
↑ = &#*8593; (tanpa tanda bintang "*")
© = &#*169; (tanpa tanda bintang "*")
Contoh URL:
URL Blog : http://eltelu.blogspot.com/
URL Blogger : http://www.blogger.com/
URL Profil : https://plus.google.com/u/0/104792963386245109966/about
URL Gambar : https://lh4.googleusercontent.com/-2GChmqVRnH8/UCeepvr6GXI/AAAAAAAAAdw/rX6lZ3MSEDo/s800/ELTELU.png (URL gambar yang diunggah ke picasa)
wah terimakasih mas, akan saya coba terapkan.. tetapi saya ada ertanyaan lagi nih, bagaimana caranya jika saya ingin menampilkan misal 10 postingan pada halaman beranda, dan ketika di klik next/postingan lama, menjadi tampil 20 postingan? terimakasih mas
@Denz Ahmad Oke, sama-sama Sob.
Tapi untuk pertanyaan yang kedua sepertinya saya belum bisa memberikan jawabannya, sebab selama ini saya sendiri juga belum pernah mencobanya. Maaf.
wah mas ternyata berhasil, terimakasih! tetapi kenapa ya pada tampilan desktop, judul blog nya tertimpa gambar blog? tetapi itu tidak terjadi pada tampilan mobile, lebih jelasnya silahkan mas cek blog saya bangsantri.blogspot.com
@Denz Ahmad Kalau begitu coba tambahkan span untuk mengapit gambar dan atribusi, sehingga menjadi seperti berikut ini:
<span style='display: inline-block;'>
<a href='URL Blog'><img alt='Nama Blog' height='28' src='URL Gambar' title='Nama Blog' width='28' style='float: left; margin-right: 5px;'/></a>
</span>
<a href='#' style='float:right;'>Ke Atas [ ↑ ]</a>
<span style='display: inline-block;'>
©<a href='URL Blog'>Nama Blog</a>
<br/>
Design by <a href='URL Profil'>Nama Profil</a>- Powered by <a href='URL Blogger' target='_blank'>Blogger</a>
</span>
Mantap Mas, 100% berhasil.. terimakasih banyak!!
mas, kenapa ya gambar header saya ketika di buka versi mobile lewat pc malah jadi membesar dan membuat gambarnya menjadi runyam, sedangkan pada blog milik mas ukuran gambar header tetap sama meski itu pada tampilan desktop maupun selular??
@Denz Ahmad Yoi, sama-sama Sob.
@Denz Ahmad Secara default divisi bagian header untuk tampilan seluler memang memiliki lebar 100% dari lebar halaman. Oleh sebab itulah gambar pun akan membesar karena ukuran gambar header untuk tampilan seluler secara default juga 100%. Dengan demikian maka apabila Sobat menginginkan agar ukuran gambar menjadi lebih kecil, maka persentase gambar dapat dikurangi melalui CSS yang dipakai untuk mengatur ukuran gambar tersebut.
Jadi tidak ada salahnya bila dicoba untuk menelusuri CSS yang berhubungan dengan hal tersebut dan kemudian lakukan perubahan sesuai dengan yang diinginkan.
@AYAHE MELA berhasil sih mas, tapi ko malah area header nya yang mengecil sehingga efek nya menimbulkan gambar/tombol versi desktop menjadi berada di tengah, bagaimana caranya supaya tombol versi desktop itu tetap berada di kanan seperti punya mas?? mohon penjelasannya mas silahkan cek dulu http://bangsantri.blogspot.co.id/?m=1
@Denz Ahmad Kalau begitu buatlah beberapa divisi dalam area header sehingga masing-masing divisi nantinya dapat digunakan untuk menempatkan widget / elemen yang berbeda.
Sebagai contoh misalnya apabila dilihat kode sumber / dilakukan inspect element pada blog ini, maka Sobat akan menemukan bahwa header blog ini terbagi menjadi 4 (empat) bagian / divisi yang berbeda.
Divisi yang pertama digunakan untuk menempatkan judul blog, divisi yang kedua digunakan untuk menempatkan kotak penelusuran, divisi yang ketiga digunakan untuk meletakkan translate widget, dan divisi yang keempat digunakan untuk menempatkan tombol versi seluler, Twitter, Facebook, serta profil Google Plus.
mas mau tanya nih, kenapa ya kalau saya ubah lebar header tampilan desktop misal menjadi 70% yang berubah hanya area nya saja dengan kata lain gambar tetap pada ukurannya, tetapi jika saya ubah area header tampilan mobile misal menjadi 70% gambarnya malah ikut berubah(membesar), pertanyaan nya bisakah jika pada tampilan selular menjadi seperti tampilan desktop yaitu gambar nya tetap pada ukuran? jika bisa mohon penjelasannya, mungkin ada script yang harus saya tambah??
@Denz Ahmad Itu sebenarnya hanya masalah penggunaan CSS untuk tampilan versi web maupun mobile Sob.
Lebih lengkapnya silakan Sobat pelajari melalui uraian dan penjelasan yang terdapat di sini >> http://code.blogger.com/2011/11/introducing-custom-mobile-templates.html
Mas sebenarnya saya lagi bahagia ini hehe, karena diterima adSense! ga nyangka sih, karena baru pertama kali daftar. tapi tentu saja saya kesini karena ada pertanyaan, kenapa ya iklan adSense saya yang tayang di dalam postingan malah muncul di bawah kolom komentar, lebih jelasnya mas bisa lihat sendiri http://bangsantri.blogspot.com/2015/09/khasiat-bismillah-mengobati-sakit.html sebelumnya terimakasih mas!!
@Denz Ahmad Perhatikan bahwa penempatan / pemasangan iklan yang dilakukan dengan memakai fitur Blogger hasilnya memang akan menjadi seperti itu Sob. Artinya walaupun di bagian home page iklan tayang dalam area (di antara )artikel yang satu dengan yang lainnya namun namun di bagian item (halaman artikel) iklan itu akan tayang di bawah kolom komentar.
Sehingga jika Sobat menginginkan penempatan iklan yang berbeda maka dapat saja melakukan kustomisasi pada penempatan iklan dengan menggunakan berbagai macam teknik yang penjelasannya telah banyak dibahas oleh para blogger.
Oleh sebab itu tidak ada salahnya bila Sobat melakukan penelusuran Google untuk mencari serta menemukan berbagai macam teknik pemasangan iklan AdSense seperti yang saya maksud di atas.
Sob jika diperbolehkan, saya minta script untuk pasang widget artikel 'Terbaru' yang ada di blog sobat, karena saya nyari di Google model nya pada jelek, Makasih sob!
@Denz Ahmad Jadi gini, perlu sobat ketahui bahwa widget tersebut sebenarnya malah tidak menggunakan script sama sekali loh.
Kok bisa?
Sebab bagian yang menayangkan artikel terbaru tersebut sebenarnya saya buat dengan menggunakan "Feed Widget" standar Blogger yang telah saya modifikasi.
Judul widget saya tempatkan di sebelah kiri (float: left;), setelan daftar artikel yang ditampilkan 1 (satu) buah, serta beberapa modifikasi lain pada bagian background.
sob, kenapa ya widget pengikut (GoogleFriendConnect) tidak bisa di sembunyikan meskipun saya sudah memakai script sekalipun, dan apakah ada solusinya?
@Denz Ahmad Saya rasa solusinya sangat sederhana Sob. Jika yang diinginkan adalah menyembunyikan widget tersebut, maka cara termudah untuk melakukannya adalah dengan tidak memasang widget yang dimaksud.
Mas mau nanya nih, apa keuntungan dari penggunaan robot.txt khusus? Dan apakah mas ayahe sendiri menyarankannya? Terima kasih mas :)
@Aini Farani Untuk mengetahui uraian detail atas pertanyaan tersebut, ada baiknya bila Sobat buka artikel tentang robots.txt yang pernah saya terbitkan ini.
Oh ya, perlu Sobat ketahui bahwa saya tidak melakukan perubahan sama sekali pada robots.txt sehingga saya pun tentu saja tidak menyarankan penggunaan robot.txt khusus untuk blog dengan platform blogger / blogspot.
mas jika seandainya saya memakai domain TLD apakah iklan Google Adsense dari akun Hosted saya tetap
tampil? terima kasih.
@Denz Ahmad Apabila domainnya diganti, maka secara otomatis iklan Google tidak akan tampil lagi Sob. Sebab akun hosted hanya bisa digunakan untuk menayangkan iklan di Blogspot dan atau Youtube.
Oleh sebab itu jika domainnya diganti maka akun AdSense yang Sobat miliki nantinya harus di-upgrade agar bisa digunakan untuk menayangkan iklan di domain tingkat atas (TLD) yang baru.
Gan, cara agar tampilan mobile bisa kayak template agan?
@Rozi Sobat, perlu diketahui bahwasanya blogger menyediakan 2 (dua) macam versi tampilan yang dapat digunakan. Dalam hal ini tepatnya yaitu tampilan versi desktop dan seluler yang masing masing dapat dikustomisasi sesuai dengan keinginan penggunanya. Sehingga agar tampilan mobile menjadi seperti itu, maka caranya adalah dengan melakukan kustomisasi pada bagian template khusus untuk tampilan seluler.
mas,,, saya bisa gak,, posting tentang tutorial "cara membuat fertivikasi usia di salah satu postingan saja" jd intinya tidak semua gitu,,,,
kayaknya itu belum ada yang bikin di blog mana pun,,,terimakasih
@Katarina Ririn Saya rasa bisa, Sob.
mas saya mau nanya gmana sih cara nya buat iklan melayang di side bar blog bukan di out wapper blog mas kaya iklan blog yang mas ini
@wulan intan Hallo Sobat Wulan, sebelumnya mohon maaf atas keterlambatan saya dalam menanggapi pertanyaan ini.
Terkait dengan pertanyaan yang Sobat ajukan, yaitu tentang cara membuat iklan melayang di sidebar, caranya yaitu dengan menambahkan sticky widget pada sidebar yang dimaksud.
Namun demikian karena saya belum pernah membuat dan mempublikasikan artikel yang mengulas tentang cara pembuatan sticky widget, maka tak ada salahnya bila Sobat melakukan penelusuran lebih lanjut terkait dengan hal tersebut.
Sya mau nanya mas, sudah banyk referensi yang sya cari agar menu navigasi blog tampil di hp android, namun tdk membuahkan hasil alias selalu gagal. Kira2 mas bisa nda kasi saya referensi yg mungkin bsa sya gunakan untuk blog sya "Kolaborasi mimpi" agar permasalahan ini dapat diselesaikan...
Mohon petunjuk...
Terimakasi...
@Rikxel Dwi AwanTerkait dengan hal tersebut, silakan Abang buka artikel saya melalui URL ini: https://eltelu.blogspot.com/2014/11/contoh-cara-membuat-menu-responsive.html