Belajar Desain Blog

Belajar Desain Blog dengan Readmore Otomatis

2010-08-08T09:10:00.002+07:00

For Blogspot users, the beautifull view of blogs is a key condition so that their blog has high traffic. One trick that makes our blog are comfortable and beautiful to looked is to use the facility "readmore", readmore can makes the view of our blog articles are simple, minimalist, beautiful and did not look too long or chaotic anymore.

On occasion this time I will explain about how to set automatic blogger read more on your blog, the steps I will explain below

1. Login to blogger, select the "Design" -> "Edit HTML" -> check "Expand Widget Templates"
2. Search code "</head>", read on how to find the code in the template blogspot
3. Place the script below just above the code no.2

4. Once completed, look for more code "<data:post.body/>"
5. If you've found, replace the code with the script below

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

6. Click "Save Template"
7. Completed

Please see the changes on the home page of your blog

Belajar-Mendaftarkan Blog ke Search Engine

2010-08-08T09:08:00.002+07:00

Who would not want their blogs indexed by search engines, of course every website or blog owner wanted it, right?

In the Internet world, search engines are important composition, therefore if we have a website or blog then it would be nice if we register our blog into the search engines.

Among the many search engines, there are several search engines that are considered most master and has many enthusiasts. One of them is the google search engine, google like a king for other search engines. At this post, according to the title, I will explain about ways to register a website or blog to the three search engines, ie: google, yahoo, and MSN.

Google

---> Go to site http://www.google.com/addurl/

      -- Fill Column URL with the name of your website or blog
      -- Fill the column comments with your keywords
      -- Type the squiggly letters shown here into the box
      -- Submit URL

Yahoo

---> Go to site https://siteexplorer.search.yahoo.com/submit

-- Choose "Submit a Website or Webpage"

-- Fill the box with your web/blog name

-- Submit URL

MSN

---> Go to site http://www.bing.com/webmaster/SubmitSitePage.aspx

-- Fill the letter of Characters into the box

-- Then fill the under box with your web/blog URL

-- Click Submit URL

Just added, the site below, can be used to optimize your website / blog

There are :

http://freewebsubmission.com/
http://pingoat.com/

Belajar Mengecek / Mengetahui Pagerank

2010-08-08T09:06:00.002+07:00

Anda gak tau Pagerank??

Baiklah baiklah, akan saya jelaskan ( hhaha nubi sombong )..

Pagerank itu indikator yang menunjukkan seberapa tinggi ranking blog atau website kita di search engine, website ataupun blog yang sudah memiliki traffic tinggi biasanya memiliki pagerank yang tinggi juga di search engine. Alangkah baiknya jika Pagerank website atau blog anda berkisar diantara posisi 1 s/d 10, artinya web/blog anda berpotensi nongol atau mejeng di halaman pertama search engine, wahh impian semua blogger saya kira (termasuk saya, hehee).

Untuk mendapatkan pagerank yahut, memang gampang gampang susah, tapi saya tidak akan membahasnya disini sekarang, karena kan judulnya "Belajar untuk mengetahui Pagerank", jadi ya ga bakalan nyerempet2 ke yang lain, hhehe.

Oke sesuai janji saya, di bawah ini sudah saya sediakan kotak yang berfungsi untuk mengecek atau mendeteksi pagerank sebuah web/blog, silakan masukan URL blog anda atau blog lain yang ingin anda deteksi :

Check Page Rank of your Web site pages instantly:

This page rank checking tool is powered by Page Rank Checker service

Box di atas adalah box layanan dari www.prchecker.info yang dapat anda tampilkan di web / blog anda jika anda mau, caranya copas saja script di bawah ini ke tempat yang kamu mau, boleh di posting ataupun di widget web/blog anda, monggo :

Berhubung blog ini gak bisa di blok ( sengaja, hehe ), maka download saja langsung resepnya di script belajar deteksi pagerank.

Menghilangkan Garis Bawah pada Link Blog

2010-08-08T08:57:00.002+07:00

Sebuah link memang sering didominasi atau dibumbui dengan garis bawah pada sisi bawah teks link tersebut, mungkin bagi sebagian orang hal ini tidak menjadi masalah, namun bagi anda yang mempermasalahkannya, maka inilah cara untuk menghilangkan garis bawah pada Link Blog anda.

--> Login ke Blogger

--> Langsung menuju mode "Edit HTML" ( Belajar edit HTML Blog )

--> Temukan kode ini A:hover {

--> Lihat kode-kode atau script di sekitar kode merah di atas, maka akan ditemukan kode seperti di bawah ini :

'text-decoration: underline; }'

--> Naah, sekarang anda ganti tulisan yang berwarna biru dengan tulisan : 'none' ( tanpa tanda petik )

--> Lakukan hal yang sama pada tiap kode yang ditemukan, sesuaikan dengan selera, hhehe..

--> Simpan Template

Menghilangkan "Diposkan Oleh" di bawah Blog

2010-08-08T08:56:00.000+07:00

Nah, liat kan gambar di atas?
Gimana? mengganggu kah bila tampil di bawah postingan blog saudara ( jiah, bahasa lu ngaku2 sodara )
Bagi sebagian besar blogger sih mengganggu termasuk saya, hehe..

Kalau saudara pengen ngilangin tulisan "diposkan oleh" atau "Link ke artikel ini" atau "Label" seperti digambarkan di atas, bisa dengan melakukan cara seperti di bawah ini niiih, monggo cekidot gan ( kaskuser nih ) hehe..

--> Biasalah, masuk dulu ke akun blogger anda, jangan punya orang, hehe..
--> Langsung ke halaman "Edit HTML" ( Buat yang belum paham ) cekidot disini : Belajar Edit HTML Blog
--> Cari kode/script (merah) di bawah ini bos

<span class='post-author'>
          <b:if cond='data:top.showAuthor'>
            <data:top.authorLabel/> <data:post.author/>
          </b:if>
        </span>
        <span class='post-timestamp'>
          <b:if cond='data:top.showTimestamp'>
            <data:top.timestampLabel/>
          <b:if cond='data:post.url'>
            <a class='timestamp-link' expr:href='data:post.url' title='permanent link'><data:post.timestamp/></a>
          </b:if>
          </b:if>
        </span>
<span class='post-backlinks post-comment-link'>
          <b:if cond='data:blog.pageType != "item"'>
            <b:if cond='data:post.showBacklinks'>
              <a class='comment-link' expr:href='data:post.url + "#links"'>, <data:top.backlinkLabel/></a>
            </b:if>
          </b:if>
        </span>

--> Naaah, kalau sudah ketemu, Hapuslah kode/script merah itu
--> Simpan Template

Belajar Desain Blog dengan "Artikel Terkait"

2010-08-08T08:54:00.000+07:00

Anda mungkin sudah sering melihat blog-blog profesional ( yang jelas bukan blog saya ), yang selalu mengutamakan kenyamanan para pengunjung dalam membaca tiap artikel dalam blognya, untuk memberikan kenyamanan tersebut, maka digunakanlah fasilitas "Artikel Terkait" ini.

Fungsi "Artikel Terkait" adalah menampilkan judul-judul postingan/artikel dalam blog anda yang masih ada kaitannya atau tergabung dalam kategori yang sama, tempat ditampilkannya adalah di bawah tiap postingan dalam blog anda.

Nah, cara cepatnya adalah seperti yang saya jelaskan di bawah ini boss, monggo cekidot lah:

--> Login dulu lah ke blogspot (pastinya)
--> Meluncur ke "Edit HTML" karena kita bakal beroperasi disini, buat yang belum paham "Edit HTML" langsung aja kesini bos Belajar Desain HTML Blog
--> Cari kode ini : <data:post.body/>
--> Nah, sekarang anda kopi paste script biru di bawah ini tepat di bawah kode merah

<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>

<div class='widget-content'>
<h3>Related Post</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>

var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;

function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;

for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
a.href = alturl;

if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('data2007').appendChild(div1);
}
}
}
function search10(query, label) {

var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
}

var labelArray = new Array();
var numLabel = 0;

<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = "<data:label.name/>";

var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>

</div>
</b:if>

--> Simpan Template

Menghilangkan Tulisan "Berlangganan Atom" pada Blog

2010-08-08T08:49:00.000+07:00

Buat para blogger yang memiliki idealisme ( baca: demen banget ) sama keindahan sebuah tampilan situs, ya pastilah wajib atau kudu lebih tegesnya untuk menghilangkan tulisan "Langganan Post Atom" atau apalah itu pokoknya yang sejenis itulah, hehe..

Sebenarnya tulisan tersebut cukup bermanfaat, kenapa bermanfaat?? saya tidak akan menjelaskannya disini, hehe..

Cara di bawah ini dapat anda lakukan untuk menghilangkan tulisan tersebut,

--> Melebu ( baca : Login ) ke blog anda
--> Langsung "Edit HTML" mu, kalo ada yang belum paham silakan belajar disini Belajar edit HTML blog

--> Temukan kode/script seperti di bawah ini

<data:feedLinksMsg/>

<b:loop values='data:links' var='f'>

</ B: loop>

</ Div>

--> Sudah ketemu yo langsung dihapus

--> Selesai, simpan template mu

Belajar Desain Title Tag Blog

2010-08-08T08:46:00.002+07:00

Apakah Title Tag??

Title Tag adalah sebuah tag atau script tertentu yang terletak di dalam kode Template blog yang menentukan/mendeskripsikan judul sebuah halaman web, otomatis apabila kita ingin membidik 'niche' tertentu maka Title tag ini dapat membantu kita agar lebih optimal sekaligus meningkatkan posisi kita di SERP.

Agar Title Tag blog anda lebih SEO friendly, anda dapat merubahnya dengan cara seperti di bawah ini,

--> Masuklah ke akun Blog anda
--> Pada menu "Edit HTML" anda temukan kode merah di bawah ini
( Untuk yang belum mengerti Cara mengedit HTML Blog bisa belajar disini )

--> Kemudian ganti kode merah tersebut dengan kode/script di bawah ini

<b:if cond='data:blog.pageType == "index"'>

<b:else/>

</b:if>

--> Selesai lah, Simpan Template anda

Belajar supaya blog kita gak bisa di Copas

2010-08-04T14:38:00.005+07:00

Blogger mana sih yang rela artikel yang dia buat dengan susah dan jerih payahnya sendiri di copy lalu di paste seenaknya oleh orang lain?? Wah, saya rasa jawabannya tidak ada, ya walaupun ada mungkin hanya segelintir orang saja, karena saya sendiri juga bisa mengerti perasaan mereka ketika tulisan mereka di copas dengan mudahnya oleh orang lain, ya kalau tulisan saya sih tidak masalah karena tidak bermutu kok, hhaha.

Langsung saja kepada pokok permasalahan, saya akan sharing bagaimana mendesain blog kita agar tidak dapat di copy / paste orang lain, cekidot

Caranya sangat simpel dan mudah kok, rekan langsung saja meluncur ke halaman "EDIT HTML" kalau ada yang belum mengerti langkah-langkah Edit HTML anda dapat mempelajarinya di Belajar ngedit desain HTML Blog , setelah itu cari kode

Nah, kalau sudah ditemukan, rekan copy script di bawah ini lalu letakkan scriptnya di bawah kode

Monggo ini scriptnya:

Setelah di paste di atas , anda tinggal simpan template..

Selesai..

Belajar ngedit desain HTML Blog

2010-08-01T13:55:00.002+07:00

Belajar mendesain HTML adalah skill wajib bagi blogger, kenapa?

Jawabannya sangatlah simpel, karena polesan apapun yang ingin kita lakukan pada blog, seperti : membuat 'related post', menambahkan title tag, atau modifikasi apapun seringkali atau selalu melewati proses "Edit HTML".

Pada kesempatan kali ini, karena saya sedang berbaik hati, cieee hahhaa canda.. Maka saya akan menjelaskan tentang bagaimana cara mengedit HTML blog, tahap-tahapnya akan saya bagi menjadi beberapa langkah dan agar lebih jelas saya pun menyertakan gambar ilustrasinya.

1. Silakan login ke blog anda, maka anda otomatis akan diantar menuju halaman dasbor

2. Langsung menuju "Rancangan / Design" seperti nampak pada gambar di bawah

3. Setelah itu, anda akan diantar menuju halaman seperti di bawah ini, pilih "edit HTML"

4. Ketika anda sampai pada halaman di bawah ini, centang pada kotak yang telah ditandai

5. Nah, maka sampailah anda pada halaman di bawah ini,

6. Naah, anda tinggal memasukan kode HTML yang anda cari atau yang akan anda edit di kotak yang telah saya tandai seperti gambar di atas

7. Apabila telah selesai, jangan lupa untuk klik "Simpan Template"

Catatan!!

Sebaiknya sebelum anda mengedit HTML, anda back up terlebih dahulu template blog anda, ini sebagai langkah aman seandainya anda melakukan kesalahan dalam pengeditan kode HTML blog anda, caranya klik "Download Template Lengkap" seperti yang nampak pada gambar no.4

Belajar Desain Blog dengan Menu Navigasi

2010-07-29T15:42:00.010+07:00

Bagi pemula yang ingin mendesain blog agar terlihat lebih elegan, alangkah baiknya jika anda menambahkan menu navigasi pada blog anda.

Apa itu Menu Navigasi??

Oke, akan saya jelaskan secara jelas singkat dan padat, hehe..

Ini ni contohnya --->

Nah, gambar di atas adalah contoh tampilan menu navigasi pada website/blog.

Sebuah blog tanpa menu atau navigasi layaknya sebuah kapal tanpa nakhodanya, membuat pengunjung merasa kesulitan untuk berpindah-pindah atau menelusuri isi dari web atau blog kita. Oleh karena itu, bagi sebagian blogger, menu navigasi dianggap sebagai komposisi penting dalam website/blog.

Langkah-langkah akan segera saya lanjutkan, sabar yaa hehee..

How to Find the Templates Codes on Blogger

2010-07-23T11:39:00.003+07:00

Sometimes for the sake of search engine optimization, we code required to edit html / css template our blog. Most bloggers probably already familiar with the activities this, but for bloggers who do not understand how to edit or find the code in your blog template, I will explain the steps, cekidot:

Select the "Design" (yellow)

Select "Edit HTML" -> Check "Expand Widget Templates"

Press Ctrl+F on your keyboard Then fill the codes into the box ( see image below )

Finished

How to Make a Paypal Account

2010-07-21T15:37:00.010+07:00

Paypal.com is a site providing an online account, you can transact in a virtual world using this paypal account. You can transfer funds, online shopping, or any transactions using this paypal account.

To be able to use this feature, you must first list on the site paypal.com

I will explain the steps for registration via the image below

STEP 1, click "SIGN UP" :

STEP 2, choose your location & choose personal "pribadi" for the beginner :

STEP 3, fill the form :

STEP 4, click in the "red" mark :

STEP 5, click the red to confirmation :

STEP 6, if you had reached this stage you have to open/check your email and then click the confirmation link that you received from paypal

STEP 7, click the red one :

STEP 8, put the code confirmation that received you in your mail into the box, then click the red :

STEP 9, click the red button :

How to Get Dollar from Ziddu

2010-07-21T12:27:00.024+07:00

For those of you who do not yet know ziddu or how to get dollars from ziddu.com, this time I will try to explain all about ziddu and how we can get a dollar from there

Understanding

Ziddu is a free unlimited file hosting, meaning you can upload any files such as pictures, video, mp3, etc into this site with your account that have been registered, to register i'll explain how below

What do you get?

In accordance with the title that I wrote called 'get a dollar from ziddu.com', for those of you lovers of dime dollars from the Internet, it will not dissapointed if you joined here, because this is not a scam, ziddu has proven to pay, payment of the following screenshots ziddu.com:

How do I get a dollar from ziddu?

Any files that you upload, be it files the form of images, videos, music, or whatever file downloaded by other people with unique IP, then automatically you will get the dollars, your dollar will not get transferred directly by ziddu, but it will at first hold to the extent determined by the parties ziddu, the minimum payout is $10 (pretty easy right?)

How Ziddu pays you?

Any earnings or income results in ziddu drops your sweat, will be transferred to your paypal account, for those who do not have a paypal account, please see the guide how to make paypal account here, it's free!

Ziddu payment terms

Every time your file downloaded by the other people with Unique IP, then you will get $0.001

10000 unique downloads = $ 10

50000 unique downloads = $ 50

Tempting isn't it?

You can recommend your friends to join in ziddu, by recommending your friends you will be paid $0.10

I also currently being recommended in order to join you here,: D

Hope you are well pleased and interested, please CLICK HERE or picture below to join in ziddu.