Coba

Plumrose Lane Tutorial

Menterjemahkan
  Diberdayakan oleh Terjemahan
Kamis
Cara: Tambahkan Dekoratif Pos Divider
Tutorial berikut akan membantu Anda dalam menambahkan posting pembagi ke blog Anda sendiri. Posting pembagi berfungsi sebagai divisi dekoratif antara setiap posting blog.

Posting pembagi mudah diinstal melalui wilayah Designer Template blog Blogger Anda dengan memasukkan potongan kode kecil ke daerah CSS Tambah.

1. Sebelum Anda mulai Anda harus memilih gambar pasca pembagi untuk digunakan pada blog Anda. Posting pembagi dapat ditemukan di dua lokasi di website saya ~ pada halaman tema individu dan pada halaman Pembagi Post. Anda dapat melihat daftar lengkap pada halaman Pembagi Post by mengklik di sini .

a.) Setiap gambar pasca divider memiliki kode lengkap tercantum di bawah gambar. Anda akan menggunakan kode yang untuk menginstal gambar posting pembagi di blog Anda. Saya sarankan menyalin kode dan paste sementara ke file teks ~ jika Anda menggunakan PC Windows kemudian "Notepad" dokumen adalah pilihan yang baik untuk itu. Hal ini membuat proses lebih mudah dan tidak terlalu membingungkan.

b.) Pada contoh di bawah ini saya akan menggunakan Whispers Spring pos pembagi dan di sini adalah apa yang terlihat seperti pada halaman ....

410 gambar lebar dan kode

<span class="notranslate" onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left">.post{margin: 0 0 40px 0; width: 90%; background: url(http://www.prl-images.com/images/post_dividers/PrL-FncflFly-divider-x410.png); background-repeat: no-repeat; background-position: bottom center; margin:.5em 0 1.5em; padding-bottom:4.5em; }</span> . Pos {margin: 0 0 40px 0; width: 90%; background: url (http://www.prl-images.com/images/post_dividers/PrL-FncflFly-divider-x410.png); background-repeat: tidak mengulang-; background-position: tengah bawah, margin: .5 em 0 1.5em; padding-bottom: 4.5em;}</span>
c.) Untuk menginstal pembagi posting kita akan menggunakan kode yang ditemukan di bawah contoh gambar, bukan gambar itu sendiri. saya akan menyalin seluruh bagian dari kode di atas ke dokumen Notepad dan membiarkannya terbuka untuk menggunakan sedikit nanti. Sekarang mari kita beralih ke menginstal kode ke blog kita ...

2. Mulailah dengan login ke blog Anda dan menavigasi ke "Template" daerah ...


3. Selanjutnya, klik pada "Customize" tombol untuk masuk ke area Designer Template blog Anda ...


4. Pada bagian bawah menu sebelah kiri, klik "Advanced" ...



5. Sekarang gulir ke bawah pilihan menu batin sampai Anda melihat Tambahkan CSS dan klik pada itu ....



6. Ini akan membawa Anda ke daerah CSS blog Anda ...



7. Jika sebelumnya Anda menambahkan perubahan CSS lain ke blog Anda maka Anda mungkin melihat beberapa kode muncul dalam bagian ini. Dalam contoh di bawah ini, saya memiliki potongan kode yang sudah dimasukkan ke pusat banner saya ...


Jika hal ini terjadi pada blog Anda sendiri mereka pastikan untuk meninggalkan kode yang seperti, tidak menghapusnya. Kami hanya akan menambahkan sedikit tambahan kode di bawah ini, jadi pastikan mouse Anda diposisikan di bawah kode yang sudah ada.

8. Sekarang, salin kode pos pembagi dan tempel ke "Add CSS kustom" daerah ~ lagi, pastikan untuk tempel di bawah kode / s yang sudah ada sebelumnya ...

  . Pos {margin: 0 0 40px 0;
 width: 90%;
 background: url (http://www.plumroselane.com/image.png);
 background-repeat: no-repeat;
 background-position: tengah bawah;
 margin: .5 em 0 1.5em;
 padding-bottom: 4,5 em;
 }


Bagian ditampilkan dalam warna merah berbeda untuk setiap gambar jadi saya buat bahwa link generik dalam contoh di atas. Anda tidak perlu membuat perubahan ke kode, asalkan Anda menggunakan salah satu posting saya pembagi.

9. Dalam contoh saya kode sekarang terlihat seperti ini ...



10. Dengan kode sekarang di tempat Anda sekarang dapat melihat bagaimana gambar pasca pembagi akan muncul. Untuk melakukan ini, gunakan lebih rendah scroll bar di sisi kanan gulir ke bawah pandangan sampel blog Anda ...


13. Terus bergulir ke bawah sampai Anda melihat contoh pos pembagi muncul ...



Jika contoh tidak muncul maka periksa untuk memastikan Anda menyalin dan menyisipkan seluruh kode ke dalam wilayah CSS. Dalam beberapa kasus, posting pembagi mungkin tidak muncul. Jika hal ini terjadi saya sarankan mundur dari Template Designer, jangan menyimpan perubahan, dan mulai dari awal lagi. Harap diingat bahwa jika Anda sebelumnya telah menginstal pembagi posting Anda harus menghapus kode yang sebelum mencoba untuk memasukkan yang baru.

14. Dengan segala sesuatu set, cukup klik "Apply to Blog" tombol untuk menyimpan perubahan Anda ...



Mengatur ruang di sekitar pembagi posting Anda: Jika Anda menemukan gambar pasca pembagi tampaknya sempit di bawah bagian bawah posting Anda maka Anda dapat mengubah nomor terakhir pada baris bawah dari kode untuk jumlah yang lebih tinggi. Ini menyesuaikan margin antara posting Anda dan posting pembagi. Mengubah nomor ke nomor yang lebih tinggi, seperti 5.5, 6.5 atau 7.0 akan menambahkan lebih banyak ruang antara posting blog Anda dan gambar pos pembagi.

Nikmati!
Diposkan oleh Plumrose Lane di 01:10
Label: blog , blogger , blogging , dekoratif , pembagi , bantuan , bagaimana , instruksi , plumrose lane , posting , postingan , tema , tutorial
5 komentar:

    scrappingjoy 8 Februari 2013 at 18:47

    terima kasih! Saya hanya melakukannya! Instruksi yang sangat mudah dipahami. Terima kasih banyak. Cinta desain Anda.
    Balas
    Jamie Clark 2 Juni 2013 at 07:33

    Aku hanya ingin mengucapkan terima kasih untuk tutorial dan untuk awesome pos pembagi. Saya menambahkan blog Anda tombol untuk blog saya :) Akan kembali ketika saya dapat tip! Terima kasih lagi!
    Balas
    Balasan
        Plumrose Lane 2 Juni 2013 at 09:01

        Terima kasih Jamie!
        Membalas
    pinkclover.cards 17 Agustus 2013 at 14:41

    Banyak terima kasih untuk yang besar, mudah untuk memahami tutorial - SUKSES!! Desain Fab! :)
    Balas
    Balasan
        Plumrose Lane 18 Agustus 2013 at 09:39

        Terima kasih atas komentar pinkclover.cards ~ sangat senang itu membantu!
        Sharon
        Membalas

Load more...

Karena peningkatan baru-baru komentar SPAM preauthorization untuk sementara ditetapkan untuk semua komentar ~ setelah situasi membaik saya akan menghapus fungsi tersebut.

Saya suka komentar Anda dan menghargai pendapat Anda begitu banyak ~ Saya harap Anda menikmati kunjungan Anda dan datang kembali sering.
Sharon

Posting Lebih Baru Posting Lama Beranda
Langgan: Entri (Atom)
Cari Blog Ini
               
Tema Baru
Makin 'Splash
Pertandingan Malam
Waking Mimpi
Cotton Kupu-kupu
Featherly
Baca All-over
Besar n Powerfull
Garden Party
Upacara perkawinan
Filly aneh
               
Sponsor
Memori Bound
Ramblings dari Nanaland
Mountain Rose Herbal. Sebuah herbal, kesehatan dan keharmonisan c
Sevenly
Bisnis Kartu, MiniCards, Kartu pos dan lebih
Terima kasih kepada jiwa-jiwa kreatif yang membantu mendukung kami gratis & tutorial.

Jika Anda adalah seorang seniman independen atau usaha kecil dan ingin menjadi mitra, silahkan hubungi kami .
Berbagi cinta:
Plumrose Lane
<span class="notranslate" onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left"><center><a</span> <center> <a</span> <span class="notranslate" onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left">target=_blank><img border=0 src=http://www.prl-images.com/images/my_images/badges/PrL_badge.png alt="Plumrose Lane" /></a></center></span> target = _blank> <img border=0 src=http://www.prl-images.com/images/my_images/badges/PrL_badge.png alt="Plumrose Lane" /> </ a> </ center></span>
... Atau klik disini untuk melihat lebih dari lencana saya
Berlangganan

Masukkan alamat email Anda:

Disampaikan oleh FeedBurner

Membantu mendukung gratis dan tutorial kami dengan menjadi mitra atau meninggalkan tip.

Klik jar di atas untuk meninggalkan tip ♥

Liga Pertahanan Badge
Recent Visitors
[Click to Get a Live Map for your Blog or Website]


Dapatkan Izin
Silakan Be Kind

Creative Commons License

Semua konten dan foto hak cipta Plumrose Lane © 2013. Izin dibawah US Commons Attribution, Noncommerical, Berbagi Serupa Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 Unported License .

Isi situs ini tidak boleh direproduksi atau diubah dengan cara apa pun tanpa izin tertulis.
FBI Peringatan Anti-Pembajakan
Ya ... itu ole jelek tombol FBI besar 'tapi mereka orang-orang yang benar-benar akan membantu kami jika pekerjaan kita dicuri.
               
© Copyright 2013 Plumrose Lane. Semua Hak Dilindungi. Didukung oleh Blogger .
Site Meter
Teks asli Inggris
To do this, use the lower scroll bar on the right side to scroll down the sample view of your blog...
Sarankan terjemahan yang lebih baik
Contact usPrivacy Policy
Copyright © 2013. Daftar Info Online - All Rights Reserved