Showing posts with label Ilmu SEO. Show all posts
Line For PC New Updates Free
By : AdminHallo Reader.
Kembali bersama gue "Si Writer Kece dari Pulau Sumatra (Pede banget -_-)". Kali ini gue bakal ngepost tentang Application or Software Line. Line Corp. sudah meluncurkan App and Software ke berbagai OS baik di Smartphone, Windowsphone, iPhone, PC dan jenis lainnya. Yang bakal gue share dipost ini adalah Line For PC (Windows 7/8/Mac Os).
Bagi yang mau SS gue kasih SS dari PC :
Udah liat kan? Btw jangan lupa add id Admin/Writer : adityadwicahy
Bagi yang mau download silahkan buka link website line asli, bagi yang ga mau search di google. Gue kasih linknya disini.
Line Download Link
Jangan lupa ninggalin jejak :D
Kembali bersama gue "Si Writer Kece dari Pulau Sumatra (Pede banget -_-)". Kali ini gue bakal ngepost tentang Application or Software Line. Line Corp. sudah meluncurkan App and Software ke berbagai OS baik di Smartphone, Windowsphone, iPhone, PC dan jenis lainnya. Yang bakal gue share dipost ini adalah Line For PC (Windows 7/8/Mac Os).
Bagi yang mau SS gue kasih SS dari PC :
Udah liat kan? Btw jangan lupa add id Admin/Writer : adityadwicahy
Bagi yang mau download silahkan buka link website line asli, bagi yang ga mau search di google. Gue kasih linknya disini.
Line Download Link
Jangan lupa ninggalin jejak :D
Tag :
For PC,
Free,
Gadget,
Ilmu Komputer,
Ilmu Pengetahuan,
Ilmu SEO,
iPhone,
Ketikan ADC,
Line,
Line PC,
New Update,
Smartphone,
Software,
Windows,
Tips Meningkatkan Ranking Blog
By : Admin
Untuk meningkatkan Google pagerank dan Alexa rank Blog Anda secara manual,
Sobat dapat mengikuti beberapa tips dibawah ini :
- Isi yang segar dan bagusBuat postingan yang menarik agar banyak pengunjung yang datang, bisa dengan tutorial , tips , trik atau info yang sedang hangat / trend .Google akan mengindex situs kita harian, jika pengunjung situs kita selalu bertambah tiap harinya. Bagaimana sih agar pengunjung selalu bertambah tiap harinya? Jadi usahakan selalu menambahkan isi (content) yang segar di situs kita secara berkala dan teratur sebisa mungkin.
- Daftarkan blog ke search enginelakukan verifikasi dan daftar blog di google sitemap agar mudah terindex.
- Meta Tag yang bagusMeskipun kegunaan kata kunci di meta tag dalam hal meraih peringkat atas pada hasil pencarian di google masih diperdebatkan, tapi jangan sampai kita mengabaikan title tag dan meta description tag.
- Link PopularityGoogle bank sangat bergantung pada berapa banyak orang yang telah benar-benar terhubung ke situs Anda. Logika Google adalah bahwa jika lebih banyak orang telah menghubungkan ke situs Anda, mereka telah jelas menemukan situs Anda menjadi situs yang baik. Kalau tidak kenapa mereka harus terkait dengan hal itu? Juga jika Anda terhubung dari situs yang lebih populer daripada Anda, peringkat Anda tiba-tiba akan melonjak.
- Cari backlink berkualitas sebanyak-banyaknyajika page rank blog anda 2 cari backlink pada blog yang page rank 3 , 4 , dan yang lebih tinggi ( sebaiknya sesuai kategori blog anda , karena google menilai berdasarkan kuantitas dan kualitas link).
- Buatlah link (anchor text) yang mengarah ke postingantempatkan link tersebut di menu bar atau di side bar atau di tempat yang mudah di klik oleh pengunjung (direkomendasikan di menu bar /menu navigasi karena lebih mudah di deteksi oleh robot google).
- Memberi komentarMemberi komentar pada blog yang banyak pengunjungnya dan mempunyai page rank tinggi, beri komentar yang bagus supaya bisa menarik perhatian pemilik blog atau pengguna lain , sertakan link sehingga orang lain bisa dengan mudah menuju ke blog anda ( hal ini diharapkan dapat meningkatkan traffik blog anda).
- Update blog secara berkalajika anda ingin membuat 4 postingan saya sarankan sebaiknya mengupdate 2 saat ini dan 2 lagi besok atau anda bisa memanfaatkan publish postingan berkala ( terjadwal) , karena google lebih senang dengan situs yang sering di update karena google menganggap ada kegiatan yang kontinyu dalam blog anda . Catatan: 2 postingan minggu ini kemudian 2 lagi postingan minggu depan ( lebih disenangi google daripada 4 postingan dalam minggu ini, dan 4 postingan 2 minggu berikutnya / ada vakum dalam 1 minggu ).
- Daftarkan blog anda ke web direktori atau blog direktori gratisOpen Directory memberikan hasil direktori ke Google. jika Anda terdaftar dalam direktori, dan di kategori yang tepat juga, dengan deskripsi yang memiliki istilah pencarian Anda, apakah Anda beruntung! Situs Anda akan mendapatkan motivasi dalam rank untuk istilah pencarian Anda. semakin banyak tautan dari blog lain ke blog anda , maka google akan semakin menganggap blog anda berbobot.
- Aktif dalam forum diskusiseperti google grup,yahoo answer , atau social networking seperti friendster, yuwie, buat artikel atau jawaban disana yang berisi ringkasan dan link ke blog anda
- Daftarkan blog anda ke social bookmark.
- Kata kunci yang relevanJika Anda memiliki halaman tentang ”Customer Relationship Management”/”CRM” dan Anda menemukan bahwa lebih banyak orang mencari postingan Anda dengan menggunakan “Customer Relationship Management” daripada ”CRM”, maka lebih baik bagi Anda untuk menggunakan “Customer Relationship Manajemen “di halaman bukan ” CRM “. Hal ini sangat meningkatkan lalu lintas situs Web dan juga meningkatkan peringkat Anda untuk kata kunci Anda.
- Jangan mengganti judul postinganJika postingan anda telah terindex oleh google dan muncul dihalaman pertama google search , jangan pernah ganti judulnya dengan alasan untuk menyesuaikan dengan kategori atau judulnya kurang menarik tata bahasanya, karena halaman tersebut akan dapat pinalti dari google , peringkat halamannya bisa turun akibat google menganggap halaman tersebut adalah halaman baru.
- Menginstal Alexa toolbarinstal Alexa toolbar pada browser anda, atau memasang widget alexa pada blog.
- Biasakan masuk ke blog menggunakan google search.
- Jaga kredibilitas blog andajangan sekali-kali melakukan penipuan terhadap search engine , hal ini ada saya temukan pada beberapa blog yang hanya berisi tag dan link yang menjebak pengunjung karena situs tersebut tidak ada postingan yang ada hanya iklan penuh 1 halaman , mungkin dengan harapan bahwa pengunjung terjebak untuk mengklik iklannya sehingga menambah penghasilan pemilik situs. Padahal secara psikologis dalam jangka panjang situs tersebut akan ditinggalkan oleh pengunjung.
- Jangan sekali- kali membuat anggapan blog anda dimengerti oleh googlelakukan sebaliknya yaitu buatlah situs anda bersahabat dengan google . Usahakan buat judul postingan yang frasenya sudah dikenal google , hal ini bisa anda lihat pada saat menggunakan google search , misalkan di kotak teks pencarian pada saat mengetik s akan muncul pilihan SEO , SEO Tools , gunakan kata -kata yang sudah dikenal oleh google tersebut jika postingan anda berhubungan dengan SEO jangan modifikasi menjadi SEOS , atau SEOTools agar tampil beda dengan yang lain , karena google akan bingung dengan judul postingan seperti di atas.
- Buat link antar halamanBuat link antar halaman dan link dari halaman Home ke sub halaman dan sebaliknya , anda bisa menggunakan link navigasi atau link di dalam postingan yang mengarah ke postingan lain.
- Jangan gunakan terlalu banyak kode javascript dalam blog andasebaiknya gunakan html script, karena google lebih peka terhadap kode html . Anda juga bisa memilih template yang mudah loadingnya, biasanya template yang berat loadingnya jika banyak menggunakan javascript atau background image , multimedia atau flash untuk menghias blog agar kelihatan cantik. Tujuam kita bukan menghias tampilan blog tetapi merampingkan /membutuhkan template yang ringan loadingnya agar memudahkan robot google menelusuri script yang ada dalam blog .
- Gunakan situs dengan domain sendiri ( berbayar)Google lebih senang dengan situs yang mempunyai domain sendiri dibanding blog gratisan seperti blogger,wordpress dll.
Source : dari berbagai sumber.
Cara Membuat Template Blog Online
By : Admin
Cara yang satu ini banyak digunakan para blogger untuk mengganti
template, walaupun ada cara yang lebih mudah yaitu dengan mendownload
template jadi dan langsung menguploadnya, atau dengan menggunakan
fasilitas Blogger template designer, namun dengan template hasil karya
sendiri tentunya Anda memiliki kebanggaan tersendiri.
Dibawah ini ada beberapa situs online gratis yang dapat sobat gunakan
untuk membuat template sendiri. Situs yang menyediakan fasilitas membuat
template biasanya sudah menyediakan template template tertentu yang
nantinya bisa anda edit sendiri. berikut ini situs yang menyediakan
editing template secara online.
- Profilebrand : menyediakan fasilitas edit template gratis, kebanyakan template yang disediakan untuk kita edit bertema jaringan sosial ( facebook, twitter, myspace dll )
- Pimp my Profile : Untuk situs ini anda bisa membuat template blog, Myspace, dan friendster. Silahkan langsung saja ke situsnya.
- DoTemplate : Dotemplate ini menyediakan 12 template XHTML dan CSS compliant dasar gratis yang bisa anda pilih sendiri. Anda bisa memilih salah satu dan kemudian mengkustomisasinya dengan mengubah warna, font, teks, posisi teks dan lain sebagainya pada background, container, footer, menu dan boks. Selain itu anda juga bisa menambahkan efek seperti drop shadow, gradien dan round corner. Layanan ini sangat menarik karena tidak memerlukan pengetahuan html yang terlalu banyak untuk mempergunakannya, selain itu ada pilihan untuk mengupload gambar anda sendiri. Setelah anda selesai membuat template blognya, anda bisa langsung mendownloadnya disana.
- CSSEZ : ini adalah generator template online untuk blog wordpress dan movable type. Jika anda ingin menggunakan layanan ini, anda perlu registrasi gratis disini. Beberapa fiturnya yang bagus adalah memilih antara satu sampai empat kolom template, mengatur lebar kolom, padding, margin, border, font dan style link. Anda juga dapat mengupload gambar atau membuat sendiri dengan image maker.
- Drupal Theme Generator : Generator ini adalah generator theme berbasis MS Excel untuk situs atau blog drupal yang menggunakan template PHP dan Xtemplate. Layanan ini gratis dan memiliki fitur yang kaya seperti generator theme random color, preview theme langsung, html color assistant, dan integrasi CSS, javascript, PHP dan kode html pada theme dari file eksternal dan lain sebagainya. Selain itu ada 9 theme yang bisa anda dapatkan ketika mendownload generator ini.
- Eris Template Generator : Generator ini menyediakan 11 skin untuk blog anda dengan tiga pilihan kolom untuk setiap skinnya. Saat ini layanan ini mendukung diaryland, diary-x, movabletype, blogger, wordpress, b2 dan free html site template lainnya. Anda bisa menambahkan tagline, meta tag dan termasuk link ke index, arsip, email, notes, profile, buddylist dan juga 5 entri untuk diaryland, 10 entri untuk movable type, kalender untuk b2, blogroll untuk wordpress, XHTML compliant dan content copyright, webring, chat screen name dan button.
- Firdamatic : Generator template online untuk blogger dan movable type ini memiliki pilihan dua dan tiga kolom, anda bisa memasukkan sendiri informasi pada boks relevan pada form online yang tersedian dan klik generate template, selain itu anda juga bisa menambahkan judul situs, url gambar dan memilih huruf dan warnanya.
- www.maketemplate.com : Online generator ini mampu membuat template situs PHP, bersamaan dengan file CSS dan HTML. Anda juga bisa mengkustomisasi style sheet, header, sidebar, dan footer dengan menambahkan sendiri font, warna, margin dan alignment pada form online template generator. ANda juga bisa membuat sendiri scriptnya yang bisa anda kopi dan simpan untuk keperluan anda nanti.
- PsycHo : Generator online template open source ini dapat diaplikasikan pada platform blogger, persian blog, dan blogFa. Anda bisa mengatur sendiri judul halaman, warna background body template, judul background, deskripsi, teks, spacing dan memilih hingga 4 pilihan kolom. Anda juga bisa preview template anda dan menyimpan kodenya. Layanan ini mudah digunakan tanpa pengetahuan html yang terlalu banyak.
- Templatr : Templatr ini menyediakan lebih dari 20 layout dan pilihan formatting untuk berbagai elemen halaman termasuk halaman utama, header, footer, titles, margin, padding, border dan banyak lagi untuk keperluan wordpress blog. Selain itu, layanan ini juga menyediakan upload dimana anda bisa mengupload grafis/gambar . Setelah itu anda bisa mendownload template jika anda telah selesai dan mengaplikasikannya pada blog anda.
- Weebly : Generator template yang rapi ini memiliki 15 desain pre-built yang bisa dikustomisasi dengan menambahkan elemen seperti iklan, feed icon, map, contact form, teks dan layout gambar, kolom google dan youtube video dan lain sebagainya. Jika anda sudah selesai anda bisa mempublikasikan situs/blog tersebut pada platform anda.
- WordPress Theme Generator : Layanan generator online dapat membantu anda untuk membuat sendiri theme wordpress anda dengan mudah tanpa pengetahuan html dan css language. Layanan ini menyediakan pilihan untuk memilih sendiri nama blog, ukuran body, lokasi sidebar dan ukurannya, menambahkan kolom ketiga, layout menu, warna dan skema teks, anda juga bisa menambahkan tag cloud, arsip dan kotak pencarian. Selain itu anda bisa mengupload logo situs anda online dan membuat link-nya dari template. Jika anda telah selesai anda bisa melihat hasil kreasi anda dan mendownloadnya dalam file zip.Sumber : http://www.wadahtutorial.blogspot.com/
Cara dan Trik Mempercepat Loading Blog/ Mengurangi Bandwitch Blog
By : Admin
Untuk Mempercepat Loading Blog ada banyak cara yang dapat dilakukan, antara lain dengan cara mengkompress kode CSS/HTML biar ukurannya jadi lebih kecil, meng-Edit Template Supaya Valid XHTML, mengkompress Image supaya lebih optimize, dan lain-lain.
a
Untuk kali ini saya share cara yang
lain, yaitu dengan menggunakan kode script yang dicoding secara khusus
untuk mempercepat loading blog. dengan menggunakan kode script ini maka
browser tidak akan membaca image/gambar di blog, sehingga dapat
meringankan beban server dan mempercepat loading.
Berikut tutorial penggunaan kode script untuk mempercepat loading blog :
- Masuk ke akun blogger anda
- Klik pada Template. (jangan lupa backup dulu template anda, untuk menghindari sesuatu yang tidak diinginkan).
- Selanjutnya, klik Edit HTML dan klik Proceed / Lanjutkan.
- Beri tanda centang pada Expand Template Widget.
- Cari kode </head> gunakan CTRL + F pada keyboard.
- Lalu letakkan kode berikut di atas kode </head>.
<script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://wadah-tutorial.googlecode.com/files/superload.js' type='text/javascript'/>
<script charset='utf-8' type='text/javascript'> $(function() { $("img").lazyload({placeholder : "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhN8NtmjUg23DrHSlZ_u1K2YSv_64oKdGLVEIQHTTxjnwI49RQBZQR9EhZXgGDidn20lJvQ54pEx-X-ZRk4kRjNjr-n3wbQ0XIkRpcXFCNsznE8X_-MzCBhf00jnKwhp7qgXdL1zrsN4ts/",threshold : 200}); }); </script> - Terakhir klik Simpan Template.
Cara dan Trik Mengatasi Pencurian Artikel Postingan Blog
By : Admin
Ketika saya menemukan sebuah blog yang
mencuri penuh artikel blog saya ini dengan menggandalkan fasilitas
import pada feedrss, saya merasa jengkel, karena postingan yang kita
ketik sendiri dengan susah payah dengan mudahnya dibajak oleh autoblog
yang menggandalkan langganan feed pada blog, apalagi tidak di sertai
dengan backlink sumbernya.
Karena itu kita jangan menganggap
remeh pengaturan feed pada blog, agar para pencuri artikel tidak leluasa
menerapkan aksinya, pada postingan ini saya ingin berbagi trik untuk
mengatasi pencurian artikel dengan menyeting feed pada blog kita.
Berikut beberapa cara yang bisa kita terapkan pada blog :
Cara pertama dengan mengubah izin feed blog yang tadinya "penuh" menjadi "singkat".
Dengan cara ini pembajak feed hanya dapat mencopy artikel kita secara terbatas yaitu 400 karakter pertama saja.
Caranya :
- Login ke Blog sobat.
- Klik Dasbor > Setelan > Lainnya.
- Pada "Izinkan Umpan Blog", ganti opsi Penuh menjadi Singkat.

- Simpan Setelan
Cara kedua dengan memberikan link aktif alamat blog sobat pada kolom "Footer Feed Posting".
Ini
berguna apabila pembajak feed mencopy penuh artikel sobat, maka dibawah
postingan terdapat link aktif yang berfungsi menjadi backlink.
Caranya :
- Login ke Blog sobat.
- Klik Dasbor > Setelan > Lainnya.
- Pada "Footer Feed Posting" klik "Tambahkan".

- Lalu masukan script dibawah ini:
<a href="URL BLOG">Copyright by: NAMA BLOG</a>contoh :
<a href="http://www.adiya2303.blogspot.com/">Copyright by: Just For You Blog</a>
- Simpan Setelan
Cara ketiga dengan menghapus feed pada Blogger.
Dengan
cara ini para pembajak feed tidak dapat mencuri artikel anda, karena
tidak ada feed yang akan di bajak, namun para pelanggan blog kita tidak
dapat mengetaui update artikel baru di blog kita. Jadi dipikir dulu
sebelum menerapkan cara ini.
Caranya :
- Login ke Blog sobat.
- Klik Dasbor > Setelan > Lainnya.
- Pada "Izinkan Umpan Blog" pilih "Tak Satupun".

- Simpan Setelan.
Sumber : http://wadahtutorial.blogspot.com
Tag :
2015,
Artikel,
Blog,
Blogger,
Happy New Year,
Ilmu Pengetahuan,
Ilmu SEO,
Pembajakan,
Pencurian,
Cara Mengatasi Modem Yang Sering Disconnect Sendiri
By : AdminSungguh sangat menyebalkan di saat lagi browsing di Google, jaringan
internet yang saya gunakan tersambung terputus atau connect disconnect.
Hal ini sangatlah mengganggu aktivitas saya dalam dunia blogging. Signal
yang tampil di laman Telkomsel Flash saya menampilkan Signal 3G yang
tidak stabil (Turun naik). Ketika menggunakan modem MoviMax atau Modem XL, status UMTS atau HSDPA sebentar-bentar berubah menjadi EDGE atau GPRS.
Banyak cara sudah saya coba untuk mengatasi masalah modem yang sering connect disconnect seperti :
Semua cara itu, tidak satu pun berhasil. Waduh... Sia-sia pulsa XL yang saya gunakan untuk berlangganan Internet (Beberapa kali kalimat itu terucap dari mulut saya). Dalam keadaan kecewa, iseng-iseng saya menghubungi Operator XL via 817. Kemudian saya ceritakan operatornya kodisi jaringan Internet yang saya gunakan. Lalu, operator-nya menyarankan saya untuk mencari lokasi lain untuk internetan (Lokasi yang kira-kira memiliki Signal 3G yang kuat). Setelah saya mengikuti saran Opertor, ternyata berhasil. Saya bisa internetan dengan lancar tanpa putus nyambung putus nyambung. Signal 3G yang TIDAK STABIL adalah penyebab jaringan sering Connect Disconnect. Oya... Jangan lupa untuk merubah, setting modem Anda. Pilih UMTS atau HSDPA untuk jaringannya.
Silahkan cari lokasi jaringan yang kuat, Insyaallah masalah modem yang sering connect disconnect akan teratasi. Saat ini di Indonesia banyak jaringan internet yang bermasalah karena keadaan cuaca yang tidak bagus atau karena gangguan teknis.
Sumber : http://www.tutorialblogspot.com
Banyak cara sudah saya coba untuk mengatasi masalah modem yang sering connect disconnect seperti :
- Melakukan Uninstall software modem
- Membersihkan virus yang menginfeksi komputer saya
- Mengganti modem yang saya gunakan
- Menggunakan komputer lain
- Melakukan disable driver melalui Device Manager
Semua cara itu, tidak satu pun berhasil. Waduh... Sia-sia pulsa XL yang saya gunakan untuk berlangganan Internet (Beberapa kali kalimat itu terucap dari mulut saya). Dalam keadaan kecewa, iseng-iseng saya menghubungi Operator XL via 817. Kemudian saya ceritakan operatornya kodisi jaringan Internet yang saya gunakan. Lalu, operator-nya menyarankan saya untuk mencari lokasi lain untuk internetan (Lokasi yang kira-kira memiliki Signal 3G yang kuat). Setelah saya mengikuti saran Opertor, ternyata berhasil. Saya bisa internetan dengan lancar tanpa putus nyambung putus nyambung. Signal 3G yang TIDAK STABIL adalah penyebab jaringan sering Connect Disconnect. Oya... Jangan lupa untuk merubah, setting modem Anda. Pilih UMTS atau HSDPA untuk jaringannya.
Silahkan cari lokasi jaringan yang kuat, Insyaallah masalah modem yang sering connect disconnect akan teratasi. Saat ini di Indonesia banyak jaringan internet yang bermasalah karena keadaan cuaca yang tidak bagus atau karena gangguan teknis.
Sumber : http://www.tutorialblogspot.com
Cara Mengubah Besar atau Ukuran Header, Halaman, dan Sidebar Blog 2014
By : Admin Terkadang
kita perlu mengubah besar atau ukuran header, halaman maupun sidebar blog karena tampilan template blog kurang enak dilihat.
Tentunya tampilan blogspot yang tidak bagus akan turut mempengaruhi
visitor blogspot kita.
Mengubah uukuran header, halaman, sidebar blogspot tidak terlalu susah. Dengan sedikit pengetahuan tentang komponen-komponen penyusun template blogspot, maka kita bisa mengubah header, halaman, dan sidebar blogspot.
Berikut ini cara mengubah ukuran header, halaman, sidebar blogspot kesayangan kita :
1. Login ke Blogger sobat.
2. Pilih Menu Template–> Edit HTML –> Centang Expand Widget template
3. Cari kode yang mau diganti dengan cara menekan Ctrl+F
4. Ubah ukuran Header dengan mencari kode berikut :
5. Ubah ukuran lebar halaman dengan mencari kode berikut :
6. Ubah ukuran Halaman Posting artikel dengan mencari kode seperti ini :
7. Langkah selanjutnya adalah mengubah Ukuran Sidebarblog dengan cara mencari kode berikut :
Sama seperti langkah diatas, ubah juga ukuran sidebar sesuai keperluan sobat dan jika pada blog anda terdapat 2 sidebar, maka bagi ukuran sidebar jadi dua. Misalkan ukuran sidebar yang sobat buat adalah 300px, maka anda bisa membagi sama persis 150px-150px atau bisa juga berbeda.
Jika anda mengubah ukuran blog sobat, sedangkan sobat sudah memposting gambar yang ukurannya lebih besar dari Main-Wrapper (Halaman Posting) maka sobat juga harus mengecilkan ukuran gambar tersebut agar terlihat lebih menarik dan tidak melewati Halaman posting sobat.
Keterangan :
#header-wrapper : Lebar Header Blog
#outer-wrapper : Lebar Halaman Blog
#main-wrapper : Lebar Tempat posting
#sidebar wrapper : Lebar Sidebar
Jika tidak ada kode seperti di atas, kita tinggal mencari kode yang mirip-mirip dengan kode tersebut.
Mengubah uukuran header, halaman, sidebar blogspot tidak terlalu susah. Dengan sedikit pengetahuan tentang komponen-komponen penyusun template blogspot, maka kita bisa mengubah header, halaman, dan sidebar blogspot.
Berikut ini cara mengubah ukuran header, halaman, sidebar blogspot kesayangan kita :
1. Login ke Blogger sobat.
2. Pilih Menu Template–> Edit HTML –> Centang Expand Widget template
3. Cari kode yang mau diganti dengan cara menekan Ctrl+F
4. Ubah ukuran Header dengan mencari kode berikut :
#header-wrapper{width:850px;margin:0 auto 0;height:60px;padding:34px 0px 34px 0px;overflow:hidden;}Ukuran 850px adalah lebar header dan 60px adalah panjang headernya yang bisa sobat ganti sesuai dengan keinginan sobat
5. Ubah ukuran lebar halaman dengan mencari kode berikut :
#outer-wrapper{width:850px;margin:10px auto 0px;padding:0;text align:$startSide;font:$bodyfont;background:url(……..)Ubah ukuran 850px harus sesuai dengan lebar Header yang kita buat.
6. Ubah ukuran Halaman Posting artikel dengan mencari kode seperti ini :
#main-wrapper{width:470px;padding-top:10px;padding-left:0px;padding-right:0px;float:left;word-wrap:break-word;/* fix for long text breaking sidebar float in IE */Ubah Ukuran 470px dengan lebar halaman postingan blog sobat
7. Langkah selanjutnya adalah mengubah Ukuran Sidebarblog dengan cara mencari kode berikut :
#lsidebar-wrapper{width:160px;float:left;padding-left:10px;margin-top:10px;margin-left:0px;margin-right:10px;word-wrap:break-word;Ubah Ukuran 160px dengan ukuran sidebarnya
Sama seperti langkah diatas, ubah juga ukuran sidebar sesuai keperluan sobat dan jika pada blog anda terdapat 2 sidebar, maka bagi ukuran sidebar jadi dua. Misalkan ukuran sidebar yang sobat buat adalah 300px, maka anda bisa membagi sama persis 150px-150px atau bisa juga berbeda.
Jika anda mengubah ukuran blog sobat, sedangkan sobat sudah memposting gambar yang ukurannya lebih besar dari Main-Wrapper (Halaman Posting) maka sobat juga harus mengecilkan ukuran gambar tersebut agar terlihat lebih menarik dan tidak melewati Halaman posting sobat.
Keterangan :
#header-wrapper : Lebar Header Blog
#outer-wrapper : Lebar Halaman Blog
#main-wrapper : Lebar Tempat posting
#sidebar wrapper : Lebar Sidebar
Jika tidak ada kode seperti di atas, kita tinggal mencari kode yang mirip-mirip dengan kode tersebut.
Tag :
Ilmu Pengetahuan,
Ilmu SEO,
Cara Mengubah Ukuran Header Blog
By : AdminAlhamdulillah kali ini bisa posting lagi yang dimana sebelumnya saya posting tentang Cara Mengatur Posisi Gambar Header Rata Tengah, Kiri, dan Kanan. Dan kali ini saya akan berbagi tentang Cara Mengubah Ukuran Header Blog.
Langsung saja, Berikut ini Cara Mengubah Ukuran Header Blog :
1. Anda harus login di blogger.com
2. Kemudian pilih template --> Edit HTML
3. Cari kode #header, gunakan Ctrl+F untuk mempermudah pencariannya.
4. Setelah ketemu biasanya akan seperti ini :
5. Perhatikan warna Merah diatas. disana kita bisa liat widht:900px dan height:70px. Dari sini kita bisa tahu bahwa header blog kita berukuran 900px X 70px.
6. Nah, tinggal kita ubah saja ukurannya sesuai keinginginan anda.
Demikian artikel saya ini tentang Cara Mengubah Ukuran Header Blog Semoga dapat bermanfaat buat anda. Namun jika ada yang mengalami masalah tentang ini, anda bisa menanyakan dengan berkomentar di bawah ini. Terima kasih..
Langsung saja, Berikut ini Cara Mengubah Ukuran Header Blog :
1. Anda harus login di blogger.com
2. Kemudian pilih template --> Edit HTML
3. Cari kode #header, gunakan Ctrl+F untuk mempermudah pencariannya.
4. Setelah ketemu biasanya akan seperti ini :
#header-wrapper{background:#fff; margin:0 auto; width:970px; overflow:hidden}(Ingat !! Kode setiap template berbeda, jadi cari yang hampir sama)
#header-inner{background-position:center; margin-top:25px; margin-left:auto; margin-right:auto}
#header{padding-left:10px; font-family:arial; width:900px; text-align:left; float:left; height:70px; color:#000}
#header h1{font:25px "Segoe UI",Arial; font-weight:bold; color:#000; text-align:left; margin-top:5px; padding:6px 0 8px}
#header a{text-decoration:none; color:#000; border:0}
#header .description{font-size:1em}
#header img{text-align:left}
5. Perhatikan warna Merah diatas. disana kita bisa liat widht:900px dan height:70px. Dari sini kita bisa tahu bahwa header blog kita berukuran 900px X 70px.
6. Nah, tinggal kita ubah saja ukurannya sesuai keinginginan anda.
Demikian artikel saya ini tentang Cara Mengubah Ukuran Header Blog Semoga dapat bermanfaat buat anda. Namun jika ada yang mengalami masalah tentang ini, anda bisa menanyakan dengan berkomentar di bawah ini. Terima kasih..
Tag :
Ilmu Pengetahuan,
Ilmu SEO,
Cara Membuat Title Blog Bergerak
By : Admin
Selamat Sore Readers,
kemarin2 gue share tentang gitar, kali ini kita bakal membahas cara
membuat tittle blog kalian bergerak (kayak title gue) buat kalian yang
ingin membuat Title Blog Bergerak silakan ikuti tutorial Cara Membuat
Judul Blog Bergerak
Berikut ini.
1.LOGIN ke blogger.
2.Kemudian klik Tata Letak
Kemudian Klik Lagi Edit HTML.
3.Selanjutnya cari kode berikut
ini.
<title><data:blog.pageTitle/></title>
4.Hapus Kode Tersebut dan ganti
dengan Kode berikut ini>
<b:include data='blog'
name='all-head-content'/>
<script
language='JavaScript'>
var
txt="<data:blog.pageTitle/>";
var kecepatan=100;var
segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>
5.Kamu bisa mengganti angka 100
yang berwarna biru tersebut dengan keinginan kamu.Angka tersebut adalah
kecepatan pergerakan judul blog kamu.
Tag :
Ilmu Pengetahuan,
Ilmu SEO,
Cara Membuat Related Post
By : Admin
Pada
beberapa templates blog standar sering kali tidak dijumpai widget related
posts. Padahal widget yang satu ini sebenarnya cukup penting untuk meningkatkan
pageview blog. Ada banyak cara untuk pemasangan widget yang satu. Seperti cara instan menggunakan jasa LinkWithin atau
lainnya.
Namun
sebagian widget Related Post tersebut menambah beban loading blog. Dan jelas
hal itu mengurangi SEO (kira-kira, he.. he..).
Untuk
itu, mungkin diperlukan widget Related
Post yang cepat loading. Sederhana namun terkesan elegant.
Fungsinya
adalah menampilkan artikel atau konten yang berkaitan dalam blog kita (sesuai
dengan label). Yah... dapat juga dikatakan semacam rekomendasi (membujuk) dari
kita kepada pengunjung untuk melihat artikel atau konten lain. Monggo di coba...
Widget Related Post
Kode
CSS untuk Related Post
Log
in ke blogger dengan akun yang anda miliki.
Klik
rancangan.
Edit
Html » Centag kotak Expand template widget.
Cari
kode </head>
letakkan
kode dibawah ini sebelum kode </head>
yang anda temukan.
<style>
#related-posts { float : left; width : 540px; margin-top:20px; margin-left :
5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; }
#related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding
: 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px;
font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a
{ text-decoration : none; } #related-posts a:hover { text-decoration : none; }
#related-posts ul { border : medium none; margin : 10px; padding : 0; }
#related-posts ul li { display : block; background :
url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8kW7nYZOkaKSr22ld5ARWRvCsq1PMdy6yAGdnBNIYwLFfAO_OUgPPT-aEDaulPaiA2aQebVd_F7vuV7wV6hgJ8iqQ_f7pqFen1BF-kW-9GRy5tUxUyQfbGlga-8iQAwX6S4hubkg6ek4/")
no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom :
1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em;
border-bottom:1px dotted #cccccc; } </style>
<script
type='text/javascript'>//<![CDATA[
var
relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new
Array();function related_results_labels(json){for(var
i=0;i<json.feed.entry.length;i++){var
entry=json.feed.entry[i];relatedTitles[relatedTitlesNum]=entry.title.$t;for(var
k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){relatedUrls[relatedTitlesNum]=entry.link[k].href;relatedTitlesNum++;break;}}}}
function
removeRelatedDuplicates(){var tmp=new Array(0);var tmp2=new Array(0);for(var
i=0;i<relatedUrls.length;i++){if(!contains(tmp,relatedUrls[i])){tmp.length+=1;tmp[tmp.length-1]=relatedUrls[i];tmp2.length+=1;tmp2[tmp2.length-1]=relatedTitles[i];}}
relatedTitles=tmp2;relatedUrls=tmp;}
function
contains(a,e){for(var j=0;j<a.length;j++)if(a[j]==e)return true;return
false;}
function
printRelatedLabels(){var
r=Math.floor((relatedTitles.length-1)*Math.random());var i=0;document.write('<ul>');while(i<relatedTitles.length&&i<20){document.write('<li><a
href="'+relatedUrls[r]+'">'+relatedTitles[r]+'</a></li>');if(r<relatedTitles.length-1){r++;}else{r=0;}
i++;}
document.write('</ul>');document.write('<span
style="font-size: xx-small;"><a
href="http://redaksiexpo2012.blogspot.com/2013/08/cara-membuat-related-post-artikel.html"
rel="dofollow" title="Cara membuat related post artikel
berkaitan">Related Posts blog</a>[?]</span>');}//]]></script>
Kode
Source HTML Artikel terkait
Setelah
anda selesai menempatkan css related postnya, maka ini adalah langkah terakhir.
Untuk diketahui bahwa penempatan source HTML related post adalah kunci dari
tutorial ini. Ini menjadi sangat penting karena beberapa kegagalan sering
terjadi pada langkah ini. So monggo diperhatikan baik-baik...
Nah
berhubung kebanyakan template berbeda-beda strukturnya, maka kita bisa coba
opsi berikut;
Cara
pertama untuk memnampilkan related post ini adalah cari kode <data:post.body/> jika ada dua, pilih
yang kedua dan letakkan kode di bawah ini
tepat dibawah kode <data:post.body/> tersebut:
<b:if
cond='data:blog.pageType ==
"item"'><data:post.body/>
<div
id='related-posts'><font face='Arial' size='3'><b>Artikel
terkait dengan <data:blog.pageName/>: </b></font><font
color='#FFFFFF'><b:loop values='data:post.labels'
var='label'><data:label.name/><b:if cond='data:label.isLast !=
"true"'>,</b:if><b:if cond='data:blog.pageType ==
"item"'>
<script
expr:src='"/feeds/posts/default/-/" + data:label.name +
"?alt=json-in-script&callback=related_results_labels&max-results=4"'
type='text/javascript'/></b:if></b:loop> </font>
<script
type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script></div></b:if>
</b:if>
Jika
anda belum berhasil, bisa dicoba alternatif selanjutnya; adalah pada <data:post.body/>, kita
buat sedikit perubahan dengan mengapus sebagian kodenya seperti berikut (dan
letakkan Tepat Dibawanya <data:post.body/>
<b:if
cond='data:blog.pageType == "item"'>
<div
id='related-posts'><font face='Arial' size='3'><b>Artikel
terkait dengan <data:blog.pageName/>: </b></font><font
color='#FFFFFF'><b:loop values='data:post.labels'
var='label'><data:label.name/><b:if cond='data:label.isLast !=
"true"'>,</b:if><b:if cond='data:blog.pageType ==
"item"'>
<script
expr:src='"/feeds/posts/default/-/" + data:label.name +
"?alt=json-in-script&callback=related_results_labels&max-results=4"'
type='text/javascript'/></b:if></b:loop> </font>
<script
type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script></div></b:if>
</b:if>
Gue yakin, jika langkah-langkah dan penempatannya benar maka Related Post tersebut
akan berhasil. Selamat mencoba.
Tag :
Ilmu Pengetahuan,
Ilmu SEO,
Cara Membuat Read More atau Baca Selengkapnya
By : Admin
Fungsi Read More tanpa hosting file .JS,
memang agak berbeda dengan versi Read More biasanya. Bila sebelumnya kita harus meng-cut tulisan menggunakan cara
manual dengan melakukan pemangilan fungsi <div
class="fullpost">..</div> atau <span
class="fullpost">..</span> dimana kode ini biasanya kita
tanamkan secara manual kedalam halaman postingan. Atau penggunaan fungsi
pemenggalan kalimat bawaan blogger seperti dibawah gambar ini:
Fungsi Read More Standar dengan
pemenggalan artikel bawaan blogger
Untuk versi Auto Read More terbaru kali
ini sepertinya lebih canggih lagi, karena fungsi pemenggalan kalimat langsung
bekerja secara otomatis tanpa harus menambahkan kode diatas. Artikel ini dibuat
menjawab pertanyaan zhoe_haemy pada artikel "Cara merubah ukuran, jenis
font dan warna pada judul post" sehubungan dengan fitur readmore pada
blognya tidak berfungsi.
Fungsi Read More berikut ini mampu
menampilkan image pertama dalam postingan dan mem-fload image tersebut di awal
paragraf awal, meskipun gambar yang kita letakan berada di tengah atau akhir
postingan. Atau bisa juga disebut saja dengan fasilitas image thumbnail.
Tidak hanya itu, kita dapat juga
pengatur jumlah karakter yang ditampilkan. Disini ada 2 pilihan untuk jumlah
karakter. Yang pertama, jumlah karakter yang ditampilkan jika ada image yang
diikutsertakan dalam postingan dan yang kedua jumlah karakter tanpa image.
Bahkan kita dapat memodifikasi ukuran image yang akan ditampilkan di home page
blog anda. Hebat bukan??? Yah.. anggap hebat lah....
NOTE!! Bagi anda yang sudah
memasang Read More versi lama atau auto read more-nya tidak berfungsi, sebaiknya
di kodenya kembalikan dulu ke seperti semula, caranya hapus kode yang berwarna
biru di dalam Quote dibawah ini (Setiap template mungkin berbeda, jadi tinggal
disesuaikan saja).
<div class='post-header-line-1'/>
<div class='post-body'>
<b:if cond='data:blog.pageType ==
"item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a
expr:href='data:post.url'>Readmore</a>
</b:if>
<div style='clear: both;'/>
OK, jika sudah tinggal lanjutkan
langkah-langkah berikut ini:
Pertama : silahkan langsung ke halaman
EDIT HTML, Cari kode </head> kemudian letakan script dibawah ini di atas
kode </head>. Setelah itu, jangan lupa di simpan terlebih dahulu.
<!-- Auto read more script Mulai
-->
<script type='text/javascript'>
var thumbnail_mode = "yes";
summary_noimg = 430; //panjang tulisan
tanpa gambar
summary_img = 340; //panjang tulisan
dengan gambar
img_thumb_height = 200; // tinggi gambar
thumbnail
img_thumb_width = 200; // lebar gambar
thumbnail
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop :
strx.length-2;
while(strx.charAt(chop-1)!=' ' &&
strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img =
div.getElementsByTagName("img");
var summ = summary_noimg;
if(thumbnail_mode == "yes") {
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px
0px;"><img src="'+img[0].src+'"
width="'+img_thumb_width+'px"
height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
}
var summary = imgtag + '<div>' +
removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
<!-- Auto read more script Berakhir
-->
Kedua : Lalu cari Kode :
<data:post.body/> dan Ganti Dengan Kode di Bawah Ini :
<!-- Auto read more Mulai -->
<b:if cond='data:blog.pageType ==
"item"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType ==
"static_page"'>
<data:post.body/>
<b:else/>
<div
expr:id='"summary" +
data:post.id'><data:post.body/></div>
<script type='text/javascript'>
createSummaryAndThumb("summary<data:post.id/>");
</script>
<a class='more'
expr:href='data:post.url'>Baca Selengkapnya</a>
</b:if>
</b:if>
<!-- Auto read more Berakhir -->
Ketiga : Save Template!. Selesai.
Cara Memodifikasi Auto Read More.
Thumbnail_mode : setting menjadi
"yes" untuk menampilkan Thumbnail pada Auto Read More dan Setting
menjadi "no" untuk menghilangkan Thumbnail pada Auto Read More. Temen
- temen Blogger juga bisa merubah settingan lain seperti panjang tulisan
seperti yang sudah saya jelaskan pada Comment di sebelah setiap barus Kode.
Pada kode kedua, para Blogger juga Bisa
merubah Teks "Baca Selengkapnya" sesuai dengan Keinginan.
Demikian tutorial sederhana Cara pasang
Auto Read More Otomatis #Terbaru. Terima Kasih. Semoga Bermanfaat !.
Tag :
Ilmu Pengetahuan,
Ilmu SEO,
