Showing posts with label Blogspot. Show all posts
Showing posts with label Blogspot. Show all posts

29 March 2010

Cara Membuat Related Post Dibawah Posting Blogspot


Membuat related post,baik yang ditaruh dibawah posting maupun yang berupa related post widget yang diletakkan pada sidebar ini bukan hanya merupakan pemanis belaka, tapi juga merupakan hal yang sangat bermanfaat. selain dapat meningkatkan page views, related post ini sangat membantu apabila ada beberapa posting lama kita yang belum terindeks oleh mesin pencari. Related Post adalah daftar link posting yang berhubungan. dihubungkan oleh kategori atau label yang sama.Pada tutorial blogspot kali ini, saya akan memberikan tutorial tentang bagaimana cara membuat related post dibawah posting pada blog berplatform blogspot.

Berikut ini adalah langkah2 untuk membuat link artikel yang berhubungan atau membuat related post dibawah posting :

1. Login ke account blogger anda,

2. Pada dashboard, pilih edit layout–> edit HTML

3. Centang Expand widget template

4. Cari kode seperti dibawah ini, lebih mudah bila anda menggunakan ctrl+F
<p><data:post.body/></p>

5. Lalu sisipkan kode2 berikut persis dibawah kode tadi

27 March 2010

Cara Menampilkan Navbar Blogger Yang Disembunyikan


Kadang ada blog yang yang navbarnya disembunyikan,padahal yang Navbar itu menurut saya banyak membantu kalau misalnya kita mau posting,kadang bingung kalau blog kita navbarnya tidak ada,kalau saya bilang sih navbar itu adalah shortcut sebuah blog jadi kudu di tampilkan,Mungkin kalau blogger sejati tidak masalah tapi yang baru belajar tentu sangat membingungkan.
Bila ada sobat yang bingung kok navbar blog saya kok tidak ada ini adalah cara-cara menampilkan Navbar 


Apabila kita memakai fasilitas yang gratisan pastinya ada ketentuan-ketentuan yang berlaku untuk menggunakannya, seperti halnya NgeBlog, apabila kita pengguna wordpress yang gratisan kita tidak boleh memasang iklan ataupun adsense pada blog tersebut kecuali kita sudah memiliki hosting sendiri.

Tidak jauh berbeda apabila kita NgeBlog di Blogger.com kita harus mengikuti peraturan yang ditentukan oleh Blogger yaitu Term Of Services (TOS). salah satunya adalah harus menggunakan Navbar Blogger pada tampilan blognya. bedanya dengan wordpress pada blogger diperbolehkan untuk memasang iklan ataupun adsense.

Banyak sekali template yang kita download saat ini yang telah menghapus navbar blogger tersebut, karena mungkin mengganggu tampilan pada blog kita sebenarnya itu tidaklah dihilangkan melainkan disembunyikan, tetapi saya menyarankan untuk memunculkan kembali navbar blogger tersebut dengan cara menghapus kode yang membuat navbar blogger tersebut tersembunyi dan agar tidak di banned oleh google nantinya, karena telah melanggar TOS (aturan-aturan) blogger.

caranya sangatlah mudah.

1. Setelah login ke Blogger.
2. Kemudian Tata Letak ~> Edit HTML
3. setelah itu cari kode seperti (atau kode mirip) ini

#navbar-iframe{display:none;height:0;visibility:hidden;}
untuk mencari kode di atas tekan ctrl + f dari keybord,setelah itu masukan kode ini saja: #navbar-iframe,soalnya tiap template agar berbeda dikit tulisan kodenya jadi untuk memudahkan mencarinya.
Hapus saja kode yang diatas,setelah itu save template dan setelah tersave lihat blognya.
Selamat mencoba

26 March 2010

Pasang kode HTML di postingan

Ok....karena pertanyaan tersebut, saya langsung kasih deh gimana caranya. Hal pertama yang harus diperhatikan dalam bagaimana cara pasang kode HTML dipostingan yaitu ketika membuatnya anda berada pada posisi edit html bukan mode compose. yang ke dua, untuk menambahkan kode html di postingan anda cukup dengan menambahkan tag <code> dan </code> diantara kode html yang akan ditampilkan di postingan. Contoh misalnya anda ingin menampilkan kode html berikut :
<p align='justify'>Tes kode html</p>
maka untuk membuatnya yaitu dengan cara menambahkan tag <code> dan </code> diantara <p align='justify'>Tes kode html</p>. Maka hasilnya seperti ini :
<code>
&lt;p align='justify'&gt;Tes kode html&lt;/p&gt;
</code>
Perhatikan text yang warna merah. Itu adalah kode2 untuk mengganti karakter html. Berikut beberapa karakter html yang biasanya dipakai :

Karakter HTML
Pengganti Karakter

<

&lt;

>

&gt;

&

&amp;

"

&quot;

±

&plusmn;

Spasi

&nbsp;

©

&copy;

Nah....jadi kesimpulannya, untuk menampilkan kode html di postingan, anda harus menambahkan <code> dan  </code> diantara kode html yang akan ditampilkan. Lalu ganti karakter2 kode html-nya sesuai dengan keterangan table diatas. Mudahkan...??.
selamat mencoba...

Menampilkan Tanggal dan Jam di Blog

Sumber dari kursus-blog.blogspot.com

Jika pada kesempatan yang lalu saya posting tentang menampilkan tanggal hari ini di blog, maka untuk lebih memperlengkap postingan tersebut, saya akan memberikan anda semua suatu cara untuk menampilkan Tanggal beserta jam nya (Update). Untuk menampilkan tanggal dan jam di blog, diperlukan suatu kode javascript. Sehingga tanggal dan jam tersebut bisa langsung terupdate sesuai dengan zona waktu. Jika ingin melihat contohnya, anda bisa lihat disini.

Untuk menerapkannya di blogger, anda tinggal memasukan kode javascript berikut ke dalam page element blog anda. Namun...jika anda mengerti dengan javascript, anda bisa mengaplikasikannya di html blog anda. Berikut kodenya :



<script type="text/javascript">
var dayarray = new Array("Minggu","Senin","Selasa","Rabu","Kamis","Jumat","Sabtu");
var montharray = new Array("Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus",
"September","Oktober","November","Desember");



var kursusblog = new Date();


var day = kursusblog.getDay();
var month = kursusblog.getMonth();
var daym = kursusblog.getDate();
var year = kursusblog.getFullYear();


var currentTime = new Date()
var hours = currentTime.getHours()
var minutes = currentTime.getMinutes()


if (minutes < 10)
minutes = "0" + minutes


if (daym < 10)
daym = "0" + daym;


document.write("<b>Hari ini</b>" + " " + dayarray[day] + ", " + daym + " " + montharray[month] + " " + year);
document.write("<br/>");
document.write("<b>Pukul</b>" + " " + hours + "<blink>:</blink>" + minutes);
</script>

Silahkan copy paste kode tersebut diatas dan aplikasikan di page elemen blog anda. Bila masih ada hal yang belum dimengerti, silahkan bertanya dengan mengisi kolom komentar di postingan ini.

Page Rank Checker

Untuk mengetahui pagerank blog,apa sudah dapat rank apa belum bisa mengunjungi Page Rank Checker.
Page Rank Checker adalah perangkat gratis untuk memeriksa halaman blog atau halaman situs web apa mendapat peringkat dari Google atau untuk menampilkan PageRank situs/blog.

Pasang Page Rank Checker untuk situs web Anda - GRATIS!

Dengan menambahkan Page Rank Checker tool (page rank ikon) untuk situs Anda, Anda dapat langsung dan mudah memeriksa peringkat (cek PR) dari semua halaman situs web Anda dengan.

Google search engine dan algoritma PageRank ™ adalah merek dagang dari Google Inc


Your Site URL:
Your Site URL:
Your Site URL:
IMPORTANT: Please DO NOT modify the code, otherwise we can not guarantee the correct work of our free page rank checking tool that displays the page rank value! Tapi kadang ada blog yang tidak mendapat rank seperti blog ini...saya juga ga tau gimana carannya agar dapat pagerank.Mungkin karena pengunjung blog saya ini kurang atau memang tidak ada sama sekali.
Tapi mengapa blospot kok tidak sama dengan Wordpress,kalau wordpress seperti tiap hari ada saja pengunjung mampir,tapi di blogspot susah banget untuk mendapatkan pengunjung...

Oke deh kalau penasaran bagi yang belum mengecek blog sudah dapat rank dari google silahkan di coba saja ke situs di sini Page Rank Checker.
Selamat mencoba...!!!!

23 March 2010

Meningkatkan traffic blog dengan cepat

Para blogger tentunya ingin sekali blognya menjadi terkenal baik itu di mata google maupun di mata para blogger yang lainnya. Untuk membuat blog anda terkenal di mata google dan di mata para blogger yang lainnya, tentunya diperlukan kesabaran dan ketekunan untuk mencari traffic yang tinggi untuk blog anda. Tidak gampang juga untuk mencari traffic ratusan dalam hitungan hari buat para pemula. Ada banyak cara untuk meningkatkan traffic blog anda, seperti pada postingan saya sebelumnya yaitu : submit ke social bookmarking , blogwalking , submit ke search engine direktori, berkomentar yang benar, membuat wordpress menjadi seo friendly dll . Namun kali ini saya akan menambahkan beberapa hal lagi tentang bagaimana cara meningkatkan traffic blog dengan lebih cepat lagi. Beberapa hal tersebut adalah :

Title tag

Salah satu cara untuk mendapatkan traffic gratis dari google adalah dengan memperhatikan title tags (ada dipojok kiri paling atas ) dari blog anda. Faktor ini sangat berpengaruh terhadap posisi blog anda di hasil pencarian. Jadi intinya adalah, kalau bisa judul artikel anda = title tags blog anda. Sebagai contoh, para blogger banyak mencari informasi di google tentang cara meningkatkan google pagerank, benar ? nah..saya akan perlihatkan hasil pencarian ” meningkatkan google pagerank ” di google search engine…dan anda bisa lihat sendiri hasilnya
Posisi blog saya berada di urutan kedua dihalaman pertama hasil pencarian… lumayan ,artinya = traffic tinggi . Disana diperlihatkan title tags = judul artikel, dan hal ini sangat membantu sekali untuk mempercepat blog anda muncul di halaman pertama hasil pencarian. Kalau belum tau cara mengubah title tags, lebih bagus memakai plugin platinum SEO .. kalau saya sih tetap memakai all in one SEO, tergantung gimana kita memnage blog atau wordpress masing-masing… dan anda bisa ubah-ubah sendiri di settingannya menurut keinginan anda sendiri .

Link ke artikel yang jarang dibuka

Dari semua postingan di blog anda, pasti ada halaman yang PRnya tinggi dan ada juga halaman yang PRnya nol. Hal ini tentunya merugikan artikel yang PRnya nol atau yang tidak pernah “tersentuh” tersebut di mata google, karena semakin artikel tersebut tidak pernah dilihat, semakin tipis pula kemungkinan artikel tersebut muncul di halaman pertama hasil pencarian dikarenakan popularitas artikel tersebut rendah. Untuk mengatasi hal tersebut, berikan link berupa anchor text ke artikel yang lama tidak tersentuh, dengan harapan popularitas artikel yang jarang tersentuh tersebut meningkat dan muncul dihalaman pertama hasil pencarian, sehingga bisa menambah traffic ke blog anda. Jadi untuk postingan anda berikutnya, usahakan beri link berupa anchor text ke artikel di blog anda yang lainnya

Lanjut

Judul artikel yang memancing

Apakah anda pernah berkunjung ke satu blog untuk sekedar blogwalking, sekedar menyapa met pagi atau met siang atau met malam, namun tanpa disengaja mata anda tertuju kepada satu judul artikel yang menarik dan menimbulkan rasa ingin tahu di dalam hati…penasaran gitu. Kalau saya pribadi sering melihat artikel dengan judul yang memancing, sehingga menimbulkan rasa ingin tahu saya dan akhirnya saya baca juga artikel tersebut seperti misalnya : “7 langkah efektif meningkatkan pagerank”…..atau juga seperti :“5 langkah mendapatkan traffic tinggi” .Apakah ada rasa ingin tahu dalam hati anda ketika anda membaca judul artikel tersebut ? Sepertinya ada informasi yang penting di dalam artikel tersebut bukan ? tapi ingat… harus diimbangi dengan konten yang bermutu juga lho... Riset membuktikan bahwa pencari/pengunjung menghabiskan 30% dari waktu mereka untuk membaca judul artikel, 43% dari waktu mereka untuk membaca deskripsi artikel, dan 21% dari waktu mereka untuk membaca isi artikel ( sumber : Cornell University Computer Science & Human Computer Interaction ). Sama juga kalau anda hendak membeli buku, yang jadi salah satu pertimbangan buat anda untuk membeli buku adalah dari JUDUL BUKU . Jadi alangkah pentingnya sebuah judul artikel :-)
Itulah beberapa langkah untuk meningkatkan traffic blog dengan cepat. Semoga bermanfaat

Meta tag when optimizing a site for Google

<html>
<head>
<title>KEYWORDS HERE</title>
<meta name="keywords" content="what who where and why">
</head>
Here is the first controversy. Unlike other search engines like HotBot and Infoseek, our opinion is that Google ignores meta tags: studying it we have noticed that its spiders are design to act "like a human being would". This can explain why Google doesnt take in great consideration something an eye cannot see.
Assumed that we have also to warn you about a thing: correct meta tags won't help you in optimizing for Google, but misleading meta tags could cause your site to be penalized.

As shown in lines above, Google does not use meta tags such as "keywords" or "description" because the text in these tags cannot be seen by your site's visitors. This means that Google gets your page theme from the first few lines of text on your page, this means you have to have your keywords and phrases right at the top, if it finds them your page becomes more relevant.
Most important Meta Tags are
<meta name="keywords" content="wow, yeah, random, freedom, wish-you-were-here">

for google's optimization purposes, commas are not required; be aware that ALL keywords you include in this tag MUST appear somewhere on the page.
<meta name="description" content="this site talks about wow, yeah, random, freedom and we wish you were here">
tip: put in the content attribute of the keywords meta tag the same words in the title tag with no comma. Do the same for decription meta tag
Other META TAGS
Remember what This tutorial is supposed to be: a theorical and practical tool to optimize your site according to Google's algorithm and pagerank.
We're not saying META TAGS are unuseful at all, we only say that if you want a good ranking on Google, you don't need to hard-code your html with meta tags usually ignored.
Anyway, if Google is just ONE of the search engine you'd like to see your site indexed on, here is a list of meta tags that can suit your needs.

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
won't help and causes a double loading in Netscape browsers - like a 'flash effect' someone says...
<META http-equiv="Content-Language" CONTENT="HR">
The Language META tag declares to users the natural language of the document being indexed. Search engines which index websites based on language often read this tag to determine which language(s) is supported. This tag is particularly useful for non-english and multiple language websites.
BG (Bulgarian)
CS (Czech)
DA (Danish)
DE (German)
EL (Greek)
EN (English)
EN-GB (English-Great Britain)
EN-US (English-United States)
ES (Spanish)
ES-ES (Spanish-Spain)
FI (Finnish)
HR (Croatian)
IT (Italian)
FR (French)
FR-CA (French-Quebec)
FR-FR (French-France)
IT (Italian)
JA (Japanese)
KO (Korean)
NL (Dutch)
NO (Norwegian)
PL (Polish)
PT (Portuguese)
RU (Russian)
SV (Swedish)
ZH (Chinese)
<META name="Abstract" content="Abstract phrase">
Foolish…gives the spider an other kind of your site overview…
<META name="Author" content="Author Information">
Optional at all. Gives information about the author like his name, email, wesite address
<META name="Copyright" content="Copyright Statement">
Defines copyright informations about the document
<META name="Distribution" content="Global">
States the level of distribution of the web page - Global (general use) | Local (local use and distribution)| IU (internal use of the document)
<META name="Expires" content="Tue, 01 Jun 1999 19:58:02 GMT">
Note: Requires RFC1123 date as shown above
Indicates to search engines when the content on your website will expire
<META HTTP-EQUIV="Refresh" content="X;URL=http://www.website.com/index.html">
x=number of seconds before refresh or redirection
DONT USE IT EVEN IF SOMEONE IS TORTURING YOU! search engines discourage this type of META tag because it opens opportunity for users to spam search engines with similar pages which all lead to the same page. In addition, this also makes many of the search engines databases cluttered with irrelevant and multiple versions of the same data.
If you HAVE TO redirect a page, for any honest reasons, use an external javascript.
<META name="Revisit-After" content="X Days">
how many days the search engine should revisit your webpage…useless at all. Search engines, Google first, do not accept any orders
<META name="Robots" content="index,follow">
supported attributes: index | follow| noindex | nofollow
Googlebot, also known as Google spider, is an automated mechanism that spiders your site, and collects and archives informations about your site's content. Typically, a website owner would submit the main page and Googlebot would visit your site and collect all subpages and related links from your main page. However, this tag enables you to control which pages you would like spidered, and which to ignore. For instance, there are certain webpages and directories (ie: CGI Scripts) that you may not want to be indexed in search engines. Using the robots tag, you can define which pages to follow, which to index and which to ignore completely.
: better using THIS tag than robots.txt

21 March 2010

Cara Bikin Tabel Garis Tepi Atas Dan Bawah Melengkung

Get cash from your website. Sign up as affiliate.
Malam ini pas saya mau posting...karena ingin postingnya kelihatan keren alis cakep gitu...saya cari info di google pastinya..yaitu cara bikin tabel yang garis tepi atas bawah melengkung tidak membentuk sisi maksudnya,tapi tidak dapat,yang saya dapat sih cuma buat garis melengkung di bawah posting seperti blog saya karena penasaran saya utak atik dan mempelajari kode html yang saya dapat,akhirnya ketemu juga,coba lihat saja posting saya ini,garis tepi atas dan bawah melengkung bukan,sebelumnya sih saya selalu pasang yang standar yaitu garis tepi membentuk sisi.Biasalah saya pingin posting saya bentuknya berbeda,maksud saya disini saya pingin background posting saya berwarna tanpa saya rubah warna defalaut template,di sini saya merubah disaat mau posting saja...memang repot sih.Tapi untungnya warnanya bisa berbeda setiap posting,tapi perlu di garis bawahi jangan asal pake warna sesuaikan dengan warna huruf blog,misalkan warna huruf blognya biru pake backgroundnya biru ya tidak kelihatannlah hurufnya jadi susah untuk di baca....intinya warna huruf dan background harus selaras...

Oke deh....lanjut yang tadi untuk membuat tabel yang gari tepi ata dan bawah melengkung,coba lihat di bawah,warnanya bisa di ganti sesuai selerah masing-masing dan macam-macam kode warna saya sudah pernah posting silahkan baca di sini !!!!



<div style="border: 3px #0080FF solid; padding: 15px; background-color:
#87cefa; text-align: left;border-right:3px solid #0080FF;
border-top:0px solid #0080FF;
border-top:3px solid #0080FF;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px; ">tulis postingnya di sini</div>

background-color:#87cefa = warna backround/boleh berbeda dengan warna garinya.
border: 2px #0080FF = waran garis/ini harus sama dengan warna border top(border-top:0px solid #0080FF dan border-top:3px solid #0080FF) harus sama biar bagus,jadi misal mau warna merah harus merah semua.tapi kalau mau biar kesannya tidak pakai garis pinggir samakan saja semua kode warnanya itu tergantung selerah sih.....
Mudah-mudahan info ini bisa bermanfaat...dan selamat mencoba!!!!

Cara Mengetahui Link Broke Pada Blogspot

Link yang di pasang dalam blog memang bisa menigkatkan rank websites atau blog,tetapi perlu juga di ketahui terlalu banyak link dalam websites khususnya blogspot,bisa berdampak negatif terhadap blog itu sendiri,contohnya akan mengalami pendeletan/di hapus,jadi yang kita mesti pintar-pintar menempatkan link.Karena tidak jarang kita memasang link ternyata link itu rusak/broke.

Link yang kredibel/bagus adalah komponen yang paling penting dalam meningkatkan website/blog ,karena link adalah bagian nafas website kita agar menjadi lebih memiliki kualitas, baik dari segi menentukan pagerank yang diberikan Google maupun dari kepentingan bisnis yang bisa digunakan bila website kita sudah bisa dikenal oleh banyak para pengunjung.

Kalau link didapat dari sumber yang baik maka hasilnya pasti baik pula,namun bila link didapat dari sumber yang buruk maka link akan menjadi buruk atau dikatakan terputus(broken link) dan tentu ini akan merugikan website.Link memang merupakan hal yang sangat penting dalam sejarah Search Engine Optimazation(SEO)

Bila ingin mengetahui apakah halaman konten yang didapat situs semakin berharga yang muncul keluar, dan apakah situs/blog Anda akan semakin memiliki peringkat yang lebih baik, dan Anda dapat mengetahui link halaman anda yang keluar bagus bila memiliki tanda centang berwarna hijau, namun buruk bila bertanda seru merah, atau bertuliskan kata hyperlink good (bagus) dan hyperlink broken (terputus)

Berikut cara Anda melakukan pengecekan Broken Link Checker melalui ini :

  1. http://linkchecker.submitexpress.com/ 







  2. http://www.creatingonline.com/ atau dapat di klik disini
Namun perlu diketahui pada saat blog sedang dalam penggunaan oleh pemakai mungkin sedang menulis artikel dan lain sebagainya kemudian kita melakukan cek link broken maka blog tersebut juga terdeteksi link broken jadi jangan keburu di hapus

20 March 2010

CARA MEMBUAT TABEL PADA POSTING

 Nah saya sekarang ingin membahas tentang kode CSS yang biasa digunakan untuk cara membuat tabel.
Mungkin bisa langung saja.

Berikut ini adalah kode CSS tag HTML yang biasanya digunakan, berikut keterangannya :
align = left|center|right posisi yang berkaitan dengan dokumen atau isi
background = url gambar backgroud tabel
bgcolor = warna dari background tabel
border = pixel lebar perbatasan
cellspacing = nilai perbatasan antara ruang dan isi sel
cellpadding = nilai ruang antara sel
frame = void|above|below|hsides|lhs|rhs|vsides|box|border menunjukkan bahwa sekitar perbatasan tabel
above : hanya attribut
below :
border , box : empat sisi
lhs : hanya sebelah kiri
void : none (ini adalah nilai per sel)
rules = none|groups|rows|cols|all semua ujung-ujungnya internal sampel
all : antara baris dan kolom
cols : hanya antara kolom
groups : antara kelompok (thead, TFOOT, tbody, dll)
none : rows : hanya antara baris
summary = ringkasan teks untuk digunakan dengan browser di visual --
width = nilai atau persentase yang menunjukkan lebar
Selain itu terdapat sejumlah tag "opsional"
CAPTION membuat keterangan khusus untuk judul
Tbody mengidentifikasi tubuh dari tabel (isi)
Thead mengidentifikasi head
TFOOT mengidentifikasi kaki halaman
CSS properti khusus untuk tabel:
border-spacing: size
Menunjukkan jarak yang memisahkan Tepi-tepi cell berdekatan. Jika Anda menentukan ukuran ini memberikan ruang vertikal dan horisontal.

border-collapse: collapse | separate
Ditentukan akan dianggap sebagai ujung-ujungnya dari dua Cell

empty-cells: show | hide
Mengontrol perbatasan di sekitar mereka dalam Celda yang tidak terlihat konten

table-layout: auto | fixed
Serta untuk menentukan ukuran gambar memungkinkan browser memuat halaman dengan lebih cepat, penggunaan atribut lebar dan tinggi properti dari gaya sesuai untuk mengatur lebar dan tinggi dari setiap elemen tabel substansial meningkatkan kecepatan pada berisi semua data yang banyak itu sendiri.
Contoh Cara Membuat Table
Baris 1 Kolom 1 Baris 1 Kolom 2 Baris 1 Kolom 3
Baris 2 Kolom 1 Baris 2 Kolom 2 Baris 2 Kolom 3
kode membuat table

<table style="table-layout: fixed;" align="center" border="1" cellpadding="5" cellspacing="2">
<col style="background-color: chocolate; color: white; font-size: 0.8em;" width="130">
<col style="background-color: yellow; color: black;" width="150">
<col style="background-color: salmon; color: white; text-align: center;" width="180">
<tbody>
<tr><td>Baris 1 Kolom 1</td>
<td>Baris 1 Kolom 2</td>
<td>Baris 1 Kolom 3</td>
</tr>
<tr><td>Baris 2 Kolom 1</td>
<td>Baris 2 Kolom 2</td>
<td>Baris 2 Kolom 3</td>
</tr></tbody></table>


Sumber dari blog :kulpang blog

Kenapa Blog Ada Yang Di Hapus

Memang blog banyak yang di hapus...baru-baru ini blog saya juga didelete,alasannya karena spam...spam di sini mungkin karena banyaknya linkback atau apa saya kurang paham mengenai itu....tapi setelah saya banyak mengenai itu di persyaratan blogger kenapa ada blog di hapus atau di delete....saya baru ingat ternyata blog saya ada beberapa posting yang saya copypaste dari wikipedia karena menurut informasi tersebut sangat bagus untuk di publikasikan....bukan karena tidak boleh mencopy dari wikipedia tersebut...tapi saya kurang mengerti ternyata linkback wikipedia itu tidak boleh di terapkan di blog..nah di sini kesalahan saya....tidak mengeditnyanya terlebih dahulu copy paste tersebut dan saya langsung copy di posting dengan mengaktifkan edit html otmomatis link yang dari wikipedia juga ikut...Saya berkesimpulan waktu bukankah itu bagus buat menaikkan rating blog saya...karena banyaknya linkback akan semakin bagus buat blog ternyata itu salah....dampaknya yang blog saya kena delete...sekarang ini mesti hati-hati kalau menulis tidak boleh terlalu banyak linkback pada posting kita..ini adalah pelajaran yang sangat berharga buat saya...biarla blog saya lama baru dapat rating yang penting terindeks dulu sama google.

Jadi kesimpulan saya mengenai hal ini....dalam posting tidak boleh terlalu banyak memasang linkback,tulislahlah yang di rasa sangat penting saja...karena terlalu banyak linkback blog akan dianggap sebagai spam.

Cara Agar BlogTerindeks Google

Cara Agar Blog diindeks GoogleSearch engine optimization adalah proses yang dilakukan untuk menghasilkan lalu lintas melalui mesin pencari. Menjadi kebutuhan buat blog karena kebanyakan pengunjung dari mesin pencari. Peringkat yang lebih tinggi berarti semakin banyak jumlah pengunjung. Konsep yang sama berlaku untuk blog. Namun, banyak pemilik blog yang membiarkan blog mereka menjadi lebih terlihat di web.

Blog dapat dioptimalkan untuk kepentingan pengunjung serta pemilik blog tersebut. Meskipun proses indeks mesin pencari (laba-laba) tidak semudah yang dibayangkan. Berikut adalah beberapa tips yang dapat Anda lakukan untuk mengoptimalkan blog anda:

Design Template

Hal ini dianjurkan untuk tidak menggunakan template default yang disediakan oleh designer template, (dengan tidak menghilangkan hak cipta). misal: Anda bertemu seseorang di sebuah tempat mengenakan seragam yang sama. Begitu juga dengan SEO

Tips Mengganti Background Blog

Bagi yang ingin mencoba mengganti warna dan font template, silahkan ikuti langkah-langkah dibawah ini:

1. Login ke Blogger anda, kemudian Klik menu Layout/ tata letak lalu klik Fonts and Colors.
Disana terdapat beberapa elemen yang dapat Anda atur seperti:
Page Background Color: Mengganti warna background
template yang diluar

Main Background Color: Mengganti warna background
template yang didalam

Text Color: Mengganti warna teks
postingan/ artikel

Blog Title Color : Mengganti warna judul blog

Blog Description Color : Mengganti warna deskripsi blog

Post Title Color: Mengganti warna judul postingan

Date Header Color: Mengganti warna teks tanggal

Border Color: Mengganti warna garis tepi template

Sidebar Title Color: Mengganti
warna judul pada kolom sidebar
misalnya teks Blog Archive, Blogroll,
Labels, dan lain-lain

Link Color: Mengganti warna teks
yang dipasang link

Visited Link Color: Mengganti
warna teks link ketika pengunjung
mengarahkan kursor pada inknya

Sidebar Link Color: Mengganti
warna teks yang dipasang link pada
kolom sidebar

Sidebar Visited Link Color:
Mengganti warna teks link ketika
pengunjung mengarahkan kursor pada link yang terletak pada kolom
sidebar

Text Font: Mengganti bentuk huruf/ teks pada postingan

Sidebar Title Font: Mengganti
bentuk huruf judul pada kolom sidebar

Blog Title Font: Mengganti bentuk huruf judul blog

Blog Description Font: Mengganti bentuk huruf deskripsi blog

Post Footer Font: Mengganti bentuk huruf footer pada postingan.
Misalnya: Diposkan oleh, Posted by,

Itulah beberapa elemen dasar yang paling sering ditemukan dalam template blogger. Setiap template
memiliki elemen yang berbeda-
beda. Silahkan dicoba sendiri
dengan menggonta-ganti warnanya.

2. Jika sudah tinggal klik Save
Changes maka warna template
akan berubah sesuai dengan
keinginan Anda. Lalu klik View
Blog untuk melihatnya.
Jika Anda ingin mengembalikan
template ke bentuk semula. Tinggal
klik Revert to template default
lalu klik Save Changes. Selesai.
Setelah saya coba ternyata ada sebagian template modern yang
tidak bisa menggunakan fasilitas ini.
Jadi jangan panik jika template yang
Anda gunakan ternyata tidak
mendukung fasilitas ini.





Mengganti Warna Background melalui edit html


Untuk template minima klasik :

1. Sign in

2. Klik menu Template

3. Klik menu Edit HTML

4. Copy seluruh kede Template, paste pada notepad lalu save untuk backup data

5. Rubahlah kode warna asli template dengan kode warna yang sobat sukai (yang warna merah adalah kode yang harus di rubah) :

body {
background:#fff;
margin:0;
padding:40px 20px;
font:x-small Georgia,Serif;
text-align:center;
color:#333;
font-size/* */:/**/small;
font-size: /**/small;
}

Misalkan jika ingin menjadi warna abu-abu terang, kodenya jadi seperti ini :

body {
background:#E7E3E3;
margin:0;
padding:40px 20px;
font:x-small Georgia,Serif;
text-align:center;
color:#333;
font-size/* */:/**/small;
font-size: /**/small;
}


Ini adalah contoh kode warna :

Cyan #00ffff
Blue #0000ff
Skyblue #abcdef
Darkcyan #008686
Cadetblue #5f9ea0
Midnightblue #191970
Mediumslateblue #7b68ee
Cornflowerblue #6495ed
Lightsteelblue #b0c4de
Lightskyblue #87cefa
Powderblue #bde0e6
Aquamarine #7fffda
Dodgerblue #1e90ff
Royalblue #4169e1
Blueviolet #8a2be2
Indigo #460082
Lavender #e6e6fa
Lightblue #add8e6
Deepskyblue #00bfff
Darkslateblue #483080
Mediumvioletred #071585
Mediumturquoise #4801cc
Mediumorchid #ba55d3
Darkturquoise #00ccd1
Paleturquoise #afeeee
Darkorchid #9932cc
Slateblue #6454cd
Aqua #00ffff
Red #ff0000
Darkred #860000
Indianred #cd5c5c
Firebrick #622222
Lightsalmon #ffa07a
Lightcoral #f08080
Maroon #800000
Crimson #dc143c
Tomato #ff6347
Salmon #fa8072
Coral #ff7f50
Pink #ffc0cb
Hotpink #ff69ba
Deeppink #ff1493
Lightpink #ffb6c1
Mistyrose #ffe4e1
Moccasin #ffe4b5
Peachpuff #ffdab9
Mintcream #f5fffa
Floralwhite #fffaf0
Oldlace #fdf5e6
Thistle #d8bfd8
White #ffffff
Linen #faf0e6
Navy #000080
Snow #fffafa
Orange #ffd000
Orangered #ff4500
Burlywood #deb887
Darkorange #ff8c00
Palevioletred #db7093
Sandybrown #f4a460
Rosybrown #bc8f8e
Brown #a52a2a
Peru #cd853f
#00ffff [aqua]
#0000ff [blue]
#ff00ff [fuchsia]
#808080 [gray]
#008000 [green]
#00ff00 [lime]
#800000 [maroon]
#ff0000 [red]
#000080 [navy]
#808000 [olife]
#800080 [purple]
#008080 [teal]
#c0c0c0 [silver]
#ffffff [white]
#ffff00 [yellow]
#a52a2a [brown]
#ff7f50 [coral]
#dc143c [crimson]
#ffd700 [gold]
#f0e68c [khaki]
#ff00ff [magenta]
#ffa500 [orange]
#ff4500 [orangered]
#da70d6 [orchid]
#ffc0c8 [pink]
#ffffff [white]
#ffff00 [yellow]
#a52a2a [brown]
#ff7f50 [coral]
#dc143c [crimson]
#ffd700 [gold]
#f0e68c [khaki]
#ff00ff [magenta]
#ffa500 [orange]
#ff4500 [orangered]
#da70d6 [orchid]
#ffc0c8 [pink]
#9370db [mediumpurple]
#7b68ee [medium slateblu]
#4801cc [mediumturquoise]
#071585 [mediumvioletred]
#191970 [midnightblue]
#4169e1 [royalblue]
#fa8072 [salmon]
#87ceeb [skyblue]
#6a5acd [slateblue]
#ao522d [sienna]
#00ff7f [springgreen]
#d2b48c [tan]
#ff6347 [tomato]
#40e0d0 [turquoise]
#ee82ee [violet]
#f5deb3 [wheat]
#000000[black]
6. Klik tombol Pratinjau untuk melihat perubahan

7. Jika sudah OK, klik tombol Simpan Perubahan Template

8. Selesai.

Google Site Map Untuk Blogspot Blogger

Jika kita mempunyai blog pada server blogger.com dan kita ingin menaruhnya pada Google webmaster. Tentu kita harus mempunyai Google sitemap, agar seluruh halaman blog kita terindeks oleh Google dengan dan dengan cepat pula dapat memberitahukan Google mengenai perubahan yang kita lakukan dan update blog kita pada Google, juga dapat memberikan ‘warning’ kepada Google agar tidak mengindeks halaman yang di maksud.

Di bawah ini saya tuliskan langkah-langkah untuk menaruh sitemap pada Google Webmaster:

Anda masuk dulu google webmaster tools
Daftarkan blog anda dengan klik add sites..anda akan di pandu di situ samapai blog verified setelah itu
Bila blog sudah terverified,nama blog anda pasti ada tertulis,nak klik blog anda,nah akan masuk ke dasboard,Kemudian klik tanda + site configuration,habis itu klik sitemaps terus klik submit a sitemap,nama blog yang tadi di daftar akan tampil dan isi kotak yang kosong dengan atom.xml stelah itu klik submit sitemap yang di belakang kotak yang tadi anda isi tunggu deh...posting blog kamu akan terbaca

Tampilan sebagai berikut:
Sitemaps

Submit a Sitemap to tell Google about pages on your site we might not otherwise discover.
Sitemap stats
Total URLs: 5
You have recently submitted one or more Sitemaps for this site. Processing Sitemaps may take some time. Check again later to see if pages from your Sitemaps are included in Google's index.
Submit a Sitemap

http://pangeran-newblog.blogspot.com/atom.xml

Show submissions: Mine ‎(1)‎ - All ‎(1)‎
Filename Status Format Downloaded URLs submitted Indexed URLs
atom.xml OK Atom Feed Mar 19, 2010 5 --

19 March 2010

Cara Merubah Warna Background dan Tulisan Blog

Warna blog bisa menjadi ciri khas tersendiri, warna juga bisa melambangkan

kepribadian sang pemilik blog.Blogspot memberikan kebebasan bagi kita untuk mengubah warna blog default dari template yang dipilih. Hal ini cukup berguna untuk membantu menyamankan mata yang melihatnya, warna apa saja yang bisa kita ubah ? bagaimana caranya ?Nah beginicara merubah warna blog Untuk mengubah warna di Blogspot caranya sangat mudah, kita tidak perlu
menjadi seorang yang jenius untuk bisa mengubah warna ini. Berikut  ini caranya: Jika kamu berada pada layar Dashboard klik pada link Layout, lalu akan tampil layar Template, pilih tab Fonts and Colors dengan cara me klik.pada link Fonts and Colors.


Dari layar inilah kita bisa mengutak-atik warna blog, ubahlah sesuai dengan
selera. Jika kamu masih bingung cara mengubah warna tersebut, berikut penjelasan cara mengubah warnanya. Panel ini (gambar dibawah) untuk memilih element blog yang akan diubah warnanya.

Cara buat daftar isi blog

Cara membuat  daftar isi blog , silahkan ikuti langkah - langkahnya :

Langkah Pertama

Login di Blogger kemudian langsung menuju ke edit html. Jangan lupa kasih tanda centang pada kolom expand template widget.

Selanjutnya, cari kode html berikut :
<b:include data='post' name='post'/>
Kalo sudah ketemu, hapus kode barusan dan ganti dengan kode dibawah ini :
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<div style="padding:5px;border-right:1px solid #ebebeb;
border-bottom:1px solid #ebebeb;margin-bottom:5px;background:#f2f2f2;">
<data:post.title/></div></a>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

Kemudian save template.


Langkah ke-dua
Untuk langkah yang ke-dua, adalah penempatan link tautan yang akan menampilkan daftar isi blog nantinya. Supaya lebih mudah, saya sarankan untuk menempatkannya di menu navigasi blog anda. Tapi, jika anda ingin menempatkannya di sidebar blog (misalnya) juga ga pa pa. Yang penting, link ini tampil di halaman blog anda. Ok...berikut kode link yang harus anda pasang :
<a href="http://NamaBlog.blogspot.com/search?max-results=999">Daftar isi Blog</a>


Tapi ingat, jangan lupa untuk mengganti text yang warna merah dengan nama blog anda. Kalo sudah selesai, save lagi kemudian coba anda liat hasilnya untuk melihat daftar isi blog anda.

19 February 2010

Top Sites alexa seluruh dunia

Top Sites
Kalau kita lihat top rank di alexa ini adalah 20 top sites di bawah ini yang paling banyak di kunjungi oleh orang di seluruh dunia

The top 500 sites on the web. The sites in the top sites lists are ordered by their 1 month alexa traffic rank.

The 1 month rank is calculated using a combination of average daily visitors and pageviews over the past month. The site with the highest combination of visitors and pageviews is ranked #1.

13 June 2009

Menghilangkan Icon Obeng dan Tang / Quick edit Blogger

Menanggapi pertanyaan dari beberapa blogger… hehehe… kang Rohman serasa jadi konsultan blogger saja ya kalau posting biasanya pake kata-kata tersebut soalnya “ Your Questions is my inspiration” pertanyaan anda adalah inspirasiku. Jadi rahasia kenapa blog ini masih bisa bertahan sampai sekarang adalah karena masih ada yang bertanya ke kang Rohman. So, tentu saja ide untuk posting selalu ada. Eh..eh.. ko…gitu sich.. la ko jadi ngelantur nih, kembali ke judul posting ini ah.

Apa sih maksud dari judul posting ini, sepertinya agak aneh? begini nih teman-teman, jika kita sedang mengedit template dan melihat hasilnya maka pada sudut-sudut element akan terlihat icon bergambar obeng dan tang. berikut contoh screenshotnya :











Icon tersebut di sebut juga dengan icon Quick Edit atau dengan kata lain untuk mengedit secara cepat. Fungsinya jika kita ingin melakukan editing terhadap elemen tersebut tinggal klik saja icon nya dan kita bisa langsung mengeditnya. Icon tersebut sebenarnya hanya bisa di lihat apabila kita sedang login ke blogger saja, sedangkan pengunjung yang lain tidak bisa melihat icon tersebut.

Namun ternyata ada beberapa blogger yang tidak suka dengan kehadiran icon tersebut dan ingin menghapusnya. Apakah kita bisa menghapus icon tersebut? Jawabannya tentu saja bisa, dan sangatlah gampang karena kita hanya melakukan perintah agar icon itu tidak di munculkan dengan hanya manambahkan sedikit kode pada kode CSS template kita. Ingin tahu kodenya seperti apa, nih ini dia kodenya, coba pasang saja di Style Sheet CSS anda :

.quickedit{
display:none;
}

Mudah sekali bukan? atau masih bingung. Ok deh, ini dia cara lengkapnya :

1. Login ke blogger dengan ID anda tentunya.
2. Klik Tata Letak.
3. Klik tab Edit HTML.
4. Cari kode seperti ini :

]]>

5. Copy paste kode berikut persis di atas kode yang tadi :

.quickedit{
display:none;
}

6. Klik tombol Simpan template.

7. Selesai.

Selain langkah di atas, sebenarnya masih ada yang harus anda lakukan yaitu silahkan ucapkan “ Selamat tinggal Obeng dan Tang…dadaaahhhhh “ hehehe….

Selamat mencoba!

21 May 2009

Yuk Berkreasi dengan widget

Yuk…Berkreasi dengan widget

Beragam cara bias kita lakukan untuk merubah tampilan ponsel.Setelah dengan utak-atik tema(themes),kini kita bias bermain-main dengan widget akan membuat tampilan desktop ponsel anda lebih menarik.Selain itu,Anda akan lebih mudah mengakses informasi dari situs-situs favorit pribadi.

Anda juga tak perlu memasang aplikasi tambahan di PC maupun ponsel anda.Cukup mendaftar di widsets.Cara membuatnya sebagai berikut

1.Sepert yang sudah disinggung tadi,daftar diri setelah masuk di klik di sini
widsets
,dengan/ mengklik “get started”

Isi sb;

Username

Password

Repeat password

Email

Ketik character yang muncul

Centang kotak I agree lalu klik next,widsets akan memberi vertikasi ke emailnya dan klik link vertisifikasi yang di berikan.Proses registrasi selesai,sekarang Anda bias membuat Widget.



2.Setelah Anda masuk dengan akun Anda,Widsets akan menyuguhkan tiga pilihan.Untuk mencari widsets apa saja yang tersedia pilih “Library”Nah disitu terdapat bermacam-macam widget yang siap anda pasang di dashboard.Pilih mana yang Anda sukai(BOLEH LEBIH DARI SATU) DAN KLIK “PICK”

3.Apabila anda sudah puas memilih silahkan masuk lagi ke “My profile”.dan masuk ke “Dashboard Manager”.Nah di situ akan muncul widget yang anda pilih tadi.

4.Anda bias mendownload widget tersebut langsung dari ponsel dengan mengakses http://get.widsets.com/

Lalu bagaimana jika widget yang tersedia tidak termasuk situs favorit anda.Jangan kwatir anda bias membuat widget baru,

Caranya:

-Cari link “create a new widget/upload”

-Beri nama widget Anda,dan masukkan link situs favorit Anda.Situs tersebut harus sudah didukung dengan RSS Feed.Untuk mengetahui apakah situs tersebut didukung oleh RSS Feed caranya buka halaman situs kemudian lihat di bagian bawah halaman depan apakah ada logo RSS-nya.

-Proses selesai sampai disini.setelah anda membuat widget maka akan tampil ikon widget baru anda.

Apabila Anda kurang puas dengan tampilannya,silakan pilih menu “edit”perubahan yang pertama,anda bias mengganti layoutnya.Pilih salah-satu layout yang anda inginkan yang ada di kotak sebelah kanan.

Berikut Anda dapat memberi efek.Masik kurang puas?silahkan ubah warna teks,background atau tampilan kontennya klik “finish”untuk menyudahi pekerjaan anda.selamat berkreasi,sumber dari redaksi pulsa.

18 May 2009

Cara Bikin Kotak Komentar Langsung di Bawah Postingan (Fitur Baru)

Nah...ini dia salah satu fitur terbaru yang akan di luncurkan oleh google. Tapi walaupun masih "akan", Tetep dah bisa dipraktekin kok. Kotak komentar di bawah postingan yang memang menjadi salah satu kekurangan blogger (dulu) kini sudah ngga lagi. Ok..Mengenai bagaimana cara membuatnya, ikuti langkah2 nya di bawah ini :

Langkah #1

- Silahkan login dulu di http://draft.blogger.com dengan menggunakan id dan password kamu.
- di Menu Dashboard, Pilih Setting kemudian pilih Comment.
- Setelah itu, silahkan cari Penempatan formulir komentar. Lalu pilih Disemat di bawah entri.
- Kalo udah Save Template anda.

Langkah #2

Langkah ini dilakukan apabila setelah setting di langkah #1, kotak komentar masih belum muncul. Jadi saran saya, silahkan lihat dulu blog anda (setelah langkah #1 selesai). Apabila belum muncul kotak komentarnya, silahkan lanjutkan dengan langkah #2 ini.
- Langsung aja masuk ke menu Edit HTML pada Layout anda
- Jangan lupa Download dulu template anda takut2 terjadi kesalahan.
- Lalu kasih tanda centang pada expand template widget.
- Kemudian cari kode Html berikut : (Terkadang setiap template agak berbeda, jadi fokuskan saja pada text yang berwarna hijau "Kata O-OM")


<p class='comment-footer'>
<b:if cond='data:post.allowComments'>

<a expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>

</b:if>
</p>


Kalo dah ketemu, ganti kode tersebut (semuanya) dengan kode dibawah ini :
<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>
Save template anda, dan lihat hasilnya. Catatan : bila masih tetep ga ada kotak komentarnya, silahkan ikuti tutorial super lengkapnya di blog kang rohman tentang setting kotak komentar dibawah posting.

Iklan