Inilah Lima Kelebihan Blog dari Website

KerinciGoogle.com,-Jika Anda Orang yang keranjingan dengan dunia maya atau internet, anda tentu sudah tidak asing lagi dengan Istilah “Blogger”, sebutan bagi orang yang hobby Ngeblog.

Blog sangat IDEAL untuk berbagi informasi kepada

orang lain. Baik lah kita langsung saja dengan pokok permasalahan yang akan kita kupas, tentang kelebihan Blog .

Blog mempunyai kelebihan berikut ini dibandingkan dengan website:

1. Sebuah blog sangat MUDAH mengupdatenya, karena template blog sudah tersedia sangat BANYAK di Internet. Anda tidak perlu bisa mendesain gambar, namun anda hanya fokus ke tulisan yang ada di blog.

2. Dengan blog, anda sekaligus belajar search engine. Karena secara alami blog sudah dibuat untuk supaya bisa ranking di urutan teratas di search engine. Jika anda ingin sekali belajar search engine, maka blog adalah jalan yang TEPAT.

3. Blog adalah media komunikasi dua arah yang sangat IDEAL, dimana website biasanya kesulitan untuk menerima feedback atau masukan dari orang lain, tidak dengan blog. Dengan blog, siapa saja bisa memberikan komentar dan terlibat dalam sebuah topik atau artikel. Dengan adanya komentar dari orang lain, maka blog akan selalu terupdate, baik dari artikel pemilik blog atau komentar dari pengunjung blog. Dengan mudahnya blog terupdate maka search engine akan semakin senang dan

memberikan ranking yang bagus bagi blog.

4. Blog juga merupakan sarana promosi yang sangat DAHSYAT dikarenakan dengan mudah kita bisa memasang banner atau link ke website yang lain atau memberikan review mengenai produk/jasa tertentu yang kita promosikan.

5. Blog juga merupakan alat edukasi yang sangat baik. Dengan blog kita bisa mengajak pengunjung untuk belajar dan membaca mengenai pemikiran/opini kita terhadap sesuatu, dengan demikian, mereka akan memandang kita sebagai orang yang expert di bidang tertentu.

Itulah 5 kelebihan blog yang Harus diketahui bagi yang hobby dengan pengguna internet wabil khusus bagi para peblogger mania.

Jumlah blog di Indonesia saat ini sudah hampir tidak terhitung banyaknya, apalagi di dunia. Satu orang bisa mempunyai lebih dari 1 blog.

Blog bahkan dapat menyebabkan kecanduan, keranjingan, dan keengganan untuk beranjak dari komputer anda. Dengan blog anda dapat sharing, berbagi, menghibur, cerita, bertukar pikiran, dlsbnya. IDE apa saja bisa dituangkan ke dalam sebuah blog, mulai dari: politik, agama, olahraga,buku, bisnis, obrolan ngalor ngidul, gosip, dan lain sebagainya…Salam Blogger

BACA SELENGKAPNYA »

Posted in Tutorial Blog

Cara Membuat Ucapan Terima Kasih

Inilah Cara Membuat Ucapan Terima Kasih - Postingan ini memenuhi permintaan dari Si Cantik yang punya nama MAnis MANJA via komentar "punya postingan gimana cara nambah kata-kata di komentar kayak punya BADRUL di koment ini "terimkasih atas kunjungan......" minta tutornyaa... :-)" ok dech langsung saja akan SPN penuhi, yuk ikutin caranya :

Login >> Rancangan >> Edit HTML >> Expand Template Widged >> Download Template lengkap >> Kalau sudah cari kode dibawah ini :

BACA SELENGKAPNYA »

Posted in Tutorial Blog

Kode Kalender Buat Blog

Kalender Blog

COPY KODE HTML KALENDER DIBAWAH INI

      --------------------------------------------------------------------------

<br><center><iframe src="http://www.free-blog-content.com/Calendars/calendar0038.htm" width="166" height="262"

marginwidth="0" marginheight="0" frameborder="no" scrolling=no allowtransparency="true"></iframe></center>

<center><a style="font-size: 3mm" href="http://www.free-blog-content.com/"></a></center></br></h3>

BACA SELENGKAPNYA »

Posted in Tutorial Blog

Membuat Link Bergoyang

Bosan Dengan tampilan link yang hanya diam di tempat saja, tenang saja kali ini SPN akan memberikan cara membuat link bergoyang seperti goyang dangdut...
Sebagai Contoh Langsung saja arahkan cursor mouse sobat ke link-link dibawah ini :

BACA SELENGKAPNYA »

Posted in Tutorial Blog

Cara Mendapatkan Traffic

CARA MENDAPATKANBACKLINK UNTUK MENINGKATKAN PAGE RANK,ALEXA RANK DAN SEO BLOG ANDA. INILAH CARA-CARANYA:
1) Klik LOGO backlink di bawah----anda bebas klik seberapa banyak backlink di bawah lebih banyak anda klik, lebih tinggi DAN  banyak backlink untuk blog anda berada di google
2)Copy dan paste code backlink tersebut di blog anda
3)Klik backlink tersebut dari blog anda secara terus-menerus
4)Selesai!, selamat mencoba

BACA SELENGKAPNYA »

Posted in Tutorial Blog

Sungai Penuh Online: Menghilangkan Tulisan Tampilkan Entri Lawas

Hallo Sobat Blogger....Selamat malam....

Bila sebuah blog sudah di pasang widget label atau kategori, maka begitu diklik salah satu labelnya maka akan muncul tampilan seperti ini:

Itulah pengaturan standar dari blogspot. Tetapi sebagian blogger merasa terganggu dengan tampilan lawas ini. Alasannya membuat halaman posting kurang rapi, terlalu ribet dan mempengaruhi loading blog. Oke, terlepas dari apa yang menjadi alasan, jika SOBAT juga ingin menghilangkan kotak tampilan entri lawas ini, SOBAT bisa lakukan langkah-langkah berikut:

1. Masuklah ke halaman Dasbor blog SOBAT lalu klik Rancangan.

2. Kemudian klik pada Edit HTML.

3. Untuk berjaga-jaga jika terjadi kesalahan sebaiknya backup dulu template SOBAT dengan mengklik Download Template Lengkap.

4.Kemudian centanglah Expand Template Widget.

5. Kemudian carilah kode: <b:includable id='status-message'>

6. Agar lebih mudah mencarinya tekan (Ctrl + F) pada keyboard lalu tekan Enter. Maka akan muncul kotak Find. Ketiklah kode yang akan dicari pada kotak tersebut lalu tekan Enter, maka secara otomatis akan muncul kode yang dicari dalam keadaan terseleksi dengan warna hijau.

7. Kemudian scroll sedikit ke bawah, maka akan tampak beberapa baris kode pengiringnya, sehingga lengkapnya akan terlihat seperti dibawah ini.

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
 

8. oke, sekarang gantilah semua kode tersebut dengan kode di bawah ini. Agar lebih mudah SOBAT bisa copy saja lalu timpalah (pastekan) tepat pada semua kode di atas.

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>

9. Jika sudah jangan lupa klik SIMPAN TEMPLATE dan tunggu hingga proses penyimpanan selesai.

10. Sekarang lihatlah hasilnya dengan mengklik Lihat Blog. Kemudian cobalah klik salah satu label blog SOBAT. Apakah tulisan tampilkan entri lawasnya masih muncul atau sudah hilang.

Selamat berkreasi dan selamat mencoba...Jangan ragu untuk mencobanya...hmm

BACA SELENGKAPNYA »

Posted in Tutorial Blog

Sungai Penuh Online : Cara membuat garis bawah pada alamat link blog

SPN kali ini membahas tutorial cara membuat sebuah garis yang terdapat pada link blog Sobat. mungkin seringSobat temukan pada blog lain, yang apabila mouse Sobat berada pada sebuah link kemudian memberi efek garis di bawah tulisan tersebut. tentunya ini memberikan efek unik dan memberikan keindahan untuk blog Sobat. nah untuk membuat nya sangat lah mudah. Sobat hanya menambahkan sedikit kode CSS pada tamplate blog Sobat. berikut ini kodenya

text-decoration:underline;

Sobat cukup menambahkan pada kode a:hover{ atau pada tempat lain yang hendak Sobat tambahkan.

Nah bagi Sobat yang belum mengerti cara memasukkan kode tersebut berikut ini caranya.

• Loggin ke blogger
• Klik Rancangan
• Edit HTML
• Cari kode a:hover{
• Kemudian tambahkan kode tadi di a:hover{ tersebut lebih kurang seperti ini
  a:hover{
  text-decoration:underline;
  ......
  }
• Simpan Tamplate
• Selesai...Oke

Oh ya sekarang silahkan lihat halaman blog Sobat dan letakkan mouse Sobat pada sebuah tulisan yang terdapat linknya. perhatikan apa yang terjadi. semoga artikel ini bermanfaat untuk Sobat semua dan jangan lupa kembali lagi untuk bersilaturahmi bersama SPN...Salam blogger

BACA SELENGKAPNYA »

Posted in Tutorial Blog

Sungai Penuh Online : Cara mengganti tulisan Diposkan | Ditulis oleh

Hallo Selamat Malam Sobat Blogger...
Cara merubah atau mengganti tulisan Diposkan atau Ditulis oleh, atau barang kali Sobat ingin menyisipkan icon Diposkan pada tulisan tersebut. ini bukan  hal yang mustahil untuk Sobat lakukan. Sobat hanya menambahkan sedikit kode, untuk membuat icon tersebut muncul di halaman blog Sobat. nah mungkin Sobat penasaran bagaimana cara menambahnya. lihat langkah berikut ini.

Berikut ini TIP DAN TRIK cara mengganti tulisan Di tulis oleh dengan tulisan lain seperti Post by atau tulisan lainnya.

• Login ke blogger
• Klik Rancangan
• Edit HTML
• Beri tanda centang pada tulisan "Expand Template Widget"
• Kemudian cari kode <data:top.authorLabel/>
• Lengkapnya kode tersebut seperti berikut ini
  <b:if cond='data:top.showAuthor'>
  <data:top.authorLabel/>
  <span class='fn'><data:post.author/></span>
  </b:if>
• Ganti kode <data:top.authorLabel/> Dengan tulisan yang Sobat inginkan, seperti contoh tadi Post by atau Coretan
• Kemudian simpan
• Nah Sobat ingin mengganti tulisan tersebut dengan sebuah gambar, hapus kode <data:top.authorLabel/> ganti dengan kode
  <img alt='Comments' height='18' src='http://alamaticon.jpg' width='18'/>
• Ganti http://alamaticon.jpg dengan alamat icon atau gambar yang ingin Sobat tampilkan
• Untuk mengatur tinggi dan lebar icon tersebut anda bisa merubah nilai yang terdapat di sana pada tulisan yang berwarna biru height='18' = ini untuk tinggi dan width='18' = untuk lebar
• Kemudian simpan tamplate Sobat
• Selesai....ALIAS THE END

Kemungkinan Sobat berniat untuk mengganti nama outhor nya Contoh Diposkan oleh Sunga Penuh Online  menjadi Diposkan oleh SPN atau yang lainnya. Nah dibawah kode di atas terdapat kode <data:post.author/> Ganti kode tersebut dengan nama yang Sobat inginkan. semoga artikel ini bermanfaat....
Salam Blogger....Salam sukses

BACA SELENGKAPNYA »

Posted in Tutorial Blog

Sungai Penuh Online : Cara Menghilangkan Angka pada Label

TIP DAN TRIK menghilangkan Angka pada LABEL di blog :

1. Sign in ke blogger dengan ID Sobat.
2. Klik Layout.
3. Klik menu Elemen Halaman.
4. Klik tab Edit HTML.
5. Klik tulisan Download Template Lengkap, silahkan di save dulu untuk backup (penting untuk di lakukan).
6. Beri tanda centang pada kotak di samping tulisan Expand Template Widget 

    7.  Silahkan Sobat. cari kode berikut pada kode template milik Sobat.


    (<data:label.count/>)

     8.  Jika Sobat sudah menemukan kode yang seperti di atas, silahkan hapus/delete.

     9.  Klik tombol Simpan Template.

    10.  Selesai. Silahkan lihat hasilnya !
Salam Blogger...selamat malam...hmmm .....................................................:) :)

BACA SELENGKAPNYA »

Posted in Tutorial Blog

Sungai Penuh Online : Aturan Copy Paste : Bila Sobat Copy Paste Alexa Rank Anda Meningkat

Jangan asal copy paste baca aturannya!!.
Sobat Blogger Semua....Di  blog SPN aturan copy paste ditiadakan, bagi yang mau copy paste dipersilahkan dengan senang hati, karena kita belajar bagaimana berbagi dengan Penuh KEIKHLASAN Tema tersebut dijadikan motto oleh SPN berhubungan dengan maraknya copy paste yang dilakukan di blog ini. begitu juga umumnya yang terjadi di blog yang lain. Tapi SPN punya kode etik dalam hal copy paste :

KODE ETIK COPY PASTE SPN BLOG :
1. Baca bismillah sebelum copy paste biar afdhol ya gak..
2. Kalau artikelnya gak jelas, tanya pada SUHU Master atau Pada Mbah Google dll
3.Kalau bisa ni minta izin pas mau copaz :''Izin Copaz yoww" kalau gak mau ya gak papa dilanjutin aja copy pastenya gitu aja kok repot...hmmm
4.Kalow bisa ya tukaran link aja langsung, kan sesama blogger harus banyak bersilaturrahmi, harus mau berbagi, mau saling memberi...apalagi kalow mau kasih pinjaman modal hehehe
5.Boleh memodifikasi konten atau artikel yang di COPAZ dengan sekehendak hati dan dengkul, gak dipajak atau bebas Pajak, ngapain Bayar Pajak kalow gak nyampe juga...hihihihikk
6. Kode Etik diatas Boleh dilanggar sobat blogger semua, asalkan bisa buat hati dan pikiran sobat blogger semua tenang dan nyaman
7.Oke Gitu aja Kode Etik SPN kalow ada yang mau COPAZ LANJUT BAE......

BACA SELENGKAPNYA »

Posted in Tutorial Blog

Sungai Penuh Online : Membagi Header menjadi dua bagian

Untuk melengkapi lengkap tutorial design tamplate yang ada. kali ini SPN coba membahas cara membagi header menjadi dua bagian kolom. biasanya default header kan cuman satu, nah header itu bisa di bagi menjadi dua bagian. coba SOBAT lihat contoh di bawah ini.

silahkan klik gambar untuk memperbesar

Nantinya elemen baru itu tadi dapat digunakan untuk penempatan iklan, gambar atau widget lainnya. Nah untuk membuatnya SOBAT sedikit menambah kan kode css ke dalam tEmplate. yang ingin menerapkan article ini silahkan ikuti TIP DAN TRIK dibawah ini.

• Log in dulu ke blogger
• Tata letak
• Edit HTML
• Download tamplate SOBAT untuk mengatasi hal-hal yang tak diinginkan
• Jangan lupa kasi tanda centang di kotak kecil kanan atas
• Kemudian cari kode
  #header-wrapper {
  width:660px;
  margin:0 auto 10px;
  border:1px solid $bordercolor;
  }
  
  #header-inner {
  background-position: center;
  margin-left: auto;
  margin-right: auto;
  }
  
  #header {
  margin: 5px;
  border: 1px solid $bordercolor;
  text-align: center;
  color:$pagetitlecolor;
  }
• Kemudian hapus dan ganti dengan kode di bawah ini
  #header-wrapper {
  width:930px;
  margin:0 auto 0px;
  background:#38610B;
  height:180px;
  }
  
  #head-inner {
  width:500px;
  background-position: left;
  margin-left: auto;
  margin-right: auto;
  float:left;
  }
  
  #header {
  margin: 0px;
  text-align: left;
  color:#ffcc66;
  }
  
  #r_head{
  width:430px;
  float:left;
  padding-top:10px;
  }
• Kemudian cari kode
  <div id='header-wrapper'>
  <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
  <b:widget id='Header1' locked='true' title='Test Blog (Header)' type='Header'/>
  </b:section>
  </div>
• Hapus dan ganti dengan kode
  <div id='header-wrapper'>
  <div id='head-inner'>
  <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
  <b:widget id='Header1' locked='true' title='Test Blog (Header)' type='Header'/>
  </b:section>
  </div>
  <div id='r_head'>
  <b:section class='header' id='header2' preferred='yes'/>
  </div>
  </div>
• kemudian save tamplate SOBAT dan lihat hasilnya.

Selamat berkreasi dan Salam Blogger...hmmmm

BACA SELENGKAPNYA »

Posted in Tutorial Blog

Sungai Penuh Online : Mengatasi masalah verifikasi pd kotak komentar

Ada diantara sobat bertanya... "Gimana cara biar verfikasi pada kotak komentar bisa fungsi scrollingnya??? " Akhirnya SPN sibuk klik sana klik sini untuk mencari jawabannya dan akhirnya mencari mbah google untuk membantu SPN.....kebanyakan pengunjung mengeluh ni pas mau comment. akibat scrollingnya nggak berfungsi jadi kode verifikasinya nggak bisa mereka masukin. akhirnya di tinggal pergi tanpa memberi komentar. Nah untuk mengatasi masalah ini, ikuti TIP DAN TRIK di bawah ini.

• Log in dulu ke blogger
• Tata Letak
• Edit HTML
• Kasi tanda centang di "Expand Template Widget"
• Kemudian cari kode yang mirip dengan kode ini scrolling='no' atau fokus pada
  <iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='no' width='100%'/>
• Jika Sudah ketemu ganti scrolling='no' jadi scrolling='yes'
• Ini Tanda Fungsi scrolling sudah berfungsi DAN bisa digunakan
• Simpan tamplate sobat dan lihat hasilnya

Salam kreatif dan selamat mencoba...Salam blogger

BACA SELENGKAPNYA »

Posted in Tutorial Blog

Sungai Penuh Online : meningkatkan Pagerank dalam waktu 5 menit

Selamat pagi sobat blogger....
Kali ini SPN akan membahas bagaimana cara meningkatkan Pagerank Blog Sobat hanya dalam waktu 5 menit bisa menewaskan Master-master blogger (PR-NYA Red), ilmu ini SPN peroleh setelah berguru Pada SUHU nya seluruh MASTER Blogger, yang tidak perlu SPN sebutkan namanya, karena SUHU Master tersebut tidak ingin namanya dikenal.
Sobat Blogger...
Pada awalnya SPN   juga kurangnya yakin dengan teknik dari sang SUHU apakah benar JURUS MENAIKKAN PAGERANK yang diberikan itu bisa menaikkan pagerank hanya dalam waktu 5 menit bahkan kurang, akhirnya karena ingin membuktikannya terpaksa dengan sangat berat hati SPN langsung terjun ke TKP
Sobat Blogger...
Kalau dilihat dari judul postingan ini SPN mau nanya mungkin gak yach, PAGERANK Naik dalam waktu 5 menit???Kalau Sobat blogger kurang yakin...Tunggu Artikel selanjutnya....bagaimana TIP dan TRIK menaikkan PR dalam waktu 5 menit.....Selamat menunggu....sabar yach
Salam...Blogger

BACA SELENGKAPNYA »

Posted in Tutorial Blog

Sungai Penuh Online : Menyembunyikan Widget Pada Halaman Lain

Sebelumnya SPN ucapkan terimakasih untuk pengunjung... Menyembunyikan widget pada halaman berikutnya itu topik utama kita. sebenarnya ini article menjawab salah satu pertanyaan sobat kita. yang pertanyaannya begini :

Bagaimana menyembunyikan widget pada halaman blog ???

 ada baiknya SPN mempublikasikan article ini. ada kemungkinan masih banyak sobat yang belum mengerti.
Untuk menyembunyikan nya ikuti TIP DAN TRIK di bawah ini.

• Silahkan log in dulu ke blogger
• Klik Tata letak
• Kemudian Tentukan terlebih dahulu Kode widget yang ingin sobat sembunyikan.caranya klik widget yang ingin sobat sembunyikan kemudian lihat paling atas akan terlihat ada link yang lebih kurang seperti ini.
  http://www.blogger.com/rearrange?blogID=6660863301115963007&action=editWidget&sectionId=headerright&widgetType=null&widgetId=HTML7
  HTML7 bisa berubah tergantung urutan pas anda menyimpan nya. kemudian copy kode yang mirip dengan kode berwarnah merah tadi.

  Untuk lebih jelas lihat contoh gambar berikut.

  
  

  
  silahkan klik gambar untuk memperbesar
  
  
• Nah Setelah kode HTML disiapkan
• Selanjutnya Edit HTML
• Beritanda centang pada kotak kecil kanan atas
• Kemudian cari kode ]]></b:skin>
• Letakan kode di bawah ini persis di bawah kode diatas
  <b:if cond='data:blog.pageType == "item"'>
  <style>
  #HTML4, HTML12 {display:none}
  </style>
  </b:if>
• Ganti tulisan yang berwarnah merah dengan kode HTML widget yang sobat siapkan tadi.
• Kemudian simpan dan lihat hasilnya.

Jangan lupa di praktekin ya......hmmm

BACA SELENGKAPNYA »

Posted in Tutorial Blog

Sungai Penuh Online : Ganti Kursor Anda

SOBAT bosan dengan tampilan kursor yang biasa-biasa saja? maka kali ini SOBAT mempelajari bagaimana mengganti atau merubah kursor SOBAT misalnya menjadi kursor yang bergerak atau animasi. untuk membuat kursor animasi sesuai keinginan SOBAT bisa dilakukan dengan menggunakan software-software pembuat animasi. Namun jika SOBAT tidak menguasai software tersebut, maka ada cara yang lebih mudah dilakukan. diinternet banyak sekali situs-situs yang menawarkan kursor animasi. SOBAT bisa mendapatkan kursor yang  inginkan didalam situs seperti itu.

Berikut langkah-langkah yang harus SOBAT lakukan:
Mencari kursor gratis....

Berikut ini langkah-langkah pencarian situs penyediaan kursor gratis, lalu mendapatkan kursor yang SOBAT inginkan dan membuanya siap ditempatkan dalam blogspot SOBAT

• Untuk mencari situs penyedia kursor gratis, gunakan Search engine dengan penulisan kata kunci pencarian misalnya "free animated cursor" atau SOBAT bisa kunjungi situs http://www.cursorpedia.com/ untuk mendapatkannya
• Bila SOBAT  telah menemukan situs yang tepat dan model kursor animasi yang SOBAT sukai, maka pastikan bahwa SOBAT memperoleh URL dari animasi tersebut.
• Contoh URL animasi yang didapatkan dari situs www.cursorpedia.com adalah seperti ini: http://www.cursorpedia.com/ani/heart_heart_32.ani
• Kebanyakan kursor telah memiliki kode lengkap yang khusus diperuntukkan bagi situs tertentu, misalnya MySpace. bila SOBAT menemukan yang seperti ini, maka ambil saja URL kursornya.
• Pastikan alamat URL ini mempunyai ekstensi .ani (untuk kursor animasi) atau .cur (untuk kursor biasa) apabila SOBAT hanya mendapatkan file berformat.ani atau .cur (bukan sebuah URL), maka SOBAT harus meng-upload kedalam webhosting khusus untuk image seperti www.photobucket.com
• Selanjutnya sisipkan URL kursor animasi SOBAT ke dalam script berikut ini
  Cursor: url ("URL KURSOR");
  Gantilah teks "URL KURSOR" dengan URL kursor yang anda peroleh. Contohnya seperti ini:
  
  cursor:url("http://www.cursorpedia.com/ani/heart_heart_32.ani");
• Dengan script diatas maka kursor animasi SOBAT telah siap diaplikasikan kedalam halaman Blogspot SOBAT.

Mengaplikasikan Kursor dalam Blog SOBAT

Setelah anda mempunyai script kursor seperti bahasan diatas, maka selanjutnya akan dijelaskan bagaimana cara mengaplikasikan kursor ke dalam halaman blogspot milik SOBAT

Berikut ini caranya:

• Login terlebih dahulu kedalam akun Blogspot SOBAT
• Setelah itu klik menu Layout pada halaman dashboard
• Selanjutnya klik menu EDIT HTML
• Kemudian Cari kode body {
• Setelah ketemu masukkan script kursor yang SOBATmiliki tadi seperti ini
  body {
  padding: 0;
  margin: 0;)
  font-size: small;
  color: $textcolor;
  background: #fff;
  text-align: center;
  cursor:url("http://www.cursorpedia.com/ani/heart_heart_32.ani");
  }
• Setelah itu klik tombol Save Template dan lihat hasil kerja sobat
• Salam Blogger....hmmm

BACA SELENGKAPNYA »

Posted in Tutorial Blog

Sungai Penuh Online : Cara mengganti jenis font untuk isi postingan

Pada kali ini SPN membahas cara mengganti jenis font untuk isi postingan.  mari kita lanjutkan ke pokok materi kita hari ini. untuk mengganti jenis font untuk isi postingan biar bisa Sobat gonta ganti seperti yang sobat inginkan. mau tau caranya seperti apa? ikuti TIP DAN TRIK  di bawah ini.

Berikut ini TIP DAN TRIK cara mengganti jenis font yang terdapat pada isi postingan blog SOBAT:

• Login ke blogger
• Klik Rancangan
• Edit HTML
• Kemudian cari kode .post{
• Kalau sudah ketemu SOBAT bisa menambahkan kode untuk jenis font pada kode tersebut, berikut ini caranya
  .post {
  font:14px Arial, Helvetica, sans-serif;
  .........
  }
• tulisan yang berwarna merah di atas itu lah jenis font yang SOBAT ganti. anda bisa mengganti nya dengan jenis font yang SOBAT mau.
• Untuk mengganti ukuran nya ganti angka 14px dengan ukuran yang SOBAT inginkan.
• Disini SOBAT bisa menambah jenis font nya saja tanpa harus menambahkan ukuran untuk font tersebut. berikut caranya
  .post {
  font-family: Arial, Helvetica, sans-serif;
  ........
  }
• etelah proses penggantian selesai simpan template SOBAT
• Selesai TUH...

Oke Sekarang lihat penampilan tulisan isi postingan SOBAT , pasti sudah berubah. semoga artikel ini bermanfaat untuk SOBAT semua, terutama bagi yang pemula seperti SPN. dan jangan lupa untuk kembali lagi membaca update artikel SPN. salam blogger......hmmmm

BACA SELENGKAPNYA »

Posted in Tutorial Blog

Sungai Penuh Online : Try it "Google Related Links"

Sungai Penuh Online....malam semakin larut
Ingin Mencoba Google Related Links - Related Links adalah satu upaya ampuh untuk meningkatkan page view dengan mengaitkan sebuah link ke link lain. Google menawarkan cara mudah untuk mengaitkan link satu dengan link lainnya. alat ini masih di godok di Google Labs dan tidak semua orang dapat menggunakannya. untuk mencoba Google Related Links ini ikuti tutor berikut:

Berikut ini Cara Mencoba Google Related Links:

• Kunjungi link http://relatedlinks.googlelabs.com/
• Kemudian klik Demo pada sidebar kiri
• Isi kolom yang tersedia:
  Page URL = isi dengan alamat salah satu postingan anda
  Page Title = isi sesuai keinginan anda
  Domain = isi dengan domain yang ingin sobat cari artikel serupanya. bisa domain yang sama dengan domain artikel yang diisikan di atas, bisa juga domain situs lain. jika domain situs lain, artinya Google akan otomatis mencari artikel yang mirip dengan postingan sobat dari situs lain.
  Language = pilih Inggris
• Kemudian klik tombol "Try It"
• The end alias selesai....

Perlu untuk dketahui di bawahnya akan muncul contoh hasil pencarian artikel terkait. bahkan lebih kompliet karena dilengkapi Related Searches by Google, yakni temuan artikel terkait di mesin pencari. Selamat mencoba dan salam blogger

BACA SELENGKAPNYA »

Posted in Tutorial Blog

Sungai Penuh Online : hilangkan border pada image postingan

Selamat malam sobat....hari dah semakin malam, bahkan hampir jam 12 malam, berarti sebentar lagi udah mau masuk hari selasa....tapi artikel ne tetap kita orbitkan ya nggak??setuju.......????
Selain kata Image border ini sering di kenal juga dengan kata bingkai photo. Kebanyakan image pada posting bloger selalu memiliki border atau bingkai pembatas image. Nah pada kenyataanya ada yang suka dan banyak yang ingin menghilangkan border tersebut. ada juga yang tetap menampilkannya. dengan cara memodifikasi border image tersebut dengan semaksimal mungkin. sekarang terserah so mau yang bagaimana.yang penting image tampilan blog bisa tampil semakin baik. disini ada dua cara untuk menghilangkannya.

Langkah pertama:

Sobat bisa menyamakan warna border image dengan warna post background color dengan cara

• log in dulu ke blogger
• Tata letak dan
• Atur warna di Font dan Color

Langkah Kedua:

• sama log in dulu ke blogger
• Tata letak
• Edit HTML
• Cari kode di bawah ini atau pokus ke .post img {
  .post img{
  border:1px solid $bordercolor;
  margin:4px;
  padding:4px
  }
• Ganti nilai border:1px menjadi border:0px
• Kemudian save tamplate

Nah mudah bukan selamat mencoba mempraktekkannya....Salam Blogger

BACA SELENGKAPNYA »

Posted in Tutorial Blog

Cara Utak-atik Tampilan Font pada Kolom Komentar

Pernahkah sobat ingin memberi penekanan khusus pada kata-kata tertentu saat menulis di kolom komentar? Baik sebagai pemilik maupun sebagai pengunjung sebuah blog. Mungkin sobat ingin menanyakan atau menjelaskan sesuatu yang menjadi inti komentar sobat. Sebagai contoh misalnya anda ingin menulis seperti ini:

Kalausobat benar-benar ingin utak atik font pada kolom komentar, memang harus bisa nulis kode HTMLsobat. Walau pun nggak harus jago. Kalau nggak, jelas nggak bisasobat.

Nah, tulisan yang dicetak tebal adalah kata-kata yang ingin kita tonjolkan. Karena itu tampilannya harus dibedakan dari kata-kata yang lain. Biasanya untuk menonjolkan sebuah kata, kita akan menggunakan tanda kutip, huruf tebal, huruf miring, memberi warna atau pun background pada kata-kata tersebut.

Tapi yang menjadi masalah, fasilitas untuk utak-atik font ini tidak ada pada kolom komentar. Kita hanya bisa menulis dengan cara biasa dan hasilnya pun juga dengan tampilan yang biasa-biasa. Lantas adakah jalan keluar untuk ini?

Jawabannya ada! Yaitu dengan menambahkan sedikit kode HTML pada kata yang ingin kita tonjolkan tersebut. Beberapa kode HTML yang lazim digunakan adalah:

<span style="font-size: 12px;"></span> (untuk ukuran font)
<b> </b> (untuk huruf tebal)
<i> </i> (untuk huruf miring)
<strike> </strike> (untuk huruf yang dicoret)
<div style="color:#dddddd;"></div> (untuk warna huruf)
<div style="background-color:#dddddd;"></div> (untuk warna background huruf)

Sebagai catatan, kode yang berwarna hitam tebal adalah tag pembuka. Sedangkan kode yang berwarna biru adalah sebagai tag penutup. Kedua kode ini harus ditulis berpasangan. Kata yang akan diberi variasi harus berada diantara kedua tag tersebut. Jika pasangan tag ini tidak lengkap maka tidak akan terjadi perubahan apa-apa pada fontnya. Biasanya akan muncul peringatan eror. Sebagai contoh maka penulisannya akan menjadi seperti ini:

<b>huruf tebal</b>
<i>huruf miring</i>
<strike>huruf dicoret </strike>
<span style="font-size: 12px;">huruf ukuran 12 pixels</span>
<div style="color: #dddddd;">huruf berwarna abu-abu</div>
<div style="background-color: #dddddd;">huruf dengan background abu-abu</div>

Sebagai tambahan, yang berwarna hijau adalah ukuran fontnya. Sedangkan yang berwarna merah adalah kode untuk warnanya. Kedua ini bisa anda ganti sesuai keinginansobat. Jika kesulitan dengan kode warna sobat bisa lihat Daftar Kode Warna.

Kemudian untuk menyisipkannya kode tersebut dalam sebuah kalimat, contoh penulisannya menjadi seperti ini:

Kalau sobat benar-benar ingin <b>utak atik font di kolom komentar</b>, memang harus bisa nulis kode <div style="color: #dddddd;">HTML</div> sobat.

Gimana?
Sekarang sobat tinggal pilih untuk menggunakan beberapa kode tersebut sesuai variasi huruf yang sobat inginkan. Sebagai uji coba sobat boleh tes pada kolom komentar di bawah ini.

Selamat mencoba dan semoga berhasil! Salam Blogger....

BACA SELENGKAPNYA »

Posted in Tutorial Blog

Sungai Penuh Online : Cara Merubah Letak Sidebar

Jika tidak puas dengan posisi sidebar blog sobat saat ini sobat bisa merubahnya dengan mudah. Yaitu dengan mengganti kode posisinya pada halaman html. Berikut TIP DAN TRIKnya:

1. Masuklah ke halaman Dasbor sobat. Kemudian klik pada Tata Letak.


2. Klik Edit HTML.


3. Carilah kode ini:  #sidebar-wrapper{ pada kotak Edit HTML.

4. Agar mudah mencarinya tekan (ctrl + f) pada keyboard, sehingga muncul kotak pencarian. Ketiklah script yang akan dicari dan tekan enter. Maka secara otomatis bagian yang dicari akan langsung muncul.  Di bawah kode tersebut  ada kode float: $endSide;. Float artinya posisi dan end artinya sebelah kanan. Jika ingin memindahkan sidebar ke sebelah kiri maka gantilah kata end menjadi start. Begitu juga sebaliknya.



5. Hasilanya akan menjadi seperti ini.


6. Setelah selesai jangan lupa klik SIMPAN TEMPLATE. Tunggu hingga proses selesai dan lihatlah hasilnya. Jika sekaligus ingin merubah warna  latar belakang sidebar tersebut  bisa dilihat caranya klik here

Salam damai buat blogger mania....hmmmm

BACA SELENGKAPNYA »

Posted in Tutorial Blog