Popular Post

Showing posts with label Ilmu SEO. Show all posts

Line For PC New Updates Free

By : Admin
Hallo 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

Tips Meningkatkan Ranking Blog

By : Admin
Untuk meningkatkan Google pagerank dan Alexa rank Blog Anda secara manual, Sobat dapat mengikuti beberapa tips dibawah ini :
  1. Isi yang segar dan bagus
    Buat 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.
  2. Daftarkan blog ke search engine
    lakukan verifikasi dan daftar blog di google sitemap agar mudah terindex.
  3. Meta Tag yang bagus
    Meskipun 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.
  4. Link Popularity
    Google 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.
  5. Cari backlink berkualitas sebanyak-banyaknya
    jika 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).
  6. Buatlah link (anchor text) yang mengarah ke postingan
    tempatkan 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).
  7. Memberi komentar
    Memberi 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).
  8. Update blog secara berkala
    jika 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 ).
  9. Daftarkan blog anda ke web direktori atau blog direktori gratis
    Open 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.
  10. Aktif dalam forum diskusi
    seperti google grup,yahoo answer , atau social networking seperti friendster, yuwie, buat artikel atau jawaban disana yang berisi ringkasan dan link ke blog anda 
  11. Daftarkan blog anda ke social bookmark.
  12. Kata kunci yang relevan
    Jika 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.
  13. Jangan mengganti judul postingan
    Jika 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. 
  14. Menginstal Alexa toolbar
    instal Alexa toolbar pada browser anda, atau memasang widget alexa pada blog.
  15. Biasakan masuk ke blog menggunakan google search.
  16. Jaga kredibilitas blog anda
    jangan 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.
  17. Jangan sekali- kali membuat anggapan blog anda dimengerti oleh google
    lakukan 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.
  18. Buat link antar halaman
    Buat 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.
  19. Jangan gunakan terlalu banyak kode javascript dalam blog anda
    sebaiknya 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 .
  20. Gunakan situs dengan domain sendiri ( berbayar)
    Google lebih senang dengan situs yang mempunyai domain sendiri dibanding blog gratisan seperti blogger,wordpress dll.
Tips diatas saya dapat dari beberapa blog dan ada sebagian yang saya tambahkan, Silahkan dicoba dan mudah-mudahan bermanfaat.

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() { $(&quot;img&quot;).lazyload({placeholder : &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhN8NtmjUg23DrHSlZ_u1K2YSv_64oKdGLVEIQHTTxjnwI49RQBZQR9EhZXgGDidn20lJvQ54pEx-X-ZRk4kRjNjr-n3wbQ0XIkRpcXFCNsznE8X_-MzCBhf00jnKwhp7qgXdL1zrsN4ts/&quot;,threshold : 200}); }); </script>
  • Terakhir klik Simpan Template
Sumber : http://wadahtutorial.blogspot.com

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.
    Tips Mengatasi Pencurian Artikel Blog
  • 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".
    Tips Mengatasi Pencurian Artikel Blog
  • 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".
    Tips Mengatasi Pencurian Artikel Blog
  • Simpan Setelan.
Sumber : http://wadahtutorial.blogspot.com

Cara Mengatasi Modem Yang Sering Disconnect Sendiri

By : Admin
Sungguh 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.


Modem

Banyak cara sudah saya coba untuk mengatasi masalah modem yang sering connect disconnect seperti :

  1. Melakukan Uninstall software modem
  2. Membersihkan virus yang menginfeksi komputer saya
  3. Mengganti modem yang saya gunakan
  4. Menggunakan komputer lain
  5. 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 :
#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.

Cara Mengubah Ukuran Header Blog

By : Admin
Alhamdulillah 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 :



#header-wrapper{background:#fff; margin:0 auto; width:970px; overflow:hidden}
#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}
(Ingat !! Kode setiap template berbeda, jadi cari yang hampir sama)
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..

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.
6.Kalo udah selesai silakan klik SAVE TEMPLATE

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 == &quot;item&quot;'><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 != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=4&quot;' 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 == &quot;item&quot;'>
<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 != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=4&quot;' 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.


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 == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'> createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</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 !.

- Copyright © Just For You - Powered by Blogger