Cara Membuat Slider Carousel Otomatis Di Blog Berdasarkan Label (Categori) - Trik kali ini saya akan membahas bagaimana cara membuat dan memasang slider Carousel otomatis di blog berdasarkan label. Slider Carousel yang saya share kali ini sangat sederhana dan hanya menggunakan jCarousellite script tanpa menambahkan efek easing dan mousewheel.
Fungsi kerja dari slider ini adalah sama seperti pada Cara Membuat Foto Slideshow Dan Slider Di Blog yang sudah pernah saya posting sebelumnya. Sobat tinggal mengganti dengan label sobat dan slider ini akan bekerja sesuai dengan label yang sobat masukkan.
Berikut contoh gambar screenshoot Slider Carousel Otomatis Berdasarkan Label (Categori) Di Blog:Cara pemasangannya pun sangat mudah, jika sobat sudah pernah mempraktekkan artikel saya yang berjudul Cara Membuat Foto Slideshow Dan Slider Di Blog, Tutorial trik kali ini terasa sangat mudah, karena langkah-langkah pembuatannya hampir sama.
Untuk membuatnya, Silahkan sobat ikuti saja langkah-langkahnya sebagai berikut di bawah ini:
1. Silahkan sobat >> "Login/Masuk" ke Blog dengan akun sobat.
2. Setelah itu pilih blog yang ingin sobat tambahkan slider ini.
3. Pilih menu atau Masuk ke "Template" >> Edit HTML, Jangan lupa Centang "expand widget templates".
4. Untuk menghindari dan berjaga-jaga agar tidak terjadi kesalahan dalam pengeditan nantinya, Backup dulu template sobat.
5. Setelah semua langkah-langkah diatas sudah sobat lakukan, Silahkan sobat cari kode ]]>
(Gunakan CTRL+F untuk memudahkan pencarian)
6. Jika sudah ketemu, Kemudian sobat letakkan kode berikut ini, Tepat sebelum atau diatas kode ]]>
Berikut Kodenya:
READ MORE
Daftar Isi by label (Category) itulah kata familiarnya dalam dunia blogger untuk artikel yang akan saya share ini. Membuat daftar isi dalam blog merupakan keinginan dari setiap blogger maupun design web. Sebab dengan cara ini akan dapat mempermudah para pengunjung atau visitor yang datang ke blog kita, Agar bisa dengan cepat menemukan saat mencari artikel posting apa yang di inginkan.
Tampilan dari daftar isi by label ini kurang lebih seperti daftar isi Jquery Accordion, Kerena fungsinya juga sama-sama daftar isi by label. Namun untuk daftar isi dengan Jquery Accordion sudah menggunakan efek Jquery dan akan menampilkan daftar isi dari isi keseluruhan blog itu sendiri, Sedangkan daftar isi by label atau banyak label ini bisa di atur manual perlabel atau banyak label yang kita ingin tampilkan di halaman posting, laman maupun widget blog.
Agar sobat tidak bingung dan ingin melihat seperti apa daftar isi dengan Jquery Accordion, Silahkan sobat bisa lihat pada artikel posting yang sudah pernah saya share dan perbarui sebelumnya, Yaitu tentang Cara Membuat Daftar Isi Jquery Accordion Di Blog.
Oke sekarang kita kembali ke pokok bahasan cara membuat daftar isi label tertentu atau banyak label di blog. Cara pemasangannya di blog sangat mudah sekali, Karena sobat tidak usah repot-repot Edit HTML dalam template blog sobat yang tentunya sangat rumit dan membingungkan. Cukup hanya menaruh kodenya dalam rancangan atau Tata Letak blog melalui Tambah Gadget, Jadi sangat gampang sekali untuk di pindah-pindah widgetnya seperti yang sobat inginkan agar sesuai dengan tampilan blog sobat.
Lihat contoh gambar screenshot berikut atau lihat pada blog DEMO KUCOPAS.
READ MORE
Salam jumpa lagi dengan blog KUCOPAS ya sobat, Kali ini saya akan memberikan tutorial blog gratis dalam hal yang masih berhubungan dengan footer. Mari kita kupas habis cara-caranya membuat dan memasang footer di blog.
Pada artikel posting sebelumnya saya sudah pernah menjelaskan tentang cara membuat dan memasang footer multi kolom dan juga footer 2 kolom di blog, Silahkan sobat bisa lihat artikelnya. Karena cara membuat dan memasang footer 3 kolom di blog tidak jauh berbeda dengan artikel yang sudah pernah saya terangkan sebelumnya, Yang berbeda hanyalah kode yang terakhir yang akan di tambahkan dalam edit html template blog sobat.
Bagi sobat yang masih penasaran dengan footer 3 kolom yang akan kita buat nanti, Di bawah ini saya tunjukkan gambar screenshot footer 3 kolom pada dasboard tata letak blog.
Oke sekarang kita langsung menuju ke tutorialnya cara memasang footer 3 kolom di blog, Silahkan sobat ikuti langkah-langkahnya dan jangan sampai ada yang terlewatkan sebagai berikut:
Langkah yang pertama, Silahkan sobat >> Masuk atau Login ke Blogger.com menggunakan akun sobat.
Setelah masuk, Silahkan sobat pilih blog yang akan di pasangi footer 3 kolom.
Pada Dashboard blog pilih menu >> Template, Kemudian >> Unduh template lengkap.
Jika sudah, Silahkan sobat klik >> Edit HTML >> Lanjutkan >> Centang "Expand Template Widget".
Kemudian cari kode ]]> (Gunakan CTRL + F untuk mempercepat pencarian).
Setelah ketemu, Langkah yang selanjutnya silahkan sobat tambahkan semua kode berikut diatas atau sebelum kode ]]>
READ MORE
Pada kesempatan kali ini saya akan share artikel trik tentang cara mengatasi tombol balas komentar blog yang tidak berfungsi untuk membalas komentar. Hal ini juga pernah saya alami pada blog KUCOPAS ini, Namun setelah saya cermati kode HTML dalam template ternyata ada sedikit kesalahan, khususnya untuk kode yang berhubungan dengan komentar blog.
Solusi dan cara jitu untuk mengatasi tombol balas (reply) komentar blog yang tidak berfungsi untuk membalas komentar adalah dengan cara menghapus kode komentar pada edit html template blog dan menggantinya dengan kode komentar yang baru. Cara ini terbukti sangat jitu dan 100% berhasil, Karena saya sudah pernah melakukanya pada blog KUCOPAS ini.
Untuk lebih jelasnya sobat bisa melihat perbedaan pada dua contoh gambar screenshot di bawah ini.Keterangan dari gambar di atas adalah saat tombol balas (reply) komentar di blog tidak bisa berfungsi untuk membalas komentar, Dan akhirnya untuk membalas komentar hanya bisa di lakukukan dengan cara berkomentar di form komentar di urutan paling bawah, Dan tidak bisa balas (reply) langsung di bawahnya komentar para pengunjung blog.
READ MORE
Kali ini saya akan berbagi trik dan tips bagi sobat KUCOPAS semuanya, yaitu trik tentang Cara Membuat Foto Slideshow Di Blog atau Foto Slider di Blog. Mungkin diantara sobat semua sudah ada yang mengerti tentang foto slideshow, Namun kali ini saya akan menerangkan tentang cara membuat Foto Slider Carausel Otomatis di Blog. Contoh atau Demonya sobat bisa melihat seperti di halaman utama situs DetikSport, Lihat bagian bawah menu, ada foto slideshow begitulah kira-kira tampilanya nanti.
Sedikit penjelasan untuk sobat, Foto Slideshow yang akan kita buat ini nanti bisa di edit sedikit scriptnya. Karena Foto Slideshow ini bisa di buat berdasarkan Label atau Kategori, dan juga bisa untuk posting terbaru atau artikel terbaru. Jadi sobat bisa memilihnya seperti yang sobat suka, Pilih Foto Slideshow berdasarkan label (kategori) atau Foto Slideshow berdasarkan posting terbaru (artikel terbaru).
Fungsi dari Foto Slideshow ini adalah bisa untuk mempercantik blog atau website kita, Karena tampilanya yang dinamis. sebab, Foto Slideshow ini disamping menampilkan foto juga akan menampilkan judul posting blog kita, dan jika di klik, maka akan menuju artikel yang selengkapnya postingan kita.
READ MORE
Beberapa keuntungan memakai Jasa Seo antara lain adalah :
Peluang calon pelanggan mengunjungi situs web mereka menjadi lebih besar. Hal tersebut dapat berlanjut pada meningkatnya tingkat konversi dari pengunjung biasa menjadi pembeli.
Berada pada peringkat pertama hasil pencarian memberikan citra dan reputasi yang baik bagi sebuah situs di mata pengunjung.
Alternatif selain memakai JASA SEO adalah dengan cara memasang iklan di google, atau biasa disebut Google AdWords. Google AdWord menerapkan mekanisme pay per click atau bayar per klik, artinya untuk setiap iklan yang diklik oleh pengunjung, pemasang iklan akan dikenakan biaya, yang besarnya berbeda-beda tergantung pada proses lelang (bidding) katakunci yang dilakukan oleh pemasang iklan.
Mampir Kesini ya sob, bagi sobat ingin mengetahui Harga Blackberry dan mau belajar Cara Membuat Blog
READ MORE
Di indonesia sendiri sudah banyak pihak pihak yang menyediakan JASA SEO, baik itu untuk perusahaan besar, Toko online, UKM, dll.besarnya permintaan layanan Jasa seo ini berbanding lurus dengan harga yang ditawarkan dari pihak pihak penyedia jasa seo. tarifnya pun beragam, mulai dari ratusan ribu s/d puluhan juta untuk sebuah keyword yang akan menjadi target.
Tarif Jasa Seo
Mengenai Tarif Jasa Seo beragam, namun mekanismenya mudah, biasanya penyedia jasa seo tersebut meminta DP 50% diawal sebagai tanda jadi bahwa order akan segera diproses, nanti setelah keyword yang dibidik sesuai dengan target barulah pihak pengorder membayar full keseluruhan biaya tersebut.
Biasanya Jasa Seo ini memiliki target 3-6 bulan waktu pengerjaan Jasa Seo yang ditawarkan, namun tidak menutup kemungkinan lebih dari waktu yang ditentukan karena tingkat kesulitan Sebuah keyword yang ditargetkan.
READ MORE
Cara Merubah background header blog dengan gambar | Pengertian header pada blog yaitu kepala / judul dan deskripsi blog. Tentunya dengan mengganti background header blog, misalnya dengan gambar cewek anda, atau foto anda sendiri, akan kelihatan bagus dan mempunyai kesan fantastic blog anda. Dan akan menunjukkan jati diri bahwa itulah blog anda yang sebenarnya, iyakah ?
Cara Mengganti Background Header
Untuk anda yang ingin mengganti header sidebar blog, caranya sangat mudah. Buat dulu gambar anda di photoshop atau yang lainnya. Tentukan ukuran gambar anda yang akan dipasang pada header blog sesuai dengan ukuran header blog anda. Lalu hosting ke photobucket atau hosting lainnya juga boleh. Setelah anda mendapatkan url gambar yang telah di upload tadi, langkah selanjutnya simak artikel saya sampai tuntas ya.
Berikut langkah-langkah cara mengganti background header pada blog dengan image :
1. Login ke Blogger dengan ID anda
2. Klik Rancangan
3. Klik Edit HTML
4. Centang Expand Template Widget
5. Cari kode seperti di bawah ini (supaya cepat pakai ctrl + F)
#header-wrapper {
padding-bottom: 3px;
background: url(#) no-repeat $startSide bottom;
}
6. Ubah kode yang berwarna merah (#) dengan URL gambar anda yang sudah di upload
7. Selesai, save template
Sekian dulu pembahasan tentang merubah background header dengan gambar pada blog, Selamat mencoba
READ MORE
Cara ini digunakan untuk mengubah/menambahkan gambar header secara keseluruhan sebagai background/latar. Jika hanya ingin mengganti/memasang gambar header pada judul dan deskripsi, cukup masuk ke Page Elements dan klik edit pada widget judul dan deskripsi pada bagian header. Upload gambar anda melalui fitur upload yang telah disediakan.
click to enlarge
Namun untuk mengganti seluruh bagian backround/latar wrapper header di blog anda, gunakan cara berikut:
1. Masuk ke Edit HTML.
2. Cari (Ctrl+F) #header-wrapper atau yang sejenisnya (masing-masing template tidak sama tergantung basic template tersebut). Declarator ini selalu di bagian pengaturan header dan posisinya paling atas.
Contoh:
#header-wrapper{background-color:#00000;width:975px;margin:0 auto 0;height:125px;)
3. Tambahkan atribut ini sebelum background-color (atau anda dapat menghapus bagian background color jika header anda akan dipenuhi dengan gambar):
background image: url(http://alamat-url-gambar/gambar.jpg);
background-repeat: no-repeat;
contoh jadinya:
#header-wrapper{
background image: url(http://alamat-url-gambar/gambar.jpg);
background-repeat: no-repeat;
background-color: #00000;
width:975px;margin:0 auto 0;height:125px;)
Atau aturan shorthand untuk background juga dapat digunakan:
background:url(http://alamat-url-gambar/gambar.jpg) no-repeat #000000;
contoh:
#header-wrapper{background:url(http://alamat-url-gambar/gambar.jpg) no-repeat #00000; width:975px;margin:0 auto 0;height:125px;)
Ganti http://alamat-url-gambar/gambar.jpg dengan direct url dimana anda mengupload gambar header blog. Sebelum mengupload & memasang gambar header, edit atau pastikan ukuran gambar sama dengan width dan height header blog.
4. Save template.
Jika ada pertanyaan, permasalahan, atau apa saja, silakan gunakan form comment.
READ MORE
Haii sob .aku punya tips lagi nich.hehehe dalam postingan saya yang ini saya mau membahas bagaimana Cara Ganti Background Header Blog Dengan Gambar.Mungkin buat kamu header blog hanya dengan menggunakan warna terlihat kurang aktraktif . kalo belum tau apa itu header .header adalah kepala template sebuah blog. itu tuch tempat judul dan deskripsi blog kamu berada. untuk mengganti background blog bisa dilakukan dengan 2 cara .cara yang pertama adalah dengan menggantinya secara langsung di dalam elemen template .namun cara ini kadang-kadang tidak berhasil kalo kita udah ganti template dengan template versi baru.cara kedua untuk mengganti header template dengan gambar adalah dengan langsung turun ke dalam HTML penyusun template blog yang kamu gunakan .
Buat kamu yang belum punya gambar untuk header blog kamu,kamu bisa lihat dan download disini. dan langsung aja yuk kita praktek bagaimana Cara Ganti Background Header Blog Dengan Gambar.
Cara pertama:
1.Login ke Blogger dengan ID kamu.
2.Klik Tata Letak Kemudian klik Header maka akan terbuka jendela seperti ini .
3.Kasih tanda titik jika kamu sudah memiliki gambar di komputer kamu yang ingin kamu jadikan sebagai background. Kalo belum silakan download disini
4.Jika kamu mendapatkan gambar dari internet atau kamu menyimpanya pada sebuah tempat penyimpanan gambar online .kamu tinggal masukin aja link URL gambarnya pada kolom teks yang bertuliskan Dari Web
5.Setelah itu jangan lupa klik Simpan.
Catatan :Jika cara pertama tidak berhasil maka kamu harus melakukan cara ke dua berikut ini.
Cara ke dua:
1.Login ke Blogger dengan ID kamu.
2.Klik Tata Letak Kemudian klik Edit HTML lalu cari kode sperti di bawah ini .untuk memudahkan pencarian klik tombol CTRL+F.
#header-wrapper {
padding-bottom: 3px;
background: url(#) no-repeat $startSide bottom;
}
3.Ganti tanda pagar(#) yang berwarna biru dengan URL gambar yang kamu temukan di internet atau gambar yang kamu taro di tempat penyimpanan gambar.klo mau tau cara menyimpan gambar secara online silakan klik disini
4.Kalo udah selesai silakan klik save template
READ MORE


