Selamat siang teman. Solusi menarik saat mengklik ikon yang tidak akan mengganggu pengunjung. Di dalamnya Anda dapat menempatkan pengumuman penting atau lainnya informasi yang perlu. Itu hanya akan muncul ketika pengguna mengklik ikon (dalam kasus saya, ikon android).

Kodenya sama sekali tidak rumit, tanpa pustaka dan skrip berat. Dan itu diinstal secara elementer di gadget HTML/JavaScript. Gambar itu sendiri dan tombol "tutup" dalam format svg. Anda dapat melihat "desain" ini secara visual di blog uji di pojok kanan atas.

Demonstrasi
Semua kode

Salin kode lengkapnya, pasang di gadget HTML/JavaScript di mana saja di tata letak blog. Ikon akan ditempatkan persis di tempat yang dimaksud. Garis yang ditandai dengan warna abu-abu berisi gambar latar transparan dari popup itu sendiri. Karena tidak perlu, Anda dapat menghapusnya dari kode dan menyetel latar belakang utama sesuai selera Anda dengan mengubah nilai latar belakang: #fff untuk apa yang Anda inginkan.

Terima kasih atas perhatian Anda semua. Sampai ketemu lagi.

Berlangganan lembar contekan baru

Hai teman. Saya ingin menunjukkan kepada Anda betapa mudahnya mengubah latar belakang keseluruhan blog. Meskipun latar belakangnya sendiri dapat dengan mudah disesuaikan di bagian Tema. Di sana Anda dapat mengambil latar belakang yang sudah jadi atau mengunggah gambar Anda sendiri dan membuat pengaturan yang sesuai. Namun, saya memutuskan untuk menawarkan opsi yang lebih mudah, menurut saya. Disini kita bisa mengatur sendiri ukuran background gambarnya. Atau lebih tepatnya, lebarnya.

Mari kita mulai bisnis. Awalnya, blog pengujian saya terlihat seperti ini. Saya menandai ruang (atau latar belakang seluruh kanvas) yang diatur dalam pengaturan tema.

Sekarang kita akan mengubahnya menjadi gambar ini

Untuk membuatnya terlihat seperti ini

Di sini saya ingin menarik perhatian Anda. Lebar blog dalam kasus saya adalah 1200 px. Dimensi gambar latar belakang adalah 1450 x 950 px. Gambar memenuhi seluruh ruang.

Jika ukuran gambar background lebih kecil dari ukuran seluruh kanvas blog, maka tidak akan menutupi seluruh ruang dan akan terlihat seperti border. Lihat perbedaannya

Ini juga tampaknya cukup dapat diterima. Beberapa orang mendekorasi situs web dengan cara ini untuk liburan. Bagaimanapun, pertimbangkan kedua opsi. Dengan latar belakang yang dipilih atau dibuat dengan benar di editor mana pun, kedua opsi dapat disesuaikan.

Tidak diperlukan keterampilan khusus.

1. Pilih gambar yang diinginkan dan salin alamatnya.
2. Salin kode di bawah ini dan atur alamat gambar Anda

3. Buka tab Tema - Edit HTML temukan ]]>dan atur kode yang sudah selesai di atas baris ini.

Hasilnya akan terlihat saat melihat topik. Jika Anda puas dengan itu, silakan klik menyimpan dan kagumi template baru.

Sekali lagi, saya ulangi. Kalau-kalau ada gambarnya ukuran yang lebih kecil lebar blog atau bahkan tidak terlihat, Anda perlu mengatur nilai lebar dalam kode. Tambahkan hanya satu baris dan tampilannya seperti ini

tubuh (
latar belakang: url(http://www.clipartbest.com/cliparts/9iz/EnR/9izEnR56T.png)
no-repeat top fixed ;
ukuran latar belakang: 100%
}

Dengan background-size: 100%; Anda dapat bermain-main mengubahnya menjadi lebih kecil sampai Anda mendapatkan apa yang Anda inginkan.

Dengan manipulasi sederhana seperti itu, Anda dapat membuat latar belakang yang berbeda untuk liburan, musim, atau suasana hati yang berbeda.

Mungkin Anda ketinggalan

Semua yang terbaik dan sampai jumpa lagi.

Halo semua. Hari ini saya akan menawarkan Anda kode saat gambar muncul saat Anda mengarahkan kursor ke tautan. Ada banyak pilihan untuk desain tautan. Tapi yang ini akan menjadi solusi orisinal untuk blog tematik. Atau untuk pesan terpisah. Anda selalu dapat memilih gambar untuk tema dan desain yang diinginkan.

Anda dapat melihat demo langsung tepat di bawah. Saya memberikan tautan ke beberapa halaman blog saya untuk kejelasan. Anda tentu saja akan mengubahnya ke alamat halaman Anda. Gambar dan teks - masing-masing.

Ini kodenya sendiri.

Salin seluruh kode, buat pengaturan yang diperlukan dan instal dalam editor pos mode HTML di lokasi yang diinginkan. Contoh berisi 3 tautan. Bagaimanapun, Anda dapat menghapus atau menambahkan baris seperti ini

">"teks tautan")

Dan dari lubuk hati saya yang paling dalam, saya ingin mengucapkan Selamat Tahun Baru yang paling bahagia untuk Anda semua. Senyuman, kegembiraan, kesehatan, kesejahteraan bagi kerabat dan teman. Kebaikan dan kedamaian ke rumah Anda !!!

SELAMAT TAHUN BARU 2020 SEMUA!!!

Halo. Navigasi di template standar Blogger tidak menarik perhatian sama sekali. Panel yang nyaris tak terlihat di akhir halaman, tidak semua orang akan menyadarinya. Oleh karena itu, setiap pengunjung baru mungkin tidak melihat tautan ke artikel blog sebelumnya atau berikutnya.
Ada banyak gaya navigasi. Tapi ini bukan pertama kalinya banyak dari mereka diberitahu bahwa mereka "diperintahkan untuk berumur panjang". Dan navigasi situs mungkin merupakan elemen paling dasar. Oleh karena itu, saya akan memberikan tautan ke artikel di mana saya telah menerbitkan opsi desain navigasi dan menawarkan satu lagi kode yang berfungsi. Beginilah tampilannya di bawah posting blog.

Versi hari ini terlihat cukup elegan. Menampilkan daftar halaman bernomor di panel dan menampilkan sebelumnya dan berikutnya dengan benar.

Untuk menginstal, Anda harus menyalin kode ini terlebih dahulu

Dalam kode, saya menyorot jumlah postingan yang ditampilkan pada satu halaman (3). Anda dapat mengubah ke nomor yang diinginkan. Nah, SMS jika Anda mau. Sebagai contoh - "maju - mundur" atau "bolak-balik" dll.

Sekarang mari kita pergi ke tab. TEMA - Mengedit HTML . Menggunakan tombol pintas Ctrl + F (baca), kami menemukan tag penutup

. Tempel kode yang disalin tepat di atasnya.

Klik Simpan perubahan dan jalankan untuk melihat hasilnya. Akibatnya, Anda harus menampilkan blok dengan navigasi bernomor paginasi di setiap halaman.

Salam untuk semua dan Selamat Tahun Baru.

ingin berlangganan lembar contekan baru

Peragaan slide untuk situs web dapat dibuat menggunakan Yandex. Sayangnya, aplikasi Yandex tidak mengizinkan Anda melakukan hal yang sama. yang saya jelaskan di artikel saya yang lain. Namun sisi positifnya, saya ingin mencatat bahwa foto dari album foto Yandex akan diindeks dengan baik oleh Yandex dan ada peluang untuk mendapatkan pengunjung ke situs Anda.

Keuntungan lain yang tidak diragukan lagi dari tayangan slide semacam itu untuk situs ini adalah Anda tidak perlu mengunggah modul, plugin, komponen tambahan ke situs yang membuat beban tambahan di situs. Cukup tempel kode HTML di tempat yang tepat di halaman situs Anda.

Buat tayangan slide untuk situs menggunakan aplikasi Yandex

Untuk melakukan ini, Anda harus memiliki kotak surat terdaftar di Yandex.
Buka kotak surat Anda dan pilih "Foto" - "Unggah foto" dan setujui perjanjian pengguna.

Kami masuk ke halaman lain di mana pertama-tama kami harus membuat album tempat kami akan mengunggah foto.

Kami menambahkan foto, memilih foto yang ingin kami lihat di tayangan slide.

Masukkan nama album foto dan tag.

Anda dapat melewati item "Pengaturan".

Dan lanjutkan ke langkah keempat "Unggah ke Album".

Setelah kami mengunggah semua foto untuk peragaan slide, buka album.

Untuk membuat tayangan slide untuk situs menggunakan aplikasi Yandex, klik tautan "Slide Show".

Bersama cucu perempuan saya, kami mengadakan pertunjukan slide untuknya

Setelah membuat blog baru di blogspot, saya memikirkan bagaimana saya bisa membuat tayangan slide yang nyaman di artikel di sana. Lagi pula, saya ingin pembaca "menempel" di halaman, melihat banyak gambar. Ini sebenarnya adalah ide utama dari situs baru saya - saya sendiri "macet" untuk waktu yang lama sampai saya memutuskan untuk memanfaatkannya. Tapi memposting semua gambar sebagai ilustrasi berarti membuat posting, sepanjang satu kilometer, yang membuat seseorang tersiksa untuk menggulir bolak-balik.

Mengapa Anda membutuhkan tayangan slide

Sebelum menulis instruksi terperinci, saya ingin mengatakan beberapa kata lagi tentang mengapa saya bingung dengan pertanyaan ini.

Di artikel sebelumnya, saya menjelaskan mengapa saya membuat blog baru di Blogspot. Lalu lintas utama ke sana akan berasal dari pencarian. Dan untuk ini Anda memerlukan pengindeksan yang baik dan peringkat artikel yang baik (saya ingin tahu siapa yang tidak membutuhkannya?!) Dan untuk ini, faktor perilaku yang baik (PF) sangat penting. Dan bagian penting dari PF ini adalah waktu yang dihabiskan pengunjung di halaman blog.

Burung hantu lainnya - tugas kita adalah membuat pembaca tinggal bersama kita lebih lama.

Dan banyak yang telah dibahas tentang ini. Ada rekomendasi standar usang, seperti: "tempatkan widget dengan posting yang menarik / populer / serupa di bawah artikel - pengunjung akan tertarik dan tetap di blog untuk membaca lebih lanjut" atau "tempatkan video di artikel - pengunjung akan tertarik dan akan menontonnya sambil tetap di blog" ...

Apakah Anda merasakan dinginnya rekomendasi standar?! Satu-satunya hal yang hilang adalah frasa favorit saya ("buat konten untuk orang!"). Begitu banyak orang memposting video di artikel mereka tentang acar ... tentang kucing atau paus! Jadi mereka memasukkan daftar besar artikel serupa. Dan jika Anda melihat berapa banyak klik pada daftar ini dan ternyata 1 per 100.000 pengunjung?

Tidak. Titik kegunaan adalah mencoba memodelkan perilaku manusia. Jadi menurut saya (bukan fakta bahwa saya benar), saya menilai sendiri bahwa dalam postingan seperti yang saya miliki di Domofor (blog blogspot), yang paling tepat adalah tayangan slide yang dapat diputar seseorang ke segala arah, pertimbangkan secara detail, perbesar ke layar penuh, dll.

Dan Anda juga berpikir. Dan jika Anda memutuskan bahwa Anda juga membutuhkan ini, berikut adalah cerita mendetail tentang kemungkinannya.

Sedikit latar belakang tentang kemenangan Yandex atas Google

Sebenarnya, ini adalah kisah yang luar biasa tentang bagaimana Yandex mengungguli Google di bidangnya sendiri (Google). Jelas bahwa hal pertama yang saya pergi ke album Picasa, di mana Blogspot menempatkan semua gambar yang kami unggah ke halaman blog. Dan di sana, bukannya tanpa kesulitan, saya menemukan fungsi membuat peragaan slide dan menerbitkannya di sumber pihak ketiga. Tapi presentasi ini terlihat sangat menyedihkan!

Sungguh aneh bahwa Google belum membuat alat yang nyaman dan rapi untuk membuat tayangan slide di blog mereka sendiri. Oleh karena itu, saya berbalik 180 ° dan pindah ke Foto Yandex. Dimana saya langsung menemukan kesempatan untuk membuat slide show dari album dan mendapatkan gambar yang lumayan bagus di blog.

Petunjuk untuk membuat tayangan slide di Foto Yandex

Jadi, kami datang ke Foto Yandex. Tentu saja, Anda harus memiliki akun di Yandex (menurut saya di antara blogger Anda tidak akan bertemu seseorang TANPA akun di Yandex). Jika Anda akan membuat tayangan slide dari album yang ada, maka Anda dapat langsung menggulir petunjuk ini beberapa poin ke bawah. Dan kami akan segera melihat cara membuat album yang benar-benar baru dan menganimasikan isinya.

Beri nama album dengan benar - bukan album #1 atau 463524. Namanya akan ditampilkan di awal slideshow. Buatlah deskripsi yang baik. Mungkin itu hanya kebiasaan - jika memungkinkan, tambahkan deskripsi. Tapi tetap saja, ada harapan Yandex akan lebih memperhatikan blog kita ... Yah, mungkin pencarian gambar akan berjalan lebih cepat.

Ingatlah bahwa ini belum diunduh. Agar album kami muncul di layanan Foto Yandex, klik tombol biru di pojok kanan bawah:

Sekarang Anda perlu membuka album baru dan memilih tautan "tayangan slide" - di sebelah kanan judul album:

Sebenarnya, itu saja. Inilah gambar yang sangat indah yang akan kita lihat:

Untuk menyesuaikan efek mengubah foto - klik panah kuning di tengah. Saat Anda menggerakkan kursor ke atas layar tampilan slide, menu ditampilkan di bagian bawah dengan fungsi mundur, penggeser, dan tombol "efek". Klik di atasnya dan pilih bagaimana gambar akan berubah. Saya terutama menyukai efek dengan sedikit memperbesar dan memperkecil gambar. Tapi semuanya sangat cerdas - tanpa tanda bintang dan hamburan gambar yang tidak terduga menjadi piksel kecil)))

Nah, itu saja - di bawah ini adalah kode untuk penyematan di situs atau blog mana pun. Blogspot mencernanya dengan baik. Benar, jika dilihat melalui Opera versi seluler, itu tidak memuat ... Tapi ini sudah menjadi masalah browser, dan bukan alatnya. Di jendela terpisah, mereka memberikan kode untuk blog di platform LiveInternet. Anda juga bisa mendapatkan tautan ke peragaan slide - jika Anda tertarik dengan pengunjung yang datang kepada Anda di Ya.ru.

Setelah melihat selesai, informasi berikut muncul di bidang peragaan slide. Tidak terlalu cantik, tapi cukup fungsional.

Anda dapat melihat demo tayangan slide yang dibuat di depan mata Anda di akhir artikel ini http://www.domofor.com/2014/01/dvery-v-dome.html

Akhirnya! Hari ini saya menemukan bahwa menjadi mungkin untuk menerima dan mendistribusikan link langsung ke folder(dan bukan hanya file individual di dalamnya).

Sebelumnya, Anda hanya bisa mendapatkan tautan ke satu file. Atau semua file harus dikumpulkan dalam arsip dan membagikan tautan ke sana.

Namun, semua ini sangat tidak nyaman, karena. diperlukan tindakan pengguna tambahan. Dan ini sangat merepotkan bagi mereka yang suka berbagi foto - lagipula, jika Anda ingin menunjukkan foto / gambar Anda kepada seseorang, Anda harus mendapatkan tautan ke setiap gambar secara terpisah.

Bagaimana saya bisa mendapatkan tautan ke folder di Yandex Disk?

Melalui untuk melakukan ini tidak akan berhasil (saat ini). Jadi, Anda harus pergi ke antarmuka web layanan dan cukup pilih folder mana saja di sana (klik sekali l.k.m), yang ingin Anda dapatkan tautannya. Dan kemudian, di pojok kanan bawah, pasang sakelar "Tautan publik" ke posisi "aktif":

Sekarang link ini sudah bisa dibagikan kepada siapa saja. Antarmuka web khusus akan dimuat untuk penerima, di mana ia dapat melihat isi folder + lalu isinya:

Tampilan Katalog

Secara alami, semuanya dapat diunduh segera - dalam satu arsip .zip, atau "per bagian", mengarahkan kursor ke file terpisah.

Jika ada gambar di katalog, maka saat Anda mengklik salah satunya, peragaan slide yang nyaman akan dimulai:

Tampilan slide di Yandex Disk (dapat diklik)

Dengan munculnya kemampuan untuk mendapatkan tautan ke folder di Yandex.Disk, layanan ini dalam fungsinya sangat dekat dengan Dropbox.com itu sendiri. Benar, yang terakhir memiliki kemampuan untuk melihat video online, tetapi Anda tidak dapat menjalankan audio mp3 online. Dengan Y.Disk, sebaliknya.

Yang juga patut diperhatikan adalah layanan cloud ini:

Secara umum, Yandex.Disk berkembang sangat aktif. Selain menerima tautan langsung ke folder, kini Anda dapat membaca dokumen teks dalam berbagai format langsung secara online (.txt, .doc, .rtf, .pdf...) dan bahkan unzip arsip -