Tips dan Tutorial Blogger Pemula

Seo Friendly Blogger Template

2011-06-01T17:29:00.003+07:00

Seo Friendly Blogger Template, Template merupakan salah satu faktor juga dalam serp di goole kata para master sih, la wong saya sediri juga cuma asal kalo pilih tempalte hee, akan tetapi pada postingan berikut ini saya ingin memberikan beberapa rekomendasi template yang seo friendly katanya, dimana penentuan seo friendly sebuah template berdasarkan plugin seo doctor yang saya install di mozzila saya,

Dan selain itu faktor fast loading juga sangat berpengaruh dalam serp, jika memilih template sebaikanya memilih tampilan yang sedikit gambar, berikut ini beberapa blogger template yang seo friendly menurut saya, dan pastinya template ini semuanya gratis asal kalian mejaga etika dengan tidak menghilangkan link kredit di footer, dan semoga kalian menghargai hasil karya orang lain,

1. Simple SEO Blogger Template

Features Of Simple SEO Blogger Template

3 Column Blogger Template
Right Sidebar
Search Engine Friendly
Meta Tag ready (easy edited)
Adsense ready (easy edited)
Thumbnail Recent Post installed (easy edited)
Different admin comment
Compatible With Mozilla, Flock, Chrome, Opera and IE

Live Demo | Download | Download Mirror

2. Thesis SEO Blogspot Template

Apa saja fitur-fitur template SEO Friendly ini ?

SEO Friendly
Visitor Friendly
Dilengkapi dengan Dinamic heading (h1 pada header di index, dan h1 di judul post pada halaman posting)
Dilengkapi dengan dinamic metatag deskripsi dan keyword otomatis (metatag wajib untuk menghindari duplikat meta deskripsi & keyword)
Quicklink ke kotak komentar
Sudah dipersenjatai Autoreadmore
dilengkapi dengan tambahan beberapa Meta tag untuk mempermudah robot menjelajah blog sobat.
Loading yang cepat
Konsep minimalis & simple

Demo dan Download
Live Demo : Thesis for Blogger/Blogspot
Download : Download via box

3. Modify My Blogspot

Demo | Download

Diatas merupakan beberpa contoh Seo Friendly Blogger Template yang bisa kalian jadikan tampilan untuk blogger anda, dan bagi yang masih punya referensi untuk Seo Friendly Blogger Template silahkan share di kolom komentar

Cara Membuat Spoiler di Blogspot

2011-05-28T01:38:00.005+07:00

Cara Membuat Spoiler di Blogspot, sedikit update di pagi hari ini karena gak ada kerjaan ya iseng aja pengen share kepada teman-temen yang sedang mencari trik blogspot, nah pada kesempatan kali ini saya ingin memberikan sedikit tips cara posting blogger dengan menambahkan spoiler seperti forum kaskus.us,

Dan untuk membuat spoiler di blogspot silahkan copy paste kode berikut ini dan tinggal kalian ganti judul dan apa yang akan ada masukan dalam spoiler, misale gambar dsb

<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Judul Spoiler </span></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"/>
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">

isi spoiler...

</div></div></div></div>

contoh penampakan Spoiler

Contoh Spoiler:

Semoga kalian terbantu dengan postingan kali ini, tidak binggung lagi bagaimana sih membuat spoiler di postingan blogger seperti yang ada di situs kaskus.us

Menampilkan YM ( Yahoo Messenger) di Blog

2011-05-26T14:19:00.004+07:00

Menampilkan YM ( Yahoo Messenger) di Blog, Ini biasanya di gunakan untuk blog yang di gunakan untuk bisnis dan menambahkan YM di blogger ini memudahkan pembaca atau penggunjung untuk menghubungi si pengelola atau admin blog,

Untuk menambahkan Ym Yahoo Messenger di blog caranya sangat mudah sekali, silahkan mengikuti langkah berikut ini

Masuke akun Blogger.com anda
Pilih tab Rancangan Kemudian tambahkan gadget, dan skrol ke bawah pilih kotak HTML/JavaScript
Masukan kode berikut ini

<a href="ymsgr:sendIM?paijo"> <img src="http://opi.yahoo.com/online?u=paijo&amp;m=g&amp;t=2&amp;l=us"/>
</a>

Ganti text yang warna merah (paijo) dengan id YM kamu.angka "2" berfungsi sebagai pilihan tampilan ym yang akan kita gunakan di blog, dan bisa kamu ganti dengan angka yang lain dan hasilnya gambar yang ditampilkan akan berbeda-beda

kalo angka 2 hasil gambarnya akan seperti berikut ini

Bagaimana mudah bukan, dan semoga bermanfaat,

Kode HTML Warna

2011-05-26T13:50:00.002+07:00

Kode HTML Warna Untuk para Desain Blogger template kode html untuk warna pasti sering di butuhkan untuk melakukan kreasi warna muali dari warna background, warna font maupun warna link, dan berikut ini adalah kode html warna yang terbaru untuk anda

Credit to: allblogtools.com

Selamat mencoba dan semoga bermanfaat bagi anda yang sedang binggung mencari kode html dari warna yang ada di template blogger anda,

Cara Membuat Sitemap Blogger

2011-05-26T13:31:00.006+07:00

Cara Membuat Sitemap Blogger, pada kesempatan kali ini saya ingin memberikan sedikit trik bagaimana cara membuat site map atau daftar isi postingan kita di blogger, dimana script cara membuat sitemap atau daftar isi ini saya dapatkan dari sang master blogger trik abu farhan, dam untuk melihat postingan aslinya silahkan menuju ke link berikut ini

Saya di sini ingi copy paste aja script dari abu farhan mengenai cara membuat sitemap blogger scriptnya sebagai berikut ini, silahkan lakukan postingan seperti biasa di blogger anda dengan memilih tab edit html diatas, sekedar memberi informasi, berikut ini cara posting artikel untuk yang belum mengerti,


<link rel="stylesheet" href="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.css" type="text/css" media="screen" />
<script style="text/javascript" src="http://scriptabufarhan.googlecode.com/svn/trunk/daftarisiv2.js"></script>
<script src="http://cara-ngeblog.blogspot.com/feeds/posts/summary?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

Silahkan ganti nama blog http://cara-ngeblog.blogspot.com/ dengan alamat blog kalian masing-masing, Untuk demo silahkan melihatnya disini

Daftar Social Bookmark Lengkap 200 SB

2011-03-18T15:30:00.005+07:00

Daftar Social Bookmark Lengkap, Cocok buat kalian yang suka memasukan artikel kedalam social bookmark atau SB, dari luar negri dan dalam negri juga ada, akan tetapi daftar sb ini sebagian sudah tidak bisa di buka lagi, silahkan saja anda membuat list yang masih bisa di pakai

Daftar Social bookmark ini saya dapatkan dari situs ini semoga bisa anda manfaatkan sebaik-baiknya dan tidak asal memasukan artikel karena kadang kala akun kita akan di disable oleh admin jika kita melakukan submit yang tidak sesui,

	Website	PageRank	Alexa Rank	Do-Follow	Popularity
#1		slashdot.org	9	1,289	Yes	98.4%
#2		stumbleupon.com	8	120	N/A	94.9%
#3		digg.com	8	134	no	94.8%
#4		reddit.com	8	136	Yes	94.8%
#5		squidoo.com	8	185	N/A	94.8%
#6		delicious.com	8	237	N/A	94.7%
#7		technorati.com	8	901	Yes	93.9%
#8		folkd.com	8	2,747	Yes	91.6%
#9		mister-wong.com	8	3,149	no	91.1%
#10		diigo.com	7	1,477	no	88.2%
#11		metafilter.com	7	1,795	Yes	87.8%
#12		newsvine.com	7	2,467	N/A	86.9%
#13		blinklist.com	7	3,596	no	85.5%
#14		current.com	7	3,889	Yes	85.1%
#15		bibsonomy.org	7	4,751	no	84.1%
#16		hotklix.com	6	1,747	N/A	82.8%
#17		dzone.com	6	2,578	Yes	81.8%
#18		blurpalicious.com	5	3,620	Yes	81.6%
#19		wikio.com	7	7,027	Yes	81.2%
#20		clipmarks.com	6	3,773	Yes	80.3%
#21		jumptags.com	6	4,604	no	79.2%
#22		kirtsy.com	6	4,664	Yes	79.2%
#23		buddymarks.com	6	5,527	Yes	78.1%
#24		tipd.com	7	10,164	Yes	77.3%
#25		connotea.org	7	10,877	Yes	76.4%
#26		sphinn.com	6	8,220	Yes	74.7%
#27		citeulike.org	7	12,484	N/A	74.4%
#28		designfloat.com	5	4,669	Yes	74.2%
#29		buzzflash.net	6	8,687	Yes	74.1%
#30		a1-webmarks.com	5	5,042	Yes	73.7%
#31		bizsugar.com	5	5,815	Yes	72.7%
#32		fark.com	4	2,169	N/A	72.3%
#33		lintasberita.com	4	2,590	Yes	71.8%
#34		corank.com	5	6,854	N/A	71.4%
#35		dropjack.com	5	6,848	no	71.4%
#36		startaid.com	6	11,633	N/A	70.5%
#37		faves.com	4	4,043	no	69.9%
#38		qaafe.com	4	12,155	Yes	69.9%
#39		tagza.com	5	8,128	N/A	69.8%
#40		blogengage.com	5	8,398	Yes	69.5%
#41		1888pressrelease.com	5	8,390	N/A	69.5%
#42		shetoldme.com	5	8,465	N/A	69.4%
#43		designbump.com	5	9,022	N/A	68.7%
#44		bookmarkingdemon.com	4	11,183	Yes	67.2%
#45		kwoff.com	6	14,255	Yes	67.2%
#46		pusha.se	6	14,315	N/A	67.1%
#47		humsurfer.com	3	2,390	Yes	67.0%
#48		gabbr.com	6	14,481	N/A	66.9%
#49		kwzz.com	3	11,590	Yes	66.6%
#50		netvouz.com	6	14,852	no	66.4%
#51		moolets.com	5	19,884	Yes	66.4%
#52		linkarena.com	4	8,061	N/A	64.9%
#53		vtransit.com	4	55,545	Yes	64.0%
#54		designmoo.com	6	17,017	N/A	63.7%
#55		swik.net	5	13,081	N/A	63.6%
#56		yapod.com	3	15,320	Yes	63.1%
#57		faqpal.com	5	13,974	Yes	62.5%
#58		youmob.com	5	14,273	N/A	62.2%
#59		mylinkvault.com	3	6,554	Yes	61.8%
#60		kojaxx.com	1	14,104	Yes	61.6%
#61		givealink.org	4	12,206	N/A	59.7%
#62		bookmarking sites	4	14,227	Yes	59.5%
#63		mysitevote.com	4	12,389	N/A	59.5%
#64		dealigg.com	3	8,894	N/A	58.9%
#65		bukmark.net	3	9,053	Yes	58.7%
#66		social-bookmarking.net	3	9,632	N/A	58.0%
#67		fwisp.com	4	13,795	Yes	57.8%
#68		sitejot.com	5	18,260	N/A	57.2%
#69		jeqq.com	4	14,437	N/A	57.0%
#70		bookmark4you.com	3	10,460	N/A	56.9%
#71		bharatwaves.com	4	15,063	N/A	56.2%
#72		linksubmitz.com	2	72,824	Yes	56.1%
#73		plime.com	5	23,014	Yes	54.7%
#74		weblinkr.com	5	25,013	N/A	54.4%
#75		clipclip.org	5	26,226	no	54.3%
#76		wists.com	5	28,442	N/A	54.1%
#77		jackpea.com	3	12,975	Yes	53.8%
#78		blogbookmark.com	3	13,472	N/A	53.2%
#79		rambhai.com	4	17,547	Yes	53.1%
#80		easymash.com	3	14,257	N/A	52.2%
#81		siyudis.com	3	14,510	Yes	51.9%
#82		tugatop.com	3	14,598	Yes	51.8%
#83		webmaster911.com	3	14,621	N/A	51.7%
#84		bestofindya.com	2	10,690	Yes	51.6%
#85		newsmeback.com	3	14,695	N/A	51.6%
#86		solinkable.com	3	14,973	Yes	51.3%
#87		pfbuzz.com	3	15,168	Yes	51.0%
#88		gaddiposh.com	3	15,328	Yes	50.8%
#89		magicsubmitter.com	3	14,539	Yes	50.1%
#90		blogmarks.net	4	19,952	Yes	50.1%
#91		freeprrelease.net	N/A	69,086	N/A	49.7%
#92		bmaccess.net	4	23,991	N/A	49.6%
#93		uvouch.com	4	23,616	Yes	49.6%
#94		linkinn.com	4	24,662	N/A	49.5%
#95		b2blocal.net	4	28,448	Yes	49.1%
#96		business-planet.net	2	12,804	Yes	49.0%
#97		pinoymug.com	3	16,905	N/A	48.9%
#98		joseluispretto.com	3	18,584	N/A	46.8%
#99		indiantags.com	3	18,600	N/A	46.8%
#100		bookmarkriver.info	3	18,709	Yes	46.6%
#101	[ ]	bookmarkall.com	-	-	-	46.1%
#102	[ ]	zabox.net	-	-	-	45.7%
#103	[ ]	ziki.com.au	-	-	-	45.3%
#104	[ ]	dizzed.com	-	-	-	44.7%
#105	[ ]	malaysiastory.com	-	-	-	44.5%
#106	[ ]	yoorl.com	-	-	-	44.2%
#107	[ ]	choowawa.com	-	-	-	43.3%
#108		favorise.com	-	-	-	42.8%
#109	[ ]	seedz.org	-	-	-	42.5%
#110	[ ]	socialwebpad.com	-	-	-	42.0%
#111	[ ]	kannikar.com	-	-	-	41.8%
#112	[ ]	diggdirect.com	-	-	-	40.6%
#113	[ ]	buk-mark.com	-	-	-	40.0%
#114	[ ]	oomega.com	-	-	-	39.9%
#115	[ ]	bookmarking sites	-	-	-	39.7%
#116	[ ]	affiliated-business.com	-	-	-	39.7%
#117	[ ]	yomash.com	-	-	-	39.7%
#118	[ ]	bookmarkingweb.com	-	-	-	39.6%
#119	[ ]	kapely.net	-	-	-	39.5%
#120	[ ]	linksprocket.com	-	-	-	39.4%
#121	[ ]	sticktothis.com	-	-	-	39.3%
#122	[ ]	newsmarked.info	-	-	-	39.2%
#123	[ ]	bookmarking-site.com	-	-	-	39.1%
#124		dailynewshype.com	-	-	-	39.0%
#125	[ ]	addblogurl.com	-	-	-	38.9%
#126		linkbookmarker.com	-	-	-	37.9%
#127	[ ]	svejo.net	-	-	-	37.7%
#128	[ ]	wirefan.com	-	-	-	36.2%
#129	[ ]	cloudytags.com	-	-	-	34.7%
#130	[ ]	aaigg.com	-	-	-	34.7%
#131	[ ]	beamark.com	-	-	-	34.7%
#132	[ ]	clickuplink.com	-	-	-	34.6%
#133	[ ]	tungaw.com	-	-	-	34.5%
#134	[ ]	articwoof.com	-	-	-	34.0%
#135	[ ]	rssmedia.org	-	-	-	33.9%
#136	[ ]	esocialbookmarks.com	-	-	-	33.4%
#137	[ ]	buzzingtopics.com	-	-	-	32.1%
#138	[ ]	linksnapr.com	-	-	-	32.0%
#139	[ ]	urlscentral.com	-	-	-	31.7%
#140	[ ]	urselections.com	-	-	-	31.1%
#141	[ ]	dekut.com	-	-	-	31.0%
#142	[ ]	smallbusinessbrief.com	-	-	-	30.6%
#143	[ ]	markered.info	-	-	-	30.4%
#144	[ ]	pipinews.com	-	-	-	30.3%
#145	[ ]	fashionablylatent.com	-	-	-	30.0%
#146	[ ]	imcurtain.com	-	-	-	30.0%
#147	[ ]	bookmark4seo.com	-	-	-	30.0%
#148	[ ]	votetags.info	-	-	-	29.9%
#149	[ ]	way2bookmarks.com	-	-	-	29.9%
#150	[ ]	ja-ta.com	-	-	-	29.9%
#151	[ ]	hillera.com	-	-	-	29.8%
#152	[ ]	qiinga.com	-	-	-	29.8%
#153	[ ]	openfaves.com	-	-	-	29.7%
#154	[ ]	slurke.com	-	-	-	29.7%
#155	[ ]	thegreenroll.com	-	-	-	29.4%
#156	[ ]	socialn.net	-	-	-	29.3%
#157	[ ]	therealpassport.com	-	-	-	29.3%
#158	[ ]	tweet-this.com	-	-	-	29.3%
#159	[ ]	blokube.com	-	-	-	29.3%
#160	[ ]	earnersclub.net	-	-	-	29.2%
#161	[ ]	myhq.com	-	-	-	29.2%
#162	[ ]	socialadda.com	-	-	-	29.2%
#163	[ ]	iconpoint.com	-	-	-	29.1%
#164	[ ]	sociopost.com	-	-	-	29.1%
#165	[ ]	bookmarkslive.info	-	-	-	29.0%
#166	[ ]	cubeglobe.com	-	-	-	28.9%
#167	[ ]	cadillactight.net	-	-	-	28.6%
#168	[ ]	atheistnewsandviews.com	-	-	-	26.3%
#169	[ ]	thuhm.com	-	-	-	26.3%
#170	[ ]	worldoftags.com	-	-	-	26.2%
#171	[ ]	socialdofollow.com	-	-	-	26.2%
#172	[ ]	yoogr.com	-	-	-	26.2%
#173	[ ]	webmasterclip.com	-	-	-	26.2%
#174	[ ]	listyoururl.com	-	-	-	26.1%
#175	[ ]	10url.com	-	-	-	26.1%
#176	[ ]	theobamanews.com	-	-	-	26.1%
#177	[ ]	jkbookmarks.com	-	-	-	26.1%
#178	[ ]	markurls.com	-	-	-	26.0%
#179	[ ]	bligg.be	-	-	-	25.9%
#180	[ ]	celebhungama.com	-	-	-	25.9%
#181	[ ]	m00.com	-	-	-	25.9%
#182	[ ]	blv-socialbookmarking.com	-	-	-	25.9%
#183	[ ]	linkerbook.com	-	-	-	25.9%
#184	[ ]	qiel.com	-	-	-	25.8%
#185	[ ]	ez4u.net	-	-	-	25.8%
#186	[ ]	hostingtags.com	-	-	-	25.7%
#187	[ ]	8tag.com	-	-	-	25.7%
#188	[ ]	qazee.com	-	-	-	25.6%
#189	[ ]	ulavu.com	-	-	-	25.6%
#190	[ ]	lawrkhawm.com	-	-	-	25.6%
#191	[ ]	selectified.com	-	-	-	25.6%
#192	[ ]	crunchour.com	-	-	-	25.6%
#193	[ ]	thesocialsubmit.info	-	-	-	25.6%
#194	[ ]	humansthink.com	-	-	-	25.6%
#195	[ ]	bookmarkeasy.com	-	-	-	25.5%
#196	[ ]	etopbookmarks.com	-	-	-	25.5%
#197	[ ]	yoomark.com	-	-	-	25.5%
#198	[ ]	scoopit.co.nz	-	-	-	25.4%
#199	[ ]	weheartgossip.com	-	-	-	25.4%
#200	[ ]	coolsearchinfo.com	-	-	-	25.3%

Semoga bermanfaat buat kalian semua yang pengen meningkatkan performa blognya di mesin pencari, silahkan dafatar satu-satu di situs social bokmark / sb lengkap

Cara Membuat Breadcrumb di Blogspot / Blogger

2011-03-18T14:57:00.004+07:00

Cara membuat breadcrumb di blogspot, menurut beberapa master elemen breadcrumb ini sangat penting dalam hal seo, apabila di mesin wordpress ada plugin untuk menampilakan breadcrumb secara otomatis dengan plugin lain halnya dengan blogspot, kita mesti melakukan sedikit perubahan pada cssya,

dan berikut ini cara gampang memasang breadcrumb pada blogger, bagi yang belum tahu apa itu breadcrumb, biasanya ini adalah navigasi yang letaknya ditas judul dan memudahkan kita melihat dengan format home/kategory/ judul postingan

Untuk membuatnya kalian cukup mengikuti langakah-langkah berikut ini, dimana kode yang di tambahkan disini saya ambil dari blognya kang rohman, dan berikut ini langkah-langkahnya

Login ke blogger.com
klik Rancangan dan klik edit html
untuk menghindari kesalah jangan lupa backup dulu template yang ada dengan cara di downlaod
centang tanda Expand Template Widget
Cari kode berikut ini ]]></b:skin>>
Copy Kode berikut ini dan letakan di atas ]]></b:skin>>
.breadcrumbs{
padding:5px 5px 5px 0;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef;}
Kemudian cari kode berikut ini

<div class='post hentry uncustomized-post-template'>

kemudian letakan kode berikut ini dibawah kode diatas

<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumbs'>
Browse » <a expr:href='data:blog.homepageUrl'>Home</a> »
<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != "true"'> , </b:if>
</b:loop>
</b:if> » <data:post.title/>
</div>
</b:if>
</b:if>

Langkah terakhir adalah save template,

semoga tips cara Cara membuat breadcrumb di blogspot ini bermanfaat bagi anda semuanya, sampai jumpa pada posting berikutnya

Cara Pasang Adsense di bawah Judul posting

2010-01-05T09:56:00.004+07:00

Cara Pasang Adsense di bawah Judul postingan atau pasang iklan di bawah judul posting - lama bener ya ga update Tips blogging, nah kali ini untuk memaksimalkan hasil dari GA alias google adsense saya disini akan memberikan kepada anda sekalian cara memasang adsense di bawah Judul Posting agar iklan adsense kita keluar saat orang klik judul dan peletakanya dibawah Judul posting, hanya sekedar mengingatkan kita juga sudah pernah membahas mengenai memasang adsense atau iklan di bawah postingan, dan semua ini kita lakukan untuk memaksimalkan hasil GA kita agar erning bisnis online kita bisa meningkat jika kita mau ngobrol seputar bisnis online

cara memasngan adsense di bawah judul posting sebenarnya tidak begitu sulit, dan kita ikuti saja langkah-langkahnya berikut ini
Seperti biasa kita log in ke akun blogger kita kemudian masuk ke tata letak edit html dan jangan lupa centang “Expand widget template”
kemudaian ctl F cari kode berikut ini, setelah ketemu kemudian pasang kode Google andese anda di atas kode tersebut

<data:post.body/>

kurang lebih jadinya sepeti ini

KODE GA ANDA SEKALIAN ATAU KODE IKLAN ANDA
<data:post.body/>

akan tetapi jangan lupa untuk memparse kode GA anda, jika anda kesulitan untuk memparse kode ga anda bisa kalian kunjungi alamat ini http://centricle.com/tools/html-entities/ kemudian masukan kode GA anda sekalian di dalam kotak yang tersedia dan klik end code, dan kode yang dihasailkan letakan diatas post body yang tadi, selamat mencoba untuk meletaknan iklan di bawah judul posting semoga hasil GA anda bisa meningkat dengan peletakan GA yang menarik perhatian orang,

Memansang Button Button Tweetmeme / ReTweet

2009-11-19T13:08:00.004+07:00

Cara memasang Button Button Tweetmeme / ReTweet ini saya ambil dari blog o-om diamana blog beliau yang memberikan pertama kali tutorial bagaimana meningkatkan traffic dengan twitter dan cara memasang Button Tweetmeme / ReTweet, dengan semakin banyaknya orang yang menggunakan twitter maka ini merupakan salah satu peluang untuk mendulang traffic atau pengunjung dari sana, nah berikut ini saya berikan caranya yang saya copas dari blog o-om.

Untuk memasang button Tweetmeme ini sangat mudah, pertama masuk kehalaman EDIT HTML, kemudian beri tanda centang pada Expand Template Widget. Kalo sudah, cari kode yang warna merah dan letakan kode button warna hijau tepat dibawahnya

<div class='post-header-line-1'/>

<div style='float:right; margin-left:10px;'>
<script type='text/javascript'>
tweetmeme_url = '<data:post.url/>'
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'> </script>
</div>

Hampir sama dengan cara diatas, memasang button Retweet ini juga sangat mudah, pertama masuk kehalaman EDIT HTML, kemudian beri tanda centang pada Expand Template Widget. Kalo sudah, cari kode yang warna merah dan letakan kode button warna hijau tepat dibawahnya.

<div class='post-header-line-1'/>

<script type="text/javascript">
url = '<data:post.url>';
</script>
<script type="text/javascript" src="http://www.retweet.com/static/retweets.js"></script>

Jika ingin ukuran kecil:

<script type="text/javascript">
url = '<data:post.url>';
size = 'small';
</script>
<script type="text/javascript" src="http://www.retweet.com/static/retweets.js"></script>

Sedikit informasi, Tweetmeme atau Retweet memiliki nilai counter tersendiri untuk menilai seberapa banyak link kita yang telah dibagikan oleh pembaca. kita dapat melihat nilai tersebut langsung pada buttonnya.

Selamat mencoba ya, buat o-om makasih tutorialnya

Menambahkan page view Counter di postingan

2009-08-18T10:16:00.003+07:00

Menambahkan page View counter di postingan merupakan trik yang sudah lama digunakan untuk para blogger untuk melihat berapa orangkah yang telah melihat postingan kita, biasanya page view counter ini menghiasai bagian bawah postingan kita,
cara menambahkan page view counter ini bisa teman-teman lakukan seperti dibawah ini, tapi sebelumnya teman-teman bisa melihat contoh page view counter yang biasanya ada pada postingan bagian bawah seperti gambah dibawah ini

cara menambahkan page view counter adalah seperti berikut ini, masuk ke akun blogger anda, Dashboard -> Layout -> Edit HTML trus cari code seperti ini <p><data:post.body/></p>

kemudain copy paste code dibawah ini tepat diatas code <p><data:post.body/></p> tadi

<b:if cond='data:blog.pageType == "item"'>
<div id='hit-counter'>
<a href='http://cara-ngeblog.blogspot.com' rel='follow'>
<script src='http://www.amitjain.co.in/pageview.php' type='text/javascript'/> </a>
</div></b:if>

bagaimana tidak begitu sulit to untuk pasang page view counter ini

Menapilkan Autozoom Gambar di postingan

2009-07-28T08:41:00.005+07:00

Cara Menapilkan Autozoom Gambar di postingan, ini untuk menambah tips dan tutorial blogger bagi pemula kita, dimana auto zoom, atau zoom otomatis untuk image atau gambar yang ada dipostingan kita ini sangat menarik sekali, karena apa ? karena kita bisa upload gambar kecil di postingan kita, akan tetapi setelah mouse kita mendekat pada gambar tesebut, gambar otomatis akan membersar,
dan ada banyak sekali cara untuk melakukanya, bermacam script dan CSS tambahan lainnya, dan salah satunya adalah dengan menambahkan fasilitas "Auto Zoom Image".Berbeda dengan image zoom lainnya (seperti fancy zoom yang atutorialnya da pada blognya kang rohman) yang menggunakan code java script, karena "Auto ZOom hanya perlu meambahkan kode CSS dan menambahatau merubah kode HTML-nya gambar atau image.

Sebelum kita membahas lebih lanjut, lihat demo di bawah ini >>>arahkan kursor di atas image<<<<
Anak ku
untuk membuatnya ikuti langkah-langkah berikut ini, kita masuk ke akun blogger kita kemudaian seperti biasa masuk ke layout dan edit html, dan untuk berjaga-jaga download terlebihdahulu templates kita untuk menghindarai kesalahan dalam melakukan proses pengeditan

cari code berikut ini ]]></b:skin> kemudian paste Kode dibawah ini tepat diatasnya ]]></b:skin>

# /*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
/*URL: http://www.cara-ngeblog.blogspot.com/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color:#8cc545;
padding: 5px;
left: -1000px;
border: 2px solid #ffffff;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: -50px; /*position where enlarged image should offset horizontally */

}

Kemudian di save,

Langkah selanjutnya, Langkah selanjutnya adalah cara posting gambar dalam postingan. Kita tetap upload gambar seperti biasa kita upload gambar waktu posting. Dan kode HTML standard blogspot adalah seperti di bawah ini :

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_4kNmrQ1bjec/Sm5XanxsYOI/AAAAAAAAANU/QVI921pQwGA/s1600-h/DSC00676.JPG"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 240px;" src="http://3.bp.blogspot.com/_4kNmrQ1bjec/Sm5XanxsYOI/AAAAAAAAANU/QVI921pQwGA/s320/DSC00676.JPG" border="0" alt=""id="BLOGGER_PHOTO_ID_5363320321110466786" /></a>

• Kopi Paste kode di atas ke dalam notepad. Perhatikan kode warna MERAH (URL gambar1) dan Warna Biru (Url Gambar2) karena kode tesebut yang nantinya akan kota kopi paste ke dalam kode di bawah ini.

• Selanjutnya ganti kode diatas dengan kode di bawah ini:

<a class="thumbnail" href="url gambar1"><img src="url gambar2"
border="0" height="70" width="100" /><span><img src="url gambar2" />keterangan gambar</span></a>

• Selanjutnya Kopi dan Paste kode Url gambar anda pada "url gambar1" dan "url gambar2"

• Keterangan Gambar adalah keterangan gambar anda

• pada kode height="70" width="100" adalah ntuk mengatur ukuran thumbnail.

selamat mencoba semoga berhasil ya

Menampilkan recent post dengan Thumbnail di blogspot

2009-07-28T08:19:00.002+07:00

Menampilkan recent post dengan Thumbnail di blogspot, ini merupakan lanjutan dari cara menampilakan recentpost dengan feed maupun yang biasa, dimana di dalam recent post dengan gambar ini sekarang lagi ngetrend sekali, karena kebanyakan kita menginginkan postingan terakhir kita tampil di sisi side bar dengan dilengkapi gambar kecil atau thumbnail, serta dilengkapi tanggap posting dan sedikit rangkuman postingna kita serta ada jumlah comment dalam postingan kita,

ada beberapa cara untuk menampilkan postingan terakhir dengan gambar, atau bahasa agak kerenya Menampilkan recent post dengan Thumbnail di blogspot, wigit berikut ini dihasilkan oleh blogger trick, dan caranya seperti dibawah ini
berikut ini saya ambil contoh dari blog Free download software berikut ini :

cara membuatnya cukup sederhana kita tinggal copy paste aja script dibawah ini, kemudian langsung paste aja dalam gadget HTML/javascript (Tuju tab Layout - Page Elements - Add a Gadget - pilih HTML/javascript)

<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";

showRandomImg = true;
boxwidth = 298;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 5;
home_page = "http://Namablogkita.blogspot.com/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>

dan berikut ini item-item yang perlu diadakan perubahan
boxwidth - Ukuran Lebar Widget
cellspacing - Spasi diantara cells
borderColor - Warna Border
thumbwidth & thumbheight - Ukuran lebar dan tinggi gambar Thumbnails
fntsize - Ukuran Font pada title
acolor - Warna title
aBold - Tebal huruf pada title? (true or false)
numposts - Jumlah recent post yang ditampilkan?
home_page : http://NamaBlogkita.blogspot.com/ (Ubah sesuai URL blog masing2)
trus simpan, nah ini ada cara yang ke 2 untuk mnampilakan recentpost dengan gambar kecil, dan caranya bisa teman-temen ambil dari link berikut ini, dan usahakan menggunakan cara yang ke 2 karena lebih mudah cara pengerjaanya

Menghilankan garisbawah untuk link

2009-06-11T17:23:00.001+07:00

Menghilankan garisbawah untuk link
Kita sering melakukan link keluar dari postingan kita, dan untuk link tersebut biasanya ada garibawah nya, apabila temen-temen tidak menghendaki garis bawah yang ada pada link tersebut disini ada sedikit cara untuk menghilangkan garis bawah untuk link yang ada pada postingan kita, nah berikut ini cara menghilankan garis bawah pada link tersebut
untuk menghilangkannya teman-temen perlu merubah beberapa kode yang ada pada style sheet CSS, kode tersebut biasanya seperti ini :

a:link {
color:#58a;
text-decoration:underline;
}

a:hover {
color:#c60;
text-decoration:underline;
}

a:visited {
color:#969;
text-decoration:underline;
}

Agar menjadi faham, akan saya uraikan :

a:link {
color:#58a;
text-decoration:underline;
}

kode ini mempunyai arti --> sebuah link akan berwarna biru dan bergaris bawah.

a:hover {
color:#c60;
text-decoration:underline;
}

Sebuah link apabila di sorot oleh mouse akan berubah warna menjadi biru tua dan bergaris bawah.

a:visited {
color:#969;
text-decoration:underline;
}

Sebuah link apabila pernah di klik oleh komputer yang sama akan berwarna biru tua (banget) dan bergaris bawah.

Pertanyaan selanjutnya manakah kode diatas yang membuat link menjadi bergaris bawah? jawabnya adalah kode :

text-decoration:underline;

Tulisan underline lah yang membuat link menjadi bergaris bawah. Apabila kita tidak menginginkan adanya garis bawah pada sebuah link, maka kita hanya cukup merubahnya dengan kata none, nanti kodenya akan menjadi seperti ini :

text-decoration:none;

Dari pengertian tadi diatas tentu saja kita dapat mengatur ingin ada atau tidak ingin ada garis bawah, tergantung dari selera masing-masing, apakah sebuah link ingin bergaris bawah atau tidak? apakah apabila sebuah link di sorot oleh mouse ingin bergaris bawah atau tidak? apakah apabila sebuah link pernah di kunjungi atau di klik ingin bergaris bawah atau tidak? semua terserah sobat sebagai pemilik blog. Ingin bergaris bawah? ya pakai underline, kalau tidak ingin bergaris bawah ya tingal ganti dengan none, gampang bukan?

Membuat kotak komentar dibawah posting

2009-06-11T17:05:00.003+07:00

Membuat kotak komentar dibawah posting ini kadang-kadang berlaku untuk template yang belum bisa mengeluarkan kotak komentar setelah kita setting blog kita untuk menampilkan kotak koemntar, weleh binggung ya heee cara pertama yang kita lakukan seperti biasanya kita masuk ke akun blogger kita kemudaian masuk ke rus ke menu Setting-->Comments. Kemudian ganti "Comment Form Placement" menjadi "Embedded below post" atau sematkan dibawah entri untuk blog yang bahasa indonesia
Setelah itu simpan alias save, kita bisa melihat blog kita telebih dahulu apakah kotak komentar dibawah postingan itu sudah muncul atau belum, jika belum teman-teman bisa melakukan hal seperti dibawah ini, masuk ke edit kemudaian centang Expand widget templates setelh itu cari code seperti dibawah ini

<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>
</p>
</b:if>

Setelah ketemu ganti code tersebut dengan script beriut 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> </b:if>

Setelah selesai, save, dan kita lihat apakan editan kita ini berhasil viewblog dan klik judul postingan kita untuk melihat apakah kotak komentarnya sudah muncul atau belum, dan selamat mencoba, dan jika berhasil seperti blog saya dibawah ini, tapi untuk sekarang kebanyakan templates sudah dilengkapai dengan kotak komentar dibawahnya,

Membuat judul posting lebih gampang ter-index mesin pencari

2009-04-21T16:26:00.003+07:00

Judul postingan merupakan elemen yang terpenting, jika kita ingin postingan kita bisa bersaing dalam mesin pencari, membuat judul posting lebih gampang terindex dalam mesin pencari, karena apa Menurut teknik SEO, judul halaman yang paling mudah dikenal oleh mesin pencari adalah dengan struktur seperti ini; “judul halaman - judul blog”. Karena spiderbot akan membaca dan mengkrawl judul halaman anda terlebih dahulu, baru kemudian judul blog kita, hal ini untuk spesifikasi dan ke akuratan dari keyword. Jadi bagi teman-temen bloggers yang ingin blognya sering tampil pada hasil pencarian (SERPS) cara ini merupakan tips yang agak ampuh. Walaupun tetap hasil spiderbot menomor satukan relefansi dari keyword dan kyphrase konten isi.
Untuk blog biasanya strukturnya adalah : judul blog dilanjutkan judul postingan, jadi hal ini kurang efektif utuk penyerapan di mesin pencari, atau istilahnya seo friendly,agar kita bisa terus menemukan cara belajar blog yang baik dan benar, maka untuk belajar kelompok hari akan membahas tentang cara membuat judul posting lebih gampang terindex oleh mesin pencari,
Caranya sebagai berikut ini, kita cari kode seperti ini

<title><data:blog.pageTitle/></title>

Setelah ketemu ganti kode diatas dengan kode berikut ini :

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>

Setelah selesai simpan hasil editan tadi, dan semoga dengan tips seo bagi pemula ini, blog kita akan selalu tampil di mesin pencari dengan kata kunci yang kita kejar, atau kata kunci yang kita tuju.

Cara Pasang Auto Read more Terbaru ( revisi )

2009-04-08T11:19:00.004+07:00

Auto readmore terbaru ini sangat berbeda sekali dengan cara memasang readmore di postingan yang dahulu, dimana untuk mendapatkan readmore kita harus secara manual memasukanya kedalam postingan dan hal ini kadang kala menyulitkan kita dalam mempostingnya,
Akan tetapi untuk auto readmore terbaru ini, sepertinya lebih canggih lagi, karena fungsi pemenggalan kalimat langsung bekerja secara otomatis, tanpa harus install code secara manal dan menempatkan postingan secara terpisah, atau dipisahkan dengan script tertentu,
Untuk menambah wawasan kita dalam cara belajar blog, kita mulai saja belajar blog bersama kali ini dengan topic cara memasang auto readmore, tapi sebelumya untuk yang sudah memasang readmore yang versi lama hendaklah dikembalikan seperti awalnya dulu, caranya hapus code yang saya kasih warna merah dibawah ini, tapi ingat download templates terlebih dahulu buat jaga2,

<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>

<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks
********************************************/
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(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;
}
//]]>

Jangan lupa untuk menyimpan editan tadi, setelah itu centang "Expand widget template" dan cari code berikut ini <data:post.body/> setelah ketemu ganti code tersebut dengan script dibawah ini

<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>

Dan kembali save hasil editan tadi, dan sekedar informasi fungsi Read More 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. Mungki lebih nyaman saya sebut saja dengan fasilitas image thumbnail.
Tidak hanya itu saja, 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
Semoga tips diatas bisa bermanfaat bagi kita untuk menemukan cara belajar blog yang baik dan benar, dan marilah kita sama-sama terus mengembagkan dan menemukan trik dan cara belajar blog yang baru.

Cara membuat text berjalan di bar menu untuk templates baru

2009-04-06T12:23:00.002+07:00

Cara membuat text berjalan di bar menu, ini saya ambil karena banyaknya teman-teman yang menayakan bagaimana cara membuat text berjalan tetapi bukan didalam blog melainkan di Bar menu, mungkin tulisan ini sedikit mereview aja tentang tulisan para master yang telah meberikan tutorialnya tentang cara yang satu ini
Seperti bisanya sebelum memulai belajar blog bersama, atau belajar kelompok ini, kita harus menyiapkan bahan-bahanya dulu, user name dan password, untuk mebuka akun blogger kita, wekekeke formil banget ya?
Berikutnya kita cari code seperti ini </body> kode ini letaknya berada paling bawah sebelum kode </html>
Dan simpan code ini dibawah code </body>

<script language='javascript'>
message = "Tulis text pertama yang ingin muncul disini ^" +
"Tulis text kedua disini ^" +
"Tulis text ketiga disini ^" +
"Tulis text keempat disini ^"

scrollSpeed = 130
lineDelay = 0

// Do not change the text below //

txt = ""

function scrollText(pos) {
if (message.charAt(pos) != '^') {
txt = txt + message.charAt(pos)
status = txt
pauze = scrollSpeed
}
else {
pauze = lineDelay
txt = ""
if (pos == message.length-1) pos = -1
}
pos++
setTimeout("scrollText('"+pos+"')",pauze)
}
scrollText(0)
</script>

Ganti text pertama, text ke dua dan seterusnya dengan text yang teman –teman inginkan, dan kemudian save. Semoga tips berikut ini dapat memuaskan teman-teman seklian dan ini merupakan upaya kita dalam memahami cara belajar blog yang baik dan benar, walupun saya sendiri belum bisa melakukanya akan tetapi tidak ada salahnya kita coba untuk mempelajarinya dan belajar blog bersama.

Cara membuat menu menurun / drop down

2009-04-03T09:34:00.002+07:00

cara membuat menu menurun / drop down ini hanya ingin melengkapi pengetahuan kita dalam tips mempercantik blog dan juga menambah ilmu kita dalam cara belajar blog untuk pemula, agar blog kita bisa cantik enak dilihat dan yang pastinya orang betah berlama-lama di blog kita, serta akan kembali lagi dilain waktu.
Cara membuat menu menurun itu apaan sih? Yuk kita ingatkan kembali menu menurun atau drop down itu yang seperti ini lho

Untuk teman-teman yang pengen diblognya ada tampilan seprti itu mari kita mulai belajar blognya, bersama-sama script untuk membuat menu itu seperti di bawah ini

<select onChange="document.location.href=this.options[this.selectedIndex].value;">
<option value="0" selected>Arsip Blog</option>
<option value="Links 1">judul 1</option>
<option value="Links 2">judul 2</option>
</select>

Untuk penempatanya seperti menempatkan widget dan untuk letaknya sesuai dagan keinginan teman-teman, dan kalo mau menamahi jumlah menu ke bawahnya tinggal menabahkan code seperti ini sebelum </select>

<option value="Links 3">Judul 3</option>

Text yang berwarna merah adalah link. ganti link1 tersebut dengan link yang dituju teman-teman
Text yang berwarna biru adalah Judul yang ditampilkan. Itu juga harus km ganti. Setelah diganti dan sudah ditempatkan sesuai dengan keinginan teman-teman tinggal kita save aja. Dan semoga tips ini bisa menambah pengetahuan kita tentang cara belajar blog.

cara belajar blog

2009-04-02T10:35:00.005+07:00

cara belajar blog, wah sepertinya mengingatkan pada saat pertama kali mau ngebog, dimana tidak tahu cara nya, buat blog, apalagi mau posting. Tapi kalu ingat jaman itu jadi geli sendiri, cara belajar blog ternyata sangat mudah sekali, kita tinggal cari ke google dengan keyword apapun yang kita inginkan sesuai dengan apa yang akan kita kerjakan semuanya sudah ada jawabanya,
cara belajar blog juga bisa kita dapatkan lewat buku, yang bisa kita beli di toko2 buku dan distu juga dibahas mengenai tips belajar blog, tips edit blog, dan ada juga yang membahas tentang optimalisasi seo pada blog, dan dengan harga yang relative murah tapi isinya sangat bermanfaat,
tapi selain buku bantak sekali di blog teman-teman kita yang membahas tetang cara belajar blog, salah satunya cara ngeblog ini, yang dulunya saya tujukan untuk bookmark saya sendiri dalam melakukan edit blog dimana isinya saya ambil dari kumpulan tutorial blog, dari para pendahulu saya, agar memudahkan saya sendiri dalam melakukan blogging ini, selain itu juga untuk membantu memberikan tips blogging bagi pemula dan cara belajar blog bagi pemula,
karena membahas tips blogging bagi pemula, blog ini Cuma membahas hal-hal kecil tentang cara belajar blog, edit blog dan tutorial bagi pemula, dan sebenarnya saya belum pantas untuk meberikan tulisan ini, karena saya sendiri sadar bahwa saya juga blogger pemula yang masih bayak kekuarngan dan sedikit pengetahuannya,

nah untuk memudahkan sembelum ngeblog ada beberapa langkah awal atau cara belajar blog untuk pemula ini, dimana sebelumnya sudah pernah saya bahas dalam tulisan saya, langkah-langkahnya untuk belajar blog sebagai berikut
1. Cara membuat blog untuk pertama kali
2. Cara setting blog yang paling dasar
3. Cara mengganti templates di blogger
4. Tempat memilih templates,
5. Tips mempercantik blog
Dan langkah yang tak kalah penting untuk belajar blog adalah melakukan optimalisasi seo, dimana hal tersebut ada dalam tulisan saya tentang tips seo untuk pemula, dimana disutu bertujuan untuk mengoptimalisasi seo pada blogspot agar akrab dengan mesin pencari, agar blog yang kita buat dapat dikenali banyak orang yang mencari informasi lewat mesin pencari.
Nah mungkin dengan adanya blog ini saya harap teman-teman dapat belajar blog bersama dan belajar kelompok bersama membahas tetang cara belajar blog bersama saya, dan apabila kemampuan saya belum memadai saya pasti akan berusaha memberikan yang terbaik buat teman-teman agar kita bisa sama-sama tau bagaimana cara belajar blog yang baik dan benar.

Cara membuat tag could, atau label berbentuk awan

2009-03-30T16:02:00.002+07:00

Cara membuat tag could ini merupakan trik yang paling aku inginkan sejak lama, nah setelah Tanya-tanya sama teman, akhirnya ketemu juga caranya,yang ternyata tidak begitu sulit, hanya membutuhkan ketelitian saja, dan aku yakin teman-temen semua bisa melakukanya,
Tidak udah banyak basa-basi, belajar kelompoknya kita mulai saja, untuk mebuat tag could ini langkah pertama yang kita perlukan adalah pawang hujan, hee kan mau bikin kaya awan, ga ding becada, pertama masuk ke akun blogger kita, masuk tataletak dan edit html, jangan lupa centang Expand Template Widget dan untuk lebih amanya download templatenya terlebih dahulu,
Langkah selanjutanya cari code seperti dibawah ini

<b:widget id='Label1' locked='false' title='Labels' type='Label'/>

Jika tidak ketemu teman-teman tinggal mengurangi code tersebut sedikit demi sedikit agar code yang kita cari akan terlihat atau akan ketemu, setekah itu ganti code tersebut dengan code dibawah ini

<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>

<div class='widget-content'>
<div id='LabelDisplay'>
</div>
</div>

<script language='javascript' type='text/javascript'>
function zoomStyle() {
var max = 0;
var min = 10000;
<b:loop values='data:labels' var='label'>
if (<data:label.count/> > max)
max = <data:label.count/>;
if (<data:label.count/> < min)
min = <data:label.count/>;
</b:loop>
var display = "";
<b:loop values='data:labels' var='label'>
var delta = <data:label.count/> - min;
var size = 80 + (delta * 100) / (max - min);
display = display + "<span style='font-size:" + size + "%'><a expr:href='data:label.url + "?max-results=100"' style='text-decoration:none;'><data:label.name/></a></span> ";
</b:loop>

obj = document.getElementById('LabelDisplay');
obj.innerHTML = display;
}

zoomStyle();
</script>

<b:include name='quickedit'/>
</b:includable>
</b:widget>

Teman-teman harap teliti jangan melebihi code </b:section> saat melakukan paste, setelah itu silahkan klik preview dan untuk peletakanya sama seperti meletakan menambahkan widget biasa, dan setelah sesuai dengan keinginan tinggal kita save dan model category awan atau tag could akan bisa kita miliki.

Cara menggati header pada templates

2009-03-25T09:00:00.005+07:00

Cara mengganti header pada templates blog, ini mungkin bagi para master blog merupakan perkerjaan yang sangatlah mudah, dan tidak perlu mikir, heee, tapi saking banyaknya yang menayakan kepada saya bagaimana cara mengganti header, maka belajar kelompok kali ini kita akan membahas hal tersebut,
Sebelum mengganti header templates teman-teman harus menyiapkan gambar yang akan dipakai sebagai heder, bisa dibuat sendiri menurut selera kita masing-masing, dan untuk formatnya usahakan gambar yang akan kita pakai formatnya memanjang,
Ini tak kasih contoh gambar yang bisa digunakan sebagai header, seperti yang ada diblog saya iniSetelah itu buka account blogger kita, kemudaian klik layout, pada bagian header, klik edit, setalh itu pilih gambar, pilih dari computer klik browse, dan kita cari gambar yang telah kita simpan tadi,
Disini ada 3 pilihan untuk setting gambar
1. Dibalik Judul dan keterangan, ini menandakan judul blog dan diskripsinya akan tetap tampil diatas gambar header yang kita masukan,
2. Selain Judul dan keterangan itu menandakan hanya gambar header saja yang akan tampil, Judul dan diskripsi tidak akan muncul
3. Susutkan agar sesuai, untuk menyesuakan ukuran gambar dengan besarnya gambar yang ada di header kita
Setah kita masukan gambar, kemudian simpan, dan blog kita sudah mempunyai header yang kita inginkan,

Cara membuat link di postingan atau blog

2009-03-11T10:02:00.003+07:00

Cara membuat link di blog untuk para master adalah bukan salah satu hal yang susah, karena hal ini hanya kebiasaan saja, nah karena ujian nasional sudah semakin dekat maka tidak ada salahnya belajar ngeblog kelompok ini kita lanjutakan, untuk mengingat pelajaran-pelajaran yang dulu ya, lho apa hubungan ya dengan ngeblog, nah justru itu kalau ilmu ga sering dipraktekin kita juga akan lupa tentang ilmu tersebut
Siapkan alat-alatnya yan, udah siap semua karena belajar kelompaoknya akan segera dimulai, kita masuk ke pengertian link dulu aja ya. Link itu apa sih makanan atau bukan ya hee, link itu sebuah text atau gambar yang menjadi perwakilan sebuah URL / Halaman Web. Apabila kita klik text atau gambar tersebut, maka kita akan dibawa ke sebuah URL / Halaman web yang menjadi tautan text tersebut .
Trus apa fungsinya : link ini untuk mempermudah kita dalam mencari url yang telah kita pilih sebagai tujuan blog atau web apa yang kita maksudkan atau kita tuju
contoh Sugeng Blog
jika pengen seperti itu, dan Jika temen-teman pengen linknya tapil dalam postingan caranya, kita itnggal klik gambar sepertai rantai dekat dengan saat kita mau upload gambar, trus tinggal kita isi dengan web atau blog yang mau kita link.
Ada lagi cara manualnya dengan cara saat posting kita klik edit html dan masukan script dibawah ini

<a href="http://cara-ngeblog.blogspot.com" target="_blank" alt="cara ngeblog">Cara Ngeblog</a>

kode HTML diatas merupakan link.yang ditujukan ke blog saya http://cara-ngeblog.blogspot.com. dan kata yang menjadi wakil / tautan ke blog tersebut adalah Cara Ngeblog
• target="_blank" --> Membuka link di sebuah jendela baru...
• alt="TEXT" --> Memberikan keterangan (sesuai text), apabila mouse diarahkan ke link
gimana sudah ingat kembali kan, mungkin tulisan ini juga untuk meberikan catatan kepada saya jika kelak suatu saat lupa cara buatnya semoga bermanfaat dan semoga belajar kelompok hari ini bisa kita mengerti bersama-sama.

Cara membuat text area

2009-03-10T15:58:00.002+07:00

Text area, biasa kita jumpai di blog yang menawarkan tukeran link, dan kita tinggal mengkopi paste kode yang ada di dalam text area tersebut trus ditempelin di blog kita,
Banyak dari kita yang bisa membuat itu tapi juga harus menghaflkan script nya, dan untuk mempermudahnya biar ga harus hafalin terus maka ini saya bantu untuk menyediakan script untuk membuat text area, atau kolom yang biasanya berisi text, ataupun script html, didalam nya
Atau seperti dibawah ini

Maka langkahnya teman-temen tinggal copas code di bawah ini:

<textarea rows="4" cols="20" name="code"> Tempat text</textarea>

Dan untuk mengeditnya teman-temen bisa mengganti rows="4" --> Panjang area (Bisa diganti sesuai kebutuhan) dan cols="20" --> lebar area (Bisa diganti sesuai kebutuhan)
nah bagaiman mudah to, sebenarnya yang susah tuh hafalin script nya heee, sampai jumpa dipertemuan yang akan datang

Cara membuat search engine di blog

2009-03-10T11:48:00.004+07:00

Cara membuat search engine di blog emang ga begitu penting, tapi hal ini akan memudahkan kita dalam pencarian artikel atau mencarai gambar dan sebagainya, dan Dalam dunia blogging kita tidak akan bisa lepas dari search engine, atau bahasa inggris nya mesin pencari, karena apa? Karena kita sebagai blogger sangat mengandalakan mesin ini untuk menjaring penggunjung dalam blog kita
Nah untuk teman-temen yang penngen membuat mesin pencari dalam blognya carabya cukup gampang, mari kita belajar bersama ya cara buat search engine di blog ini, seperti biasa kita siapkan alat dan bahanya
1. Satu aku sayang ibu ya, heee, ga ding ikuti langkah ini ya : Buka account blooger kita, kemuadian masuk layout trus page element >
2. Cari tempat yang mau ditempelin kemuadian copy paste script di bawah ini

<form action="http://namablogmu.blogspot.com/search"
method="get"> <input class="textinput" name="q" size="35" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form>

ganti namablogmu dengan nama sebenrnya, dan angka 35 menandakan jumlah huruf yang akan dicari,

3. Nah tinggal di save aja, trus penempatanya sesuai dengan kenginginan temen-temen

Sekian dulu belajar kelompoknya untuk membahas bagaimana cara ngeblog, semoga bermanfaat, bahanya kumpulan dari berbagai sumber dan berbagai pasar blog heee

Menghilangkan angka dalam label

2009-03-03T12:41:00.004+07:00

Belajar keleompoknya kita mulai lagi, kali ini kita akan belajar bagaimana cara menghilangkan anjka dalam dalam, kita bisa melihat jumlah postingan kita di dalam label-label kusus yang telah kita buat, nah jika temen-temen ingin mengilangkanya caranya ga begitu sulit
Langkahnya seperti biasa kita login ke account kita kemudian masuk ke layout dan edit html trus jangan lupa untuk mencentang tanda EXPAND TEMPLATE WIDGET, nah kalo sudah cari deh code sperti ini:

<data:label.count/>

Kalo udah ketemu hapus kode tersebut, trus disimpan agar aman heee, tapi ingat sebelum kita mengedit kode html di templates kita biasakn untuk mendownload templtes kita terlebih dahulu agar apabila terjadi hal-hal yang tidak diginkan kita bisa upload kembali templates lama kita
Sekian dulu belajar keompoknya kalo ada pertanyaan natnti saja kita bertanya pada yang ahli nya edit templates heee, sekilan dan terimakasih

Pasang emotion di kotak komentar

2009-02-25T10:09:00.005+07:00

Trik ini sudah dibahas oleh para master-master tutorial blog, dan saya disini Cuma ingin sedikit mengulangi kembali agar belajar kelompok ini ada bahan untuk diperbincangkan dan di bahas. Komentar adalah wujud apresiasi kita pada seorang penulis blog, dan selain itu komentar juga tidak akan seru kalau tidak disertai dengan emotion, tau gambar yang menunjukan perasaan kita, dan pada belajar kelomok kita kali ini mari kita baca kembali bagai mana cara pasang emotion pada kotak komentar,
Ayo temen-temen buka kembali catatanya buka blogger nya trus edit html nya kemudian, kita cari kode berikut ini :

</body>

Setelah ketemu ganti dengan codenya menjadi seperti berikut ini

<script src='http://mizwar.blog.googlepages.com/senyum.js'
type='text/javascript'/>

</body>

Setelah itu save dan jagan lupa kasih tanda centang pada kotak expand template widget. Dan cari kode berikut 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>

Dan letakan code berikut berikut ini dibawah code

<p class='comment-footer'>

;

<b><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/>
:))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/>
:)]
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/>
;))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/>
;;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/>
:D

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/>
;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>
:p
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/>
:((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/>
:)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/>
:(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/>

:X
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/>
=((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/>
:-o
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/>
:-/
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/>
:-*
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/>
:
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/>

8-}
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/>
~x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/>
:-t
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/>
b-(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/>
:-L
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/>
x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/>

=))</b>

Trus di save, dan jika pengen memakai emotionya tinggal ketik kode emptionya, dan ada pertanyaan ga yang bisa kita diskusikan, nah sekian dulu belajar kelompoknya ya, besok kita belajar besama lagi yaa

Cara membuat readmore dilanjutkan judul posting

2009-02-23T12:04:00.004+07:00

Sering banget ya kita lihat read more ( judul postingan ) seperti di blog saya yang satu ini, dan untuk anda yang sudah tau mungkin gampang membuatnya, tapi bagi yang belum ngerti ayo kita sama-sama belajar bagaimana sih cara membuat readmore dengan judul postingan itu.
Nah mari kita siapkan bahan-bahanya, kaya masakan aja ya, lgs aja deh, sebelumnya ini trik untuk blog yang udah ada readmorenya, kalo belum buat dulu neh kaya gini cara buat readmore, nah tinggal kita lanjutakan ritualnya seperti biasanya
Log in ke account blogger trus masuk layout, klik edit html dan centang bagian expand template widget, kalau dah ketemu maka cari kode berikut ini :

<a expr:href='data:post.url'>Read More .. </a>

Tapi jika read morenya temen-temen ganti dengan baca seterusnya maka tinggal ganti aja read more.. dengan baca seterusnya saat kita melakukan pencarian
Setelah ketemu yang tadi tuh, ganti kodennya jadi seperti ini:

<a expr:href='data:post.url'> Read More .. <data:post.title/></a>

Setelah selesai tinggal kita save dan jadi deh kreasi kita hari ini, dan tips ini hanya bertujuan membatu temen-temen yang masih pemula seperti saya juga yang masih bau kencur di dunia blog, dan semoga belajar kelompok kita kali ini bermanfaat ya,

Cara membuat artikel yang berhubungan di bawah posting

2009-02-20T18:23:00.002+07:00

Cara ini merupakan salah trik agar postingan kita yang terdahulu dapat di baca orang lain selain dibuatkan kolom di samping blog kita,
Biasaya kita membaca postingan ada tulisan artikel yang berhubungan dibawahnya yang isinya tentang artikel yang masih berkaitan dengan artikel yang sedang kita posting
Nah berikut ini adalah caranya membuat artikel yang berhubungan atau biasa disebut related post kalo bahasa jawanya heee
Seperti biasa kita login dulu kemudian masuk layout trus edit html, jangan lupa centang Expand Template Widget, langkah selanjutnya cari kode berikut ini

<data:post.body/>

Kemudian copy script berikut ini
Setelah itu letakan code yang tadi di bawah nya seperti ini:

<data:post.body/>
Paste Disini

Setelah itu save dan jadi deh hee

Memasukan Yahoo Emotion Ke dalam posting

2009-02-20T13:03:00.026+07:00

Nah tips kali ini mungkin bagi para master sudah tidak ansing lagi, caranya memasang yahoo emotion di postingan, untuk lebih menegaskan perasaan atau emosi yang ada dalam postingan tersebut, misalkan lagi marah , sebel maupun yang lainya,
Caranya sangat mudah temen-temen tinggal mengopy kod berikut ini dan meletakanya dalam postingan, tapi untuk lebih gampanganya klik edit html dalam melakuka posting,dan berikut ini kode html yang bisa kita kita pakai:

<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif" width=18 height=18 border=0>
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif" width=18 height=18 border=0>
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif" width=18 height=18 border=0>
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif" width=18 height=18 border=0>
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif" width=18 height=18 border=0>
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/6.gif" width=42 height=18 border=0>
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif" width=20 height=18 border=0>
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif" width=18 height=18 border=0>

untuk script lengkapnya silahkan kunjungi blog kang rohman berikut ini

Cara pasang total posting dan total komentar

2009-02-16T14:53:00.003+07:00

Sebenarnya tools ini belum tak pasng di blogku, tapi keren juga sih kalo tau berapa total postingan dan total komentar yang sudah ada di blog kita,

Bagi sebagia orang yang sudah tau close aja blog ini dan mencari tutorial yang lebih up to date, heed an bagi yang belum tahu boleh menyimaknya

Caranya gampang temen-temen tinggal copas script dibawah ini sambil mengganti scrip yang berwarna merah dengan nama blog temen-temen
Script untuk total komentar

Script untuk total posting

La trus dimana letakinya? Hee seperti biasa bisa diletakan di tambah di penambahan elemen halaman, dan letaknya bisa teman-temen sesuaiakn dengan keinginan, selamat mencoba semoga berhasil

Cara mengganti background pada templates

2009-02-12T12:58:00.002+07:00

Lama ga up date mungkin postingan ini udah banyak di bahas ama master-master tutorial blog lainya, tapi ga ada salahnya jika saya memberanikan diri untuk kembali mengulas tetang cara mengganti background templates, atau latar belakang tampilan templates kita

Yang kita perlukan hanyalah ,mengerti kode-kode warna yang ada bisa lihat pada postingan master tips dan trik blogging berikut ini mengenai kode warna

Setelah mengetahui kode warna gimana ya? Ga usah kawatir, sekarang coba kita masuk ke account blogger kita dan kemudian masuk ke pengaturan dan edit html,

Jangan lupa untuk menghindari hal-hal yng tidak diinginkan download templates lama kita jika ada sesuatu hal yang tidak kita inginkan terjadi, setelah itu, cari kode sperti di bawah ini

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

dan apabila menginginkan pergantian warna maka ganti teks yang berwarna merah diatas dengan kode warna yang ada inginkan seperti yang ada di tempatnya mas kendhin yang tadi

setelah selesai kemudian pratinjau templates, jika sudah sesuai dengan keinginan kita tinggal kita save aja, jadi deh, gampang to? tapi ini khusus untuk templates yang minima, Moga-moga tips ini bermanfaat

Mempercepat tampilan Blog / loading blog

2009-02-03T13:53:00.003+07:00

Kadang kala kita sering sekali mengalami keluahan saat membuka blong, yakni loadingya yang lambat, banyak sekali faktor yang mengakibatkan loading atau tampilan blog kita menjadi lambat, dan ada beberapa cara untuk mengakalinya

Para master telah membahas tentang teknik bagaimana mempercepat loading blog kita, dengan asumsi koneksi internet yang sama,

Menurut pendapat dan pengalaman saya sebagai seorang newbie salah, banyaknya widget yang diambil dari website luar negri, seperti shoutbox, dan widget yang disediain oleh web2 lainya,

Cara yang selanjutnya adalah jangan terlalu banyak megupload gambar-gambar, kare hal ini juga akan melembatkan loading blog kita, saya sarankan untuk menguplad gambar seperlunya aja,
Langkah yang terakhir yang bisa kita lakukan adalah melakukan compres terhadap code css yang ada dalam blog kita, cara ini adalah cara yang sedikit rumit, dan hanya para master aja yang berani menulisnya, untuk itu silahkan mengunjungi web salah satu guru saya dalam blog yang membahas tentang bagaimana cara mengompres code css pada blog kita agar tampilanya cepat, atau dengan kata lain loadingnya menjadi cepat

Semoga tips ini bermanfaat bagi kita semua aminnn, sekarang mari kita bagikan bungkusanya heee, kaya abis kondangan aja

Cara Mengganti Tulisan Newer Post, Older Post, Home

2009-01-22T10:36:00.002+07:00

Tips dan tutorial untuk mempercantik blog buat pemula kali ini adalah mengganti tulisan HOME -> Postingan Lama -> Postingan Baru atau biasanya disebut dengan Blog pager link.. bingung ya apa itu??? heeheee saya aja bingung...tapi baiklah kalau belum tahu di mana letak itu coba lihat gambar dibawah ini:

nah yang bulat hitam itu lah yang akan kita ganti mau di ganti dengan tulisan apa terserah anda namun lebih baik kalau kita kasih gambar seperti gambar di bawah ini

gimana ayo banding mana yang lebih bagus dan cantik??? anda juga ingin??? yuk kita langsung saja pada caranya:

Nah caranya yang harus anda lakukan adalah:
Login Di blog anda kemudian pada layout pilih edit HTML dan expand widget template.
nah kalau sudah anda lakukan saat nya anda mencari kode seperti dibawah ini:

<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>

nah kalau kode-kode diatas sudah ketemua saatnya anda memasukkan tulisan atau gambar..dan kalau belum ketemu juga cari sampai dapat...untuk mencari dengan cepat klik edit pada browser anda yang ada di atas tool bar -> kemudian klik find atau kalau ingin cara cepat tekan CTRL + F dan biar lebih jelas lihat gambar berikut:

kemudian masukkan kata yang ingin kita cari karena diatas yang ingin kita cari adalah kata yang dikasih warna maka tinggal masukkan saja dibagian bawah browser kamu seperti gambar dibawah ini

oke kita lanjut ke tipsnya nah kalau kode-kode diatas sudah ketemu saatnya anda menggantinya dengan gambar yang sesuai kesukaan anda atau bisa juga menggunakan gambar dibawah ini:

http://doumbozo.googlepages.com/frontpage.png ini untuk home
http://doumbozo.googlepages.com/forward_f2.png untuk post baru selanjutnya
http://doumbozo.googlepages.com/restore_f2.png ini sebelumnya

Dan untuk contoh penggunaan tersebut bisa lihat diblog ini belajar seo lihat bagian bawahnya..gimana??? oke selamat mencoba............oh iya kalau masih sulit bisa tanyakan langsung atau kami bisa memasangkan untuk anda.......

Cara pasang adsense atau iklan di bawah postingan

2009-01-21T08:37:00.005+07:00

Lama juga ga up date, binggung mau apain ya, wah ini aja deh kita belajar bersama cara menempatkan iklan atau adsense di bawah postingan aja ya
Kan kita sering liat tuh setelah kita klik readmore atau baca selanjutanya tuh ada biasanya temen-temen yang pasang iklan disana biar di kirain postingan tuh, padahal ikalan hee
Penasaran cara pasangnya, nih tak kasih cara menaruhnya, pertama seperti biasa kita login ke account blog kita trus deh ke tataletak edit html ya hee jangan lupa centang “Expand widget template”
Langkah selanjutanya masukan bawang Bombay dan merica, ehh kok koyo masak aja, nah kembali ke permasalahan, cari script dibawah ini
<data:post.body/></p>
Apabila udah dipasang readmore biasanya ada 2 script yang seperti diatas, tapi sobat pilih yang pertama, ingat yang pertama ya wekekekek
Kode iklan biasanya kan seperti dibawah ini :

Hapus kode( <!— )dan kode ( //--> )
ett ini belum selesai lanjutkan ya

Setelah itu letakan di bawah kode ini
<data:post.body/></p>
Gampang to, silahkan mencoba biar adsensenya ga sengaja di klik orang, n bisa panen dolar setiap bualanya

memasang meta tag robots

2009-01-14T16:41:00.003+07:00

tulisan ini saya salin asli dari http://kangnoval.com, maksudnya biar kita sama-sama tau dan belajar bareng untuk mencoba sedikit tentang meningkatkan seo dengan cara memasang meta tag robots

sebenarnya sih jujur saja aku juga ga begitu tau tentang seo, tapi karena udah ada ijin dari si empunya blog, alias kang noval itu, maka unuk mengingatkan kita kembali tntang seo nih tak kasih tulisan tentang seo sliahkan menikmati dan kalo masih binggung mari kita tanya sama kang noval langsung aja ya hee

Halo semuanya gimana nih kabarnya saat puasa ini???semoga semuanya bisa menahan hawa nafsunya amin...!!! oke sekarang saya akan mengulas kembali masalah penggunaan meta tag yaitu di khususkan pada pengenalan Robot...semuanya pasti udah tahu apa itu meta tag???dan apa itu robot.txt jadi saya rasa ga usah di jelaskan panjang lebar...kita langsung pada topiknya aja..ok.

mari kita mengenal meta tag untuk robot ini supaya kita bisa menggunakan dengan maksimal dan kita bisa memanfaatkan robot ini sesuka kita dan yang saya bahas sekarang ini adalah bagi pengguna blog/web yang tidak memiliki root directori seperti blogspot...mari kita menganal satu -satu fungsi dari robot tersebut:

1. Memerintahkan agar semua robot untuk menyingkir dan tidak melakukan index halaman manapun dari situs/blog kita. sintaxnya adalah:
<meta content="NOINDEX, NOFOLLOW" name="ROBOTS">
2. Memungkinkan indexing halaman namun link-link dalam blog kita jangan di ikutkan. sintaknya adalah:
<meta content="INDEX, NOFOLLOW" name="ROBOTS">
3. Melarang indexing halaman tapi memperbolehkan link-link didalam halaman ikut serta. syntaxnya adalaha :
<meta content="NOINDEX, FOLLOW" name="ROBOTS">
4. Memperbolehkan semuanya di index. sintaxnnya adalah:
<meta content="INDEX, FOLLOW" name="ROBOTS">
Setelah anda tahu syntaxnya di atas sekarang tinggal anda mau memilih yang mana untuk di pakai di dalam blognya...dan pada bahasan selanjutnya saya akan menulis untuk penggunaan file robots.txt pada blog atau web yang memiliki root direktori...selamat mencoba
nah itu kata-kata dari kang noval sebagai guru dan inspirasiku dalam blogging

Cara memperlebar kolom pada templates blog

2009-01-13T08:32:00.007+07:00

Setelah beberapa hari tidak up date blog, gatal juga pengen kasih sesuatu heee, tapi yan gini Cuma trik sederhana cara meperlebar kolom pada templates blog kita, tetapi untuk templates bawaan dari blogger, bukan dari templates yang sudah dimodifikasi
Sebelum kita masuk ke masalah ada baiknya kita mengenal dulu bagian- bagian dari templates blogger, maka sebuah template akan mempunyai tiga elemen penting, yaitu :
• Elemen Header
• Elemen Outer
• Elemen Footer
Untuk elemen Outer di bagi kembali menjadi :
• Elemen main, elemen main ini adalah elemen tempat kita menyimpan posting, jadi apabila kita memposting sebuah artikel maka akan masuk dan di tampilkan pada elemen ini

• Elemen Sidebar, elemen sidebar ini adalah merupakan elemen untuk menyimpan berbagai blog tools ataupun aksesori yang kita inginkan untuk mempercantik blog.

Outer-Wrapper merupakan wadah untuk menyimpan main-wrapper serta sidebar-wrapper. Jadi jika kita ingin menambah kolom baru atau dengan kata lain sidebar baru, maka hal yang pertama wajib di lakukan adalah menambah nilai lebar dari Outer-wrapper itu sendiri

Nah sekarang bagaimana cara melebarkan kolom yang ada pada templates kita, tetapi sekali lagi ingat ini hanya untuk tempalates yang masih asli bawaan dari blogger atau templates minima,

Ikuti langkah2 berikut ini tapi dengan catatan jangan mencentang Expand Widget Template, karena akan muncul kode-kode yang tidak saya mengerti

Nah Langkah pertama cari kode seperti dibawah ini

#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

Ganti 660px menjadi 760px sehingga menjadi seperti bawah ini

#header-wrapper {
width:760px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

cari kode seperti dibawah ini

#footer {
width:660px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}

Ganti 660px menjadi 760px dan scriptnya menjadi seperti dibawah ini

#footer {
width:760px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}

nah untuk wadah nya istilahnya kita sudah memperlebar dari 660px menjadi 760px maka kolom sidebarnya bisa kita tambahin lebar 100px dan untuk menambahkan lebar sidebarnya kita tinggal mencari kode di bawah ini

#sidebar-wrapper {
width: 220px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

ganti 220px menjadi 320px ( atau selebar jumalah yang kita tambah tadi )jika kita ingin menambah lebar lagi tergantung berapa px yang kita tambah saat di #header-wrapper { dan footernya tadi,

jika yang ingin diperlebar main atau kolom utamanya yang biasanya berisi tentang postingan kita, maka kita tingagl cari kode di bawah ini

#main-wrapper {
width: 410px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

Tapi ingat jika kita menambahkan lebar keduanya kita juga harus menambah jumlah px yang kita tambahkan di #header-wrapper, dan footer-wrapernya tadi
ok selamat mencoba , tapi ingat jangan mencoba pada blog utama kita terlebih dahulu, coba pada blog percobaan dulu
semoga berhasil.. pren

Menampilkan Recent Post lewat Feed

2009-01-10T11:12:00.001+07:00

Recent post udah, recent comment udah, pasang buku tamu udah, pasang asal penggunjung udah, trus apa lagi ya, o iya satu lagi ada satu cara untuk menampikan recent post atau postingan terbaru tetapi kali ini dengan cara menggunakan feed

Tidak usah panjang lebar, caranya seperti dibawah ini aja ya

Cara menggunakan Feed:

Pertama masuk Layout -> Element halaman -> Add a Page Element -> Feed kemudian pada Add Url masukan alamat Feed kamu, ada 2 pilihan feed yang bisa digunakan:

Mengunakan Feed Default Blogger
http://NamaBlog.blogspot.com/feeds/posts/default
Feed dengan FeedBurner
http://feeds.feedburner.com/NamaFeedPost

trus ganti warna merah dengan nama blog / nama feed post kamu

Menapilkan komentar terbaru dengan feed

2009-01-10T11:02:00.000+07:00

pada kesempatan yang lain kita sudah belajar bersama bagaimana cara menampilkan koemntar terbaru atau recent post, akan tetapi lewat edit html, nah kali ini kita akan belajar cara menampilkan rencent comment tapi lewat feed

caranya kurang lebih seperti ini :
masuk ke account blogger kita kemudian pilih layout ==> elemen halaman ==> Feed kemudian pada Add Url masukan alamat Feed kamu, ada 2 pilihan feed yang bisa digunakan:

Mengunakan Feed Default Blogger
http://namablog.blogspot.com/feeds/comments/default
Feed dengan FeedBurner
http://feeds.feedburner.com/NamaFeedComment

Jangan lupa mengganti warna merah dengan nama blog / nama feed comment kamu. tulisan ini saya sadur dari www.o-om.com

Membuat tab menu horizontal Yang sederhana

2009-01-08T11:49:00.001+07:00

kadang kita mendapatkan templates yang kita sukai akn tetapi dalam templates itu tidak ada menu tab yang horizontal, yang biasanya kita isi dengan HOME, dan link-link lainya yang seperti dibawah ini ada macam-macam cara yang bisa kita gunakan, mulai dari yang rumit sampai yang sederhana, kita pake yang sederhana aja ya hee coz aku kalo yang rumit-rumit juga pusing, tapi moga-moga tip ini bisa kita pakai seperti biasa kita masuk ke account blogger kita pilih tata letak ==> edit html ===> trus beri tanda centang pada kotak "Expand Widget Templates".

dengan kontrol F kita cari code dibawah ini ya:

<b:section class='header' id='header'
maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true'
title='your blog title (Header)' type='Header'/>
</b:section>

Setelah ketemu ganti tulisan warna merah seperti di bawah ini ya

/<b:section class='header' id='header'
maxwidgets='2' showaddelement='yes'>
<b:widget id='Header1' locked='false'
title='your blog title (Header)' type='Header'/>
</b:section>

udah belum bro? di save ya, tahapan selanjutnya, Klik tab Page Elements, kemudian di daerah header klik Add a page element lalu pilih HTML/JavaScript paste script link tadi di dalam kotak content terus simpan, nha itu kan tempatnya diatas, coba drag kebawah dikit, scipnya ini :

<div id="tabshori">
<ul>
<li><a href="http://cara-ngeblog.blogspot.com"><span>Home</span></a></li>
<li><a href="http://cara-ngeblog.blogspot.com"><span>Trik-Tips</span></a></li>
<li><a href="http://milanistaindonesia.blogspot.com"><span>Info Ac Milan </span></a></li>
<li><a href="http://sugengsetyawan.blogspot.com"><span>My Blog</span></a></li>
<li><a href="http://daftarklasemen.blogspot.com"><span>Serie A</span></a></li>
</ul></div>

Ganti link-linknya dengan link yang kalian tuju serta namanya juga di ganti ya tuh dah tak kasih warna merah, abis itu di save tahapan selanjutnya kita lihat deh, semoga berhasil ya doaku menyertai kalian wekekekek

cara memasang buku tamu ( shoutmix )

2009-01-08T09:00:00.000+07:00

Tips kali ini adalah cara memasang buku tamu pada blog kita, dan kadang kala buku tamu in kita perlukan untuk meninggalkan pesan ke blog yang pernah kita kunjungi
selain bisa digunakan sebagai ajang mencari teman, buku tamu ini juga bisa digunakan untuk mencari penggunjung, dimana hal itu sering kita sebut dengan blog walking

langkah2 nya seperti berikut ini:

kita masuk ke http://www.shoutmix.com/, dimana web tersebur menyediakan layanan untuk kotak buku tamu gratis
pilih create your shout box now dimana letaknya ditengah warna tulisanya hijau
masukan identitas yang diminta, centak kotak bagian kiri bawah yang tulidanya i have read and agree dst itu kemudian klik continue
pilih model yang ada sukai klik continue
kemudian pilih menu place on site, dibagian kanan bawah pilih "go to my control panel now"
banyak sekali pilihan yang ada disitu untuk mengutak-atik warna pilih display, style and color,setelah kita sesuaikan warna tulisan dan kotak dengan warna template kembali ke setting
pilih menu quick strat dan pilih get code, copy bagian bawah tulisan generate code dan letakan di blog kita
lebar dan tingginya dapat kita sesuaikan dengan lebar side bar blog kita dengan cara merubah angka 160 dan 400 nya
selesai deh tinggal di save

semoga tips ini bermanfaat

Cara cepat terindex oleh mesin pencari atau search engine

2009-01-07T13:10:00.003+07:00

Setelah kita memiliki blog, mempercantik atau mengedit blog,dan mengisi content-content yang menarik, kita semua berharap blog kita ini akan menuai banyak penggunjung tau yang sering sidebut kebanjiran trafik,

Ada banyak sekali cara untuk memperkenalkan blog kita ke khalayak umum, atau ke dunia maya, baik secara manual maupun dengan mesin pencari, akan tetapi untuk terindex oleh mesin pencari membutuhkan kerja keras ndan ketelatenen, nah mari kita bahas satu-persatu cara agar masuk ke mesin pencari, dan cara-cara mengenalkan ke khalyak ramai

Untuk cara manual kita bisa melakukan kunjungan dan meninggalkan komen maupaun pesan kita lewat buku tamu, atau istilah kita blog walking,

Untuk mempercepat blog kita dideteksi oleh index mesin pencari bisa kita lakukan melalui mesin untuk memasukan blog kita ke mesin mencari antara lain ke www.mypagerank.net da pilih dan kita daftar disana, dan di situs ini juga menyediakan tool-tool tentang blog

Tapi juga ada cara memasukan blog kita secara manual ke mesin pencari, fungsinya buat apa sih memasukan ke mesin pencari? kebanyakan orang untuk mencari sesuatu biasanya adalah menggunakan mesin pencari semisal google, yahoo, msn dan sebagainya, lah fung si kita memasukan blog kita ke mesin pencari adalah untuk menjaring penggunjung yang membutuhkan artikel maupaun tulisan-tulisan kita,

Berikut ini cara memasukan blog kita di 3 search engine terkemukan yakni google, yahoo dan msn,

Google merupakan rajanya mesin pencari saat ini, karena kebanyakan orang mencari sesuatu di internet menggunakan google, cara meemasukan blogkita adalah masuk ke alamat ini http://www.google.com/addurl/ Kemudian pada formulir pendaftaran Masukan Alamat Blog pada URL dan beri komentar sesuai dengan tema blog anda.

Yang ke dua adalah yahoo, situs ini selain terkenal akan emailnya yahoo merupan mesin pencari ke dua yang sering digunakan oleh para surfer untuk mencari hal-hal di dunia maya, cara memasukan blog kita dengan masuk ke alamat ini jika anda sudak memilikinya account yahoo tinggal klik https://siteexplorer.search.yahoo.com/submit kemudian pada kotak isian pertama silahkan memasukan alamat blog anda,
Contoh : http://www.cara-ngeblog.blogspot.com atau
http://www.namablog.wordpress.com.

Untuk pilihan kedua anda diminta memasukan alamat feed anda

Contoh :Http://www.cara-ngeblog.blogspot.com/atom.xml atau
http://www.namablog.wordpress.com/rss.xml
teruskan dengan submit

Yang terakhir adalah msn, yang termasuk mesin pencari yang paling banyak digunakan, cara mendaftar hampir sama dengan google yakni masuk ke alamat ini http://search.msn.com/docs/submit.aspx?FORM=WSDD2 kemudian anda diminta memasukan kode verifikasi dan memasukan alamat blog anda.

selamat mencoba dan semoga para mesin pencari berpihak kepada kalian semua dan traffic akan membanjiri blog kalian

menghilangkan navbar di blog kita

2009-01-07T11:19:00.007+07:00

kadang kita lihat saat membuka blog, kita melihat ada tulisan yang ada di atas blog kita, apalagi templates yang kta gunakan adalah templates yang masih orisinil dari blogger, tapi kadang juga biarpun templates itu sudah kita ganti navbar itu masih aja ada seperti gambar dibawah ini

nah kalo teman-teman tidak menyukai adanya tampilan tersebut kita bisa menghilangkan navbar itu dengan sedikit langkah mudah, dengan catatan sebenernya cara ini melanggar kode etik atau melanggar kesepakatan dengan blogger, tetapi bila teman-temen memaksa ya ayo kita lakukan heee

masuk blogger account ==> tata letak ===> edit html
cara nya cari kode ini, biar cepet ctrl F

<b:skin><![CDATA[/*

setelah ketemu letakan scrip ini dibawah code diatas

* CSS to hid navigation bar */

#navbar {
height:10px;
visibility:hidden;
display:none;
}

abis itu tinngal kita save aja kita liat blog, gimana udah hilang blm??

cara memasang alexa rank

2009-01-07T10:35:00.006+07:00

Dalam dunia blog kita sering mendengar kata-kata page rank, banyak sekali page rank yang ada selama ini, yang terbanyak digunakan adalah google rank sama alexa,

alexa ini menunjukan seberapa banyak penggunjung yang mapir ke blog kita, semakin tinggi traffic atau semakin banyak penggunjungnya semakin sedikit ranking yang diperoleh blog kita

nah klali ini saya ingin mencoba membantu teman-teman yang belum bisa memasang alexa rank, bagi yang sudah bisa tolong diam saja ( wekekekek )

langkahnya-langkahnya seperti berikut ya anak-anak heee

masuk ke web http://www.alexa.com/ pilih webmaster's corner
pilih widget seperti gambar dibawah ini

akan ada tampilan seperti ini kemudian pilih widget yang kamu sukai, dan masukan alamat blog kalian dan klik build widget

kemudian tinggal copy paste kode yang ada di samping gambar pilihan kalian kemudaian tinggal dimasukan ke blog kita

cara masukan kode tersebut seperti biasanya menambahkan gadget dan pilih html/ javascript, gampang sekali yah heee

Cara memasukan scrip/ HTML dalam postingan

2009-01-07T07:00:00.004+07:00

untuk memasukan java scrip atau html ke dalam postingan, kita tidak bisa langsung memasukan code tersebut ke dalam posting kita, akan tetapi itu memerlukan teknik atau perlakuan kusus agar scrip tersebut dapat tampil dalam postingan kita

ada beberapa cara dalam memasukan code html tersebut dalam postingan, ada cara manual dan cara yang cepat,

masuk ke web ini http://centricle.com/tools/html-entities/ lankah selanjutnya tinggal kita msukin aja scrip yang mau kita posting kemudian klik endcode, jadi deh scrip yang mau kita posting

so ga begitu sulit kan

free templates buat blog

2009-01-06T09:45:00.009+07:00

pada saat kita belajar bersama cara buat blog, sudah tersedia templates dari blog yang asli, akan tetpi tidak banyak pilihnya dan mungkin tidak sesuai dengan pilihan topik yang kita bahas di blog,

untuk membuat teplates sebenarnya bisa kita utak-atik sendiri sehingga bisa sesuai dengan kemauan kita, akan tetapi untuk blogger pemula seperti kita hal ini cukup sulit dan rumit,

tapi tidak usah berkecil hati, karena untuk saat ini banyak sekali diosediakan templates geratis buat blog kita

berikut ini beberapa daftar web yang menyediakan free bloger templates tau template gratis buat kita antra lain :

http://www.eblogtemplates.com/

http://www.finalsense.com/

http://www.blogspottemplate.com/

http://www.geckoandfly.com/blogspot-templates/freshbloggertemplates.blogspot.com/

http://www.gosublogger.com/

http://www.giselejaquenod.com.ar/blog/blogger-templates/

http://template-unik.blogspot.com/
http://www.suckmylolly.com/

http://k2modify.blogspot.com/

http://www.blogcrowds.com/

http://webbietips.blogspot.com/

http://btemplates.com/

http://blogandweb.com/

http://freeskins.blogspot.com/

http://www.template-godown.com/

http://www.ourblogtemplates.com/

http://layout4all.blogspot.com/

http://x-template.blogspot.com/
templatepanic.com

goblogtemplate.com

butikkita.com

sushidating.com
mashable.com

bloggerbuster wishix.com

bloggertrick bloggero.com

Blogspottutorial

bloggermagz

blogtemplate4u.com

nah diatas daftar web yang menyediakan free blogger templates, dan apabila ada teman-teman yang tau web lagi bisa ditabahkan kok di comment heee

Cara membuat tex berjalan

2009-01-06T09:23:00.005+07:00

Setelah kita bisa membuat kotak blog roll, temen-temen pengen ga bisa membuat tex dalam blog kita berjalan?
kalo kepengen nih cara buat kesan berjalan pada tex di blog kita, langkah-langkahnya seperti biasa login dong ke blogger, setelah itu masukan ad gadget dengan script di bawah ini ya :

nah untuk tulisan "up" itu untuk jalanya tulisan, dan bisa kamu ganti left atau right sesuai dengan keinginan kamu

dan misakkan kamu buat untuk model horizontal tinggal dihilangin aja kode <br /&gt
, dan angka 100 itu menunjukan tingginya kotalk yang kamu buat, dan bisa kamu sesuaikan
ok tetap semangat agar kita tetap bisa ngeblog dan jalan-jalan heeee

membuat kotak blogroll

2009-01-06T07:00:00.004+07:00

kita sering melihat blognya para master-master itu ada link temen, yang saking banyaknya apabila di psangkan terus akan kelihatan jelek sekali di side bar kita,
makanya agar link tersebut tidak kelihatan terlalu memakan tempat memanjang, berikut ini ada tips untuk membuat kotak blogroll, dimana hal ini bisa menghemat tempat tanpa harus membuang link teman kita

untuk caranya kita seperti menambahkan gadget lainya akan tetapi scripnya bisa diambail seperti dibawah ini :

untuk besarnya ukuran kotaknya kita bisa mengubah width :160px maupun height 160px disesuakian dengan lebar sidebar kamu dan tingginya sesuai dengan keinginan kamudan gantilah tulisan link-link tersebut dengan link teman-teman kita atau link-link lain yang kita inginkan
dan untuk membuat link teman kita bisa menggunakan format seperti di bawah ini :

<a href="http://cara-ngeblog.blogspot.com" target="blank">CARA NGEBLOG</a>

kemudian ganti http://cara-ngeblog.blogspot.com dengan nama link teman kamu, dan CARA NGEBLOG kamu ganti dengan nama blog teman kamu
nah setelah kita bisa membuat ini kita tidak perlu khawatir lagi untuk menempatkan link-link temen-teman kita tanpa harus menghabiskan tempat di blog kita

menampilkan asal penggunjung blog kita

2009-01-05T15:41:00.006+07:00

Setelah blog kita percantik, dan kita edit sesuai dengan kemauan kita, makan kita tinggal berharap blog kita akan dikunjungi oleh banyak pengunjung

dan kadang kala kita pingin mengetahui dari mana saja penggungjung blog kita berasal, nah banyak sekali cara untuk melihatnya salah satunya dengan cara seperti gambar di bawah ini :

langkahnya kita masuk dulu ke http://feedjit.com/join/ pilih Javascript Widgets, kemudian tinggal kita pilih model yang kita sukai, pilih add to your blogger blog, langkah selanjutnya kita sesuaikan warna gadget tersebut dengan warna tulisan kita atau kita pilih saja yang standrat,

langkah terakhir tinggal kita tambahkan gedget di blog kita dan selesai deh heee, semoga tips ini bermanfaat ya,

Cara menampilkan komentar terbaru ( recent Comment )

2009-01-05T14:17:00.010+07:00

Dalam dunia blog, sering sekali kita mengetahui sebuah artikel di bawahnya sampai ratusan blogger yang memberikan komentar ke tulisan-tulisan kita,

alangkah senangnya jika tulisan kita itu banyak sekali yang komentar, entah karena kontroversinya, karena bagusnya dan lain sebagainya,

trus bagaimana cara kita mengetahui postingan kita di komentrai orang? nah kali ini mari kita belajar bersama bagaimana memunculkan komentar terbaru pada blog kita langkah-langkahnya sebagi berikut :

untuk angka 10 menunjukan jumlah comment terbaru yang ingin ditampilkan,

ganti cara-ngeblog.blogspot.com dengan nama blog kalian

semoga tips diats bermanfaat ya

menampilkan recent post

2009-01-05T10:45:00.006+07:00

dalam blog kadang-kadang kita ingin mengetahui postingan kita terdahulu atau postingan sebelunya, nah kadang kita males untuk mencari di arsip postingan kita perbulan kan, nah ada cara mudah menampilkan postingan kita terdahulu,

cara menampilkan recent post adalah sebagai berikut

seperti biasa kita log in dulu ke account blogger kita, kemudian seperti menanpilkan status ym lankhanya yakni pilih tata letak atau "page element", Masuk ke "Page Element" trus "Add a Gadget --> HTML/Javascript".dan copas scrip dibawah ini :

setelah kita copas scrip diatas jangan lupa menganti CARA-NGEBLOG dengan nama blog kamu dan 10 dengan jumlah postingan yang ini anda tampilkan,

gimana udah bisa to, semoga berhasil ya,

cara menapilkan status ym dalam blog

2009-01-05T10:25:00.007+07:00

Blog bukan hanya sarana kita dalam memuntahkan semua unek-unek yang ada dalam pikiran kita, blog juga bisa menjadikan sarana buat mencari teman
bagai mana bisa ya?? bisa saja banyak sekali blogger yang saling bertukar link blog mereka dan tak sedikit yang bisa berkenalan karena sering berkunjung ke blog satu sama lain,
nah agar teman baru kita tahu alamat ym kita, kita bisa menampilkan status ym kita apabila kita sendang online maupun sedang off,
nah kali ni saya mencoba memberikan tips bagaimana cara menampilkan status ym di blog kita kita simak langkah2 berikut ini ya:
seperti biasa kita logini dulu trus kita klik di tata letak, itu lho seperti kalo km masang "page element", Masuk ke "Page Element" trus "Add a Gadget --> HTML/Javascript".dan copas script dibawah ini :

nah setelah itu ganti tex warna hijau ( ucok ) dengan id yn kamu, dan untuk tex merah ganti no untuk tampilanya,
semoga setelah di tampilkan nya ym kamu di blog teman kamu tambah bayak ya heee selamat mencoba

cara membuat readmore pada postingan

2009-01-05T09:57:00.009+07:00

Sering kita lihat blog yang ada tulisan readmore... di bawah postingan agar kita mengetahui postingan selanjutanya, atau kadang karena panjangnya content yang kita tulisan di blog kita, membuat tampilan blog menjadi panjang dan kurang bagus dilihantnya, untuk memendekanya kita bisa membuat read more atau baca selengkapnya agar postingan kita bisa keliahtan pendek

nah saat ini saya akan mencoba untuk memberikan bagaimana cara kita membuat format read more pada postingan kita, langkah-langkahnya antara lain:

log in ke blogger.com dan kemudian masukan username dan password kita, kemudian kita pilih menu layout, trus klik edit html, dan jangan lupa beri tanda centang pada kotak expand widget template
cari kode dibawah ini : ( <p><data:post.body/></p> )
setelah ketemu ganti scrip diatas dengan scrip dibawah ini :

<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'>Read More......</a></b:if>

dan untuk tulisan readmore bisa di ganti dengan baca selengkapnya atau klik disini untuk melanjutkan dsb

4. setelah itu simpan hasil pengeditan tsb

sampai disitu belum selesai, kemudian pilih menu setting dan klik formating di kotak paling bawah ada tulisan Post Template, disitu kita masukan kode seperti bawah ini :

</span>

kemudian simpan settingan tersebut.

untuk posting, kita pilih edit html kemudian tulisakan abtraksi postingan seperti dibawah ini

abtraksi

postingan penuh
</span>

nah segitu dulu ya selamat mencoba,...

cara posting artikel dan masukan gambar ke blog

2009-01-02T16:15:00.005+07:00

Nah setelah kita menciptakan blog maka langkah selanjutanya yang kita ambil adalah mebuat atau memunculkan tulisan-atau ide-ide kita agar bisa di baca orang lain atau tepatnya agar tulisan yang akan kita buat muncul di blog

langkah-langkah adalah
1. seperti biasa kita log in ke acount blogger kita seperti biasanya

2. Pilih posting dan akan ada tampillan seperti ini

langkah selanjutanya adalah kita menuliskan judul postingan dan konten yang akan kit tampilkan, setelah kita selesai menulis di kotak bawah ada terbitakan entri utuk menapilkan postingan dan ada label itu bisa kita tuliskan tulisan kita itu tentang masalah yang tertentu dan apabila kita posting bahas masalah tersebut lagi maka kita tingal memasukan ke label yang kita buat dulu.

3.dan apabila kita akan memsukan gambar kita bisa klik icon dibawah juduk yang bentuknya seperti gambar pemandangan

kemudian akan muncul gambar

kemudain klik brows apabila kita mau memasukan gambar dari kompuer kita setelah itu ada pilihanya gambar mau di tengah, disamping kanan ataupun disamping kiri, dan ada format kecil menengah dan besar itu untuk ukuranya,

langkah selanjutanya adalah klik unggah gambar atau upload gambar, untuk tata letak tulisan di blog hampir sama dengan di MS world

cara menggati templates pada blog

2009-01-02T15:45:00.005+07:00

tempelates merupakan tampilan yang akan kita pakai sebagai kerangka atau tata letak blog kita, gimana ya jelasinya, hee pokonya templates adalah tampilan yang ada pada blog,
banyak sekali di internet berbagai macam templates geratis buat mengganti templates yang sudah disediakan oleh blogger saat kita pertama kali membuat blog,
kita bisa mecari di mesin pencari dengan key words " free download blogger templates, atau key words template gratis buat blog, disana kita kan dsediakan banyak sekali macam-macam template dimana sesuai dengan tema kita
akan tetapi seringnya saya langsung aja ke www.eblogtemplates.com atau www.btemplates.com
setelah kita dowload templates yang kita rasa cocok pada topik blog kita, download dan save templates tersebut, dan biasanya format filenya adalah rar ataupun winzip, kemudian kita extrac,
dan langkahlangkahnya adalah sebagai berikut
1. kita login ke account blog kita yang telah kita ciptakan tadi
2. kemudia kita pilih tataletak dan pilih edit html
3. dan jangan lupa kita back up dulu template kita dengan cara download templates lengkapnya
4. saatnya kita ganti templates yang telah kita pilih tadi pilih kotak brows kemudian kita cari tempat file templates yang sudah kita extrac tadi cari file yang biasanya bergambar seperti ini

5. setelh itu klik upload atau unggah
6. kemudian simpan tau save setting
tapi patut kita ketahuin adalah sebelum edit blog sebaliknya ganti templatesnya dulu, karena apabila kita telanjur mengedit trus kita ganti templates semua editan kita akan hilang kecuali postingan dan gambar kita
silahkan mencoba untuk mengganti templates ada semoga berhasil

cara setting blog bag 2

2009-01-02T15:21:00.004+07:00

setelah kita setting blog di bagian 1 tadi langkah-langkah awalnya sama seperti yang pertama tadi kemudian kita mula dari setting blog yang selanjutanya seperti berikut:

pilih publikasi : ini berhubungan dengan nama blog anda

Alamat Blog*Spot ⇒ isi dengan nama blog anda. Contoh : cara-ngeblog. Biasanya alamat yang tercantum adalah langsung alamat blog anda, jadi jangan di ubah aja.
Klik tombolSimpan pengaturan. Selesai

pilih Format untuk mengatur menu format

Tampilkan ⇒ pilih angka posting yang ingin anda tampilkan. Missal : Tampilkan : 4atau 5 posting, berarti posting yang akan tampil di halaman blog sobat adalah sebanyak enam posting. Pilih posting (jangan hari) pada menu pulldown.
Format Header Tanggal ⇒ pilih model tanggal/bulan yang anda sukai, Format tanggal/bulan ini akan selalu muncul diatas postingan kita.
Format tanggal Index Arsip ⇒ pilih model untuk peng-arsip-an yang anda sukai.
Format Timestamp ⇒ Pilih bentuk waktu yang anda sukai
Zona Waktu ⇒ Pilih zona waktu yang sesuai. Contoh untuk WIB : [UTC-+7.00]Asia/Jakarta
Bahasa ⇒ Pilih bahasa yang di inginkan
Tampilkan Field judul ⇒ Pilih ya atau tidakpun tidak apa-apa
Tampilkan kolom link ⇒ pilih ya, tapi seandainya pilih tidak juga tidak apa-apa
Aktifkan perataan float ⇒ pilih ya, tapi seandainya mau pilih tidak juga tidak apa-apa
Klik tombol Simpan Pengaturan. Selesai

Klik Komentar Untuk mengatur menu komentar :

Komentar ⇒ pilih tampilkan, ini agar artikel anda dapat di komentari oleh pengunjung
Siapa yang Bisa Berkomentar ? ⇒ Pilih Siapa pun - termasuk Pengguna Anonim. Ini di maksudkan agar setiap orang bisa berkomentar tidak terbatas kepada anggota blogspot saja.
Default Komentar untuk Posting ⇒ pilih Posting baru memiliki komentar
Link balik ⇒ Pilih tampilkan. Ini dimaksudkan agar kita mengetahui apabila ada yang memasang link pada artikel kita.
Default Link Balik untuk Posting ⇒ pilih Posting baru Memiliki Link Balik
Format Timestamp Komentar ⇒ pilih format jam yg singkat. Contoh: 8.00 PM.
Tampilkan komentar dalam sebuah window popup? ⇒ pilih Ya. Supaya ketika di klik oleh pengunjung, halaman blog anda tidak menghilang/tertimpa halaman komntar.
Aktifkan moderasi komentar? ⇒ pilih Tidak (sebaiknya).
Tampilkan verifikasi kata untuk komentar? ⇒ pilih Ya. ini di maksudkan agar terhindar dari software robot dengan tujuan melakukan spam.
Tampilkan gambar profil dalam komentar? ⇒ pilih ya. Supaya gambar komentator yg punya id blogger, dapat menampilkan fotonya.
Email Pemberitahuan Komentar ⇒ isi dg alamat email anda, ini di maksudkan agar setiap ada yang berkomentar pada artikel anda, anda dapat kiriman email dari blogger.com sebagai pemberitahuan.
Klik tombol Simpan Pengaturan. Selesai

Klik Arsipkan Untuk mengatur menu Arsipkan

Frekuensi Arsip ⇒ pilih Bulanan
Aktifkan Halaman Posting? ⇒ pilih ya
Klik tombol Simpan Pengaturan . Selesai

Klik Fedd Situs untuk mengatur menu feed situs

Izinkan Feed Blog ⇒ pilih Penuh

setelah kita setting blog siap untuk dluncurkan heeee

bagaimana cara setting blog bagian 1?

2009-01-02T15:04:00.006+07:00

setelah kita menciptakan blog, langkah selanjutanya adalah bagaimana cara menyetting blog kita agar tampilan maupun isinya jadi menarik serta blog kita akan dikenali oleh search engine seperti yahoo.com google.com msn.com dan macam-macam mesin pencari lainya
dan berikut ini langkah-langkah untuk menyeting blog untuk permulaan :

login dulu ke blogger.com, dengan user name dan password yang telah ada buat saat kita menciptakan blog tadi
kita akan melihat banyak menu diatas
Klik Pengaturan, trus klik Dasar. Beberapa form yang harus di isi pada menu Dasar :

Judul ⇒ isi dengan judul blog sobat. Contoh : tips & tutorial blog bagi pemula
Uraian ⇒ isi dengan deskripsi blog sobat. Contoh : blog ini ditujukan buat teman-teman blogger yang benar-benar pemula
Tambahkan blog Anda ke daftar kami? ⇒ pilih ya agar setiap posting kita selalu masuk di daftar Blogger.com.
Biarkan mesin pencari menemukan blog Anda? ⇒ pilih ya
Tampilkan Editing Cepat di Blog Anda? ⇒ pilih Ya
Tampilkan Link Posting Email? ⇒ Sebaiknya pilih ya, tapi pilih tidak juga tidak apa-apa
Konten Dewasa? ⇒ Pilih tidak. Kalau pilih ya berarti blog anda di anggap blog untuk dewasa (semacam blog porno)
Tampilkan Mode Compose untuk semua blog Anda? ⇒ pilih Ya
Aktifkan transliterasi? ⇒ pilih Tidak, jika anda ingin ada button untuk mengubah biasa ke hurup hindi (India), pilih ya jika sebaliknya)
Klik tombol Simpan Pengaturan . Selesai

bersambung yaa

cara membuat blog buat pemula

2009-01-02T14:46:00.005+07:00

Blog merupakan media yang banyak banget digunakan oleh para penggemar internet, selain media ini geratis, kita juga bisa menggunakan blog sebagai catatan pribadi kita yang bisa di publikasikan
akan tetapi tidak banyak yang bisa membut blog, padahal diluar sana banyak sekali buku-buku yang menjual tentang bagaimana membuat blog,
walaupun masih pemula saya berusaha membagi ilmu buat para blogger ( sebutan untuk pecinta blog) yang benar-benar masih pemula dan benar-benar belum menguasai atau blm mengerti tentang blog
dengan rasa penuh hormat n tanpa merasa pintar, saya akan memberikan tutorial tentang blog
Seperti halnya e-mail, dalam membuat blog pun kita harus mempunyai sebuah account terlebih dahulu, oleh karena itu silahkan daftarkan diri anda terlebih dahulu di free blog provider (penyedia hosting/domain blog gratis). Free blog provider sangatlah banyak terdapat di internet dan beberapa yang populer saat ini adalah http://www.blogger.com/www.blogger.com, http://www.wordpress.com/ serta http://blogsome.com.
Dalam kesempatan kali ini saya akan mengulas tentang cara pembuatan blog di http://www.blogger.com, Silahkan anda klik gambar dibawah untuk mendaftar.

Setelah anda berada pada situs blogger.com, anda akan melihat gambar seperti gambar di atas. Silahkan lakukan langkah-langkah berikut ini :

1. Klik tanda anak panah yang bertuliskan " CIPTAKAN BLOG ANDA "
2. Isilah Alamat Email dengan alamat email anda (tentunya yang valid)
3. Isikan kembali alamat email anda tadi pada form Ketik ulang alamat email
4. Tuliskan password yang anda inginkan pada form Masukkan sebuah password
5. Isikan kembali password anda tadi pada form Keyik ulang sandi (password)
6. Isi Nama Tampilan dengan nama yang ingin anda tampilkan
7. Tulis tulisan yang tertera pada form Verifikasi Kata. Beri tanda tik/cek pada kotak di pinggir tulisan Saya menerima Persyaratan dan Layanan.
8. Klik gambar anak panah yang bertuliskan "LANJUTKAN"
9. Tuliskan judul blog yang anda inginkan (nanti bisa di rubah lagi) pada form Judul Blog
10.Tulis nama situs anda pada form Alamat Blog (URL)
11.Tulislah tulisan verifikasi yang ditampilkan pada form Verifikasi kata, jika sudah selesai klik gambar panah yang bertuliskan "LANJUTKAN".
12.Pilihlah gambar (template) yang anda inginkan (nanti bisa di rubah lagi), kemudian klik gambar anak panah yang bertuliskan "LANJUTKAN"
13.Setelah keluar tulisan "Blog Anda telah di iptakan". Klik gambar panah bertuliskan "MULAI POSTING". Silahkan anda tuliskan semau anda, jika sudah selesai klik tombol "MEMPUBLISKAN POSTING".