Tampilkan postingan dengan label Halaman Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Halaman Blog. Tampilkan semua postingan

Cara Terbaru Menyembunyikan / Menampilkan Widget di Blogger

Cara Menyembunyikan / Menampilkan Widget  di Blogger
Cara Menyembunyikan / Menampilkan Widget  di Blogger

Seperti beberapa dari Kita mungkin telah menyadari, semua widget / gadget. Kita menambahkan ke blog. Kita, akan menampilkan pada semua halaman secara default, termasuk homepage juga. Dan saya yakin sangat sedikit yang tahu bahwa AdSense bisa menonaktifkan akun Kita jika Kita telah menempatkan unit iklan dalam konten dari kontak atau privasi halaman kebijakan Kita.

Oleh karena itu, menyembunyikan unsur-unsur tertentu di dalam halaman blog Kita tidak berbicara soal desain, tetapi juga suatu kebutuhan.

Untuk Menyembunyikan (atau Menampilkan) Widget Dalam Posting Tertentu, Halaman Statis, Homepage dan Halaman Arsip.


Kita dapat menggunakan tag kondisional, berikut langkah-langkah nya :

Langkah 1. Pergi ke Blogger Dashboard > Tata Letak dan nama HTML / gadget Javascript yang Kita telah tambahkan. lakukan hal ini, akan lebih mudah bagi Kita untuk mengidentifikasi widget yang Kita miliki dalam template Blogger Kita. Beri judul yang unik sehingga tidak cocok dengan salah satu judul dari widget lainnya sudah ditambahkan.

Langkah 2. Selanjutnya yang harus lakukan adalah pergi ke Template dan klik Edit HTML.

Cara Terbaru Menyembunyikan / Menampilkan Widget  di Blogger


Langkah 3. Klik di mana saja di dalam area kode dan tekan tombol CTRL + F untuk membuka kotak pencarian

Cara Terbaru Menyembunyikan / Menampilkan Widget  di Blogger


Langkah 4. Cari HTML widget Kita dengan mengetikkan nama widget di kotak pencarian lalu tekan Enter.

Mari kita mengatakan bahwa judul untuk salah satu widget saya adalah "Recent Posts". Setelah mencari nama widget, kita akan menemukan kode yang sama di template saya:
<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>  

Kode diatas merupakan widget / gadget yang  telah saya tambahkan di lokasi Elemen Halaman (Layout).

Langkah 5. Setelah Kita telah menemukan kode widget , tambahkan tag kondisional berikut dengan warna merah tepat di bawah dan di atas untuk menyembunyikan widget dari halaman tertentu atau posting di Blogger.

Berikut Beberapa langkah , Jika kita Ingin Menampilkan / Menyembunyikan Widget Sesuai keinginan kita :

Untuk Menampilkan Widget Hanya di Homepage :


<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Untuk Menampilkan Widget Blogger  Hanya di Halaman Posting


<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Untuk Menyembunyikan Widget Blogger  di Halaman Posting


<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType!= "item"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Untuk Menampilkan Widget di Halaman Tertentu


<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == "URL of the page"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Catatan :

Ganti URL halaman dengan alamat halaman di mana Kita ingin widget untuk muncul

Untuk Menyembunyikan Widget Hanya di Halaman Tertentu


<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url != "URL of the page"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget> 

Untuk Menampilkan Widget Hanya di Halaman Statis


<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "static_page"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget> 

Untuk Menyembunyikan Widget di Halaman Statis


<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType != "static_page"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget> 

Untuk Menampilkan Widget Hanya di Halaman Arsip 


 <b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "archive"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget> 

Catatan : 

Perhatikan setiap kali Kita menambahkan alamat baru yang harus berakhir dengan .com, jika tidak maka mungkin tidak bekerja.

Langkah 6. Setelah Kita telah menambahkan tag kondisional, Save Template dan melihat blog Kita.

Itu dia! Saya tunggu anda dikomentar :)

Cara Menambahkan Background Menarik diBlogger

Cara Menambahkan Background Menarik diBlogger
Cara Menambahkan Background Menarik diBlogger

Berikut Cara Menambahkan Background Menarik diBlogger


Tutorial ini, akan menunjukkan cara untuk menerapkan latar belakang yang berbeda untuk  template yang akan berubah ketika menavigasi ke halaman tertentu, sehingga membuat setiap halaman ini memiliki desain yang unik mereka sendiri dan kepribadian.

Adapun Langkah- Langkahnya Sebagai Berikut :                                                                                     

Langkah 1. Masuk ke akun Blogger Anda, kemudian pergi ke Template dan tekan tombol 'Edit HTML'

Cara Menambahkan Background Menarik diBlogger


Langkah 2. Klik di mana saja di dalam area kode dan tekan tombol CTRL + F untuk membuka kotak pencarian

Cara Menambahkan Background Menarik diBlogger


Langkah 3. Ketik tag  CTRL +F ini  dikontak pencarian dan tekan Enter untuk menemukannya:
</head>

Langkah 4. Tepat di atas </ head> tag, paste gaya CSS berikut ,dengan Membaca  Hide / Show Widget / Gadget di Rumah / post / static / halaman arsip di Blogger (LINKNYA DI ARTIKEL 5) yang akan menerapkan gaya ke yang dipilih halaman:
<b:if cond='data:blog.url == &quot;http://address.com/page-name.html&quot;'>
<style>
body {
    background-image: url(http://DIRECT_LINK_TO_BACKGROUND_IMAGE.com/IMAGE.JPG);
    background-position: center;
    background-repeat: repeat;
    background-attachment: fixed;
}
</style>
</b:if>

Menyesuaikan  Pengaturan Background diBlogger                                                                                           

- Mengubah http://address.com/page-name.html dengan alamat URL posting blogger atau halaman di mana Anda ingin menerapkan latar belakang kustom. Jika Anda tidak memiliki domain, blog Anda mungkin diarahkan ke Negara URL Tertentu   dalam hal ini, Anda mungkin perlu mengedit alamat blog sehingga berakhir dengan .com

- Mengubah http://DIRECT_LINK_TO_BACKGROUND_IMAGE.com/IMAGE.JPG dengan link langsung dari gambar latar belakang yang ingin Anda gunakan.

Langkah 5.
Tekan tombol 'Simpan template dan selesai. Sekarang, kunjungi halaman dan memeriksa untuk melihat apakah latar belakang telah berubah. Jika Anda ingin mengubah latar belakang di halaman Blogger lain, ulangi langkah-langkah dari atas.

Cara Membuat Contact Form Simple Dengan HTML

Cara Membuat Contact Form Simple Bergaya
Cara Membuat Contact Form Simple Bergaya

Hanya beberapa hari yang lalu, Blogger memperkenalkan widget baru. Ini adalah tentang formulir kontak yang dapat Anda tambahkan ke blog Anda dengan mudah.

Hal ini sangat mendasar, karena - setidaknya untuk saat ini, tidak mengizinkan memasukkan file atau mengirim apa pun selain teks biasa.

Formulir kontak untuk Blogger memiliki beberapa fitur berikut:

Halaman untuk nama pengguna

Halaman untuk email

Halaman untuk pesan (textarea)

Tombol Kirim

Cara Membuat Contact Form Simple Bergaya

Desainnya sederhana dan warna teks memvariasi bagian di mana Anda menambahkannya. Pada saat ini, widget ini tidak memiliki opsi konfigurasi dan tidak tersedia untuk dilihat dinamis.

Bagaimana Menambahkan Formulir Kontak Untuk Blogger                                                                                                           

Untuk menambahkannya ke blog Anda, cukup pilih tab Layout, kemudian klik Add gadget di bagian yang ingin Anda tampilkan, misalnya, di sidebar. Kemudian, pilih More gadget tab dan tambahkan gadget Form Kontak.

Cara Membuat Contact Form Simple Bergaya
Dashboard Blogger

Contact Form Bergaya                                                                                                                               

Sebagai latar belakang yang transparan, formulir akan mengintegrasikan dengan baik, estetis berbicara, namun demikian itu adalah mudah untuk memodifikasi menggunakan Style Sheets (CSS) untuk pemilih yang sesuai. Berikut ini contohnya:

/* Contact Form Container */
.contact-form-widget {
width: 500px;
max-width: 100%;
margin: 0 auto;
padding: 10px;
background: #F8F8F8;
color: #000;
border: 1px solid #C1C1C1;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
border-radius: 10px;
}

/* Fields and submit button */
.contact-form-name, .contact-form-email, .contact-form-email-message {
width: 100%;
max-width: 100%;
margin-bottom: 10px;
}

/* Submit button style */
.contact-form-button-submit {
border-color: #C1C1C1;
background: #E3E3E3;
color: #585858;
width: 20%;
max-width: 20%;
margin-bottom: 10px;
}

/* Submit button on mouseover */
.contact-form-button-submit:hover{
background: #4C8EF9;
color: #ffffff;
border: 1px solid #FAFAFA;
}

Ini bagaimana gambar itu akan terlihat setelah menerapkan kode diatas :
Cara Membuat Contact Form Simple Bergaya


Untuk menambah gaya ini, pergi ke Template> Edit HTML, klik tanda panah ke samping berikutnya <b: skin> ... </ b: skin> dan paste kode tepat di atas  ]] </ b: skin> (tekan CTRL + F untuk Temukan):

Cara Membuat Contact Form Simple Bergaya
Dashboar blogger


Cara Tambah Kontak Form Dalam Sebuah Halaman Static                                                      


Pertama adalah dengan menambahkan Form Kontak gadget (Layout) dan kedua, untuk mengedit template (Template> Edit HTML) untuk menghapus sebagian besar gadget. Anda harus mencari id "ContactForm", memperluas widget dengan mengklik tanda panah hitam di sebelah kiri (sama dengan includable) dan kemudian menghapus bagian yang saya telah berwarna merah (lihat di bawah):

Cara Membuat Contact Form Simple Bergaya
Dashboard Blogger

Bagian yang akan dihapus:

Klik Untuk Melihat Code

Setelah Anda menyimpan template, buka  Laman  dan paste kode berikut ke halaman kosong baru dengan judul yang Anda inginkan:
 <div class='widget ContactForm' id='ContactForm1'>
  <div class='contact-form-widget'>
    <div class='form'>
      <form name='contact-form'>
        <p>Name</p>
        <input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/>
        <p>E-mail *</p>
        <input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/>
        <p>Message *</p>
        <textarea class='contact-form-email-message' cols='25' id='ContactForm1_contact-form-email-message' name='email-message' rows='5'></textarea>
        <input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='Submit'/>
        <p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'></p>
        <p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'></p>
      </form>
    </div>
  </div>
</div>

Pesan akan dikirim ke email yang sama yang Anda telah terdaftar di Blogger.

Itu dia! Jika Anda memiliki pertanyaan atau komentar silahkan posting di bawah ini.

Atau bisa juga dengan berkomentar :)

Cara Terbaru Menambahkan Halaman Static Blogger

Cara Terbaru Menambahkan Halaman Static Blogger
Halaman static Blogger

 

Berikut Cara Terbaru Menambahkan Halaman Static Blogger


Beberapa bulan yang lalu, Blogger telah benar-benar didesain ulang bagian dari Halaman-halaman, yang kini, terlihat sangat mirip dengan yang ada pada Blogger Posts. Sekarang kita akan mampu mengelola halaman dengan lebih fleksibel. Sebagai contoh, kita dapat mempublikasikan, menghapus atau mengubah banyak dari mereka untuk menyusun pada saat yang sama - yang baru saja berfungsi sama.

Di antara pilihan yang bisa kita temukan dengan melayang di atas halaman dan yang bisa kita lihat pada gambar di bawah ini:

Mengedit: Untuk mengakses panel editing dan mengedit isinya.

View: Buka tab baru dengan halaman yang sebenarnya.

Berbagi: Berbagi di Google+ (yang tidak mungkin dilakukan sebelumnya)

Hapus: menghapus halaman.

Cara Terbaru Menambahkan Halaman Static Blogger
Dashboard Blogger


Dalam rangka untuk membuat halaman, kita perlu membuka editor halaman dari tombol di Laman Baru. Hampir setiap pilihan memberitahu kita fungsinya.


Cara Menambahkan Alamat Widget di Halaman Web                                                                                                     

Banyak pengguna Blogger ingin tahu bagaimana kita dapat menambahkan alamat web lain, sehingga mereka menampilkan  daftar widget Pages, karena pilihan ini tidak lagi muncul di tab "Pages"?

Nah, sekarang kita harus membuka pengaturan widget Pages dengan pergi ke Layout, kemudian klik pada link Edit di widget / gadget untuk Pages (jika Anda tidak memiliki gadget Laman, klik pada Tambah Link Gadget dan pilih "Pages" dari jendela pop-up).

Dan dari sana, kita akan menemukan pilihan yang mengatakan: Tambahkan link halaman dan kita harus ketik Alamat Web di bidang kedua setiap kali kita ingin menambahkan halaman baru dari alamat tertentu atau URL (lihat gambar di bawah).

Cara Terbaru Menambahkan Halaman Static Blogger
Dashboard Blogger


Fitur lain yang keren yang telah dibangun adalah bahwa sekarang akan mungkin untuk menambahkan deskripsi pencarian, dan di bidang itu untuk menambahkan teks yang ingin kita muncul dalam hasil pencarian. Sampai saat ini, pilihan ini telah tersedia hanya untuk posting blog.

Cara Terbaru Menambahkan Halaman Static Blogger
Dashboard Blogger


Opsi ini akan muncul setelah Anda mengaktifkan Aktifkan deskripsi penelusuran?

Pengaturan dengan memilih Ya. Ini akan muncul di "Meta Tags" dengan mengakses preferensi untuk mesin pencari: Pengaturan > Cari preferensi > Meta Tags > Aktifkan deskripsi penelusuran?

Itu dia ! Saya tunggu anda dikomentar

Cara Mengatur Custom Pengalihan di Blogger

Cara Mengatur Custom Pengalihan di Blogger
Cara Mengatur Custom Pengalihan di Blogger

Seiring waktu, kebanyakan blog akan melalui banyak perubahan, seperti tulisan yang ditambahkan atau dihapus. Dalam beberapa kesempatan, Kita tidak ingin orang-orang Mendapat Pesan 404 Not Found )ketika mereka surfing ke posting atau halaman yang tidak ada di blog Kita dan sebaliknya, membuat semua permintaan untuk link khusus untuk diarahkan ke yang lain halaman. Salah satu cara terbaik untuk menghindari link yang rusak dan menjaga lalu lintas mengalir ke arah yang benar adalah pengaturan kustom pengalihan melalui alat Blogger Kustom Pengalihan.

Dalam posting ini, kita akan melihat bagaimana untuk mengatur kustom pengalihan untuk Blogger posting dan mengarahkan URL lama ke URL baru. Tapi sebelum mengarahkan URL apapun, Kita harus tahu bahwa ada dua jenis pengalihan:

Sebuah Pengalihan302 berarti bahwa halaman telah pindah sementara. Pengalihan ini tidak lulus nilai URL ke lokasi baru dan sebaliknya, itu akan membawa pengunjung ke lokasi yang sesuai sehingga Kita tidak menunjukkan mereka halaman 404 tidak ditemukan, atau halaman kesalahan. Kita dapat menggunakan 302 pengalihan untuk segera hadir kehalaman kita.

Sebuah pengalihan 301 berarti bahwa halaman telah pindah secara permanen ke lokasi baru. Gunakan pengalihan 301 ketika Kita menghapushapus atau mengubah URL dari posting Kita. Dalam kebanyakan kasus, 301 selalu dianjurkan untuk SEO karena mereka akan melewati (power Peringkat) hanya jika link  halaman diarahkan dan pengunjung juga akan mendapatkan keuntungan dari ini. Namun, 301 tidak cocok ketika Kita mengubah kebiasaan-domain Kita, karena hanya mendukung pengalihan dalam blog yang sama, tidak URL eksternal.

Sekarang kita sudah didirikan yang mana, mari kita lihat bagaimana untuk mengatur kustom pengalihan untuk Blogger posting.

 

Cara pengalihan URL lama ke URL baru di Blogger                                                                                             

Langkah 1. Login ke Kita akun Blogger dengan email dan password.

Langkah 2. Klik pada blog Kita ,pergi ke Settings \ Cari Preferences dan klik "Edit" di samping "Custom Pengalihan."

dashboard bloger
dashboard bloger

Langkah 3. Masukkan URL tua di "Dari" lapangan, dan URL baru di bidang "Kepada" termasuk garis miring "/" (lihat gambar di bawah).

dashboard bloger
dashboard bloger

Catatan: Jangan masukkan URL lengkap di bidang ini. Hanya menghilangkan alamat blog Kita dan ketik hanya sisa link. Sekali lagi, ini hanya bekerja jika Kita ingin mengarahkan dalam blog blogger Kita dan tidak ada link eksternal.

Langkah 4.Click "Simpan" link (1) dan "Simpan perubahan" tombol (2), dan Kita selesai!

dashboard bloger
dashboard bloger



dashboard bloger
dashboard bloger

Jika Kita ingin mengarahkan lebih banyak halaman, cukup klik tombol "pengalihan Baru".

Mengalihkan Homepage Blogger Halaman 404 Eror

mengalihkan homepage bloger halaman 404 eror
Mengalihkan homepage bloger halaman 404 eror

Sebuah halaman kesalahan 404 memberitahu Kita dan mesin pencari bahwa halaman tidak ditemukan dengan menampilkan teks yang mirip dengan itu "Maaf, halaman yang Kita cari di blog ini tidak ada.". Hal ini bisa terjadi karena Kita telah mengubah URL Kita , baik dihapus beberapa halaman ketika Kita merombak desain atau pengunjung mungkin tidak sengaja salah mengetik sebuah inexistent URL di blog Kita, sehingga secara otomatis diarahkan ke halaman kesalahan 404 (halaman tidak ditemukan) .