Tutorial Blog for Stylish Blogger: Agustus 2011

Bagi sobat blogger yang membutuhkan tools dan aplikasi buat memperindah blognya BEN_TOOLS

Buat kawan yang mau pasang iklan Silahkan hubungi pada halaman kontak yah...xixixi.

Tempatnya free download mp3 terlengkap Fortysix Mp3 dan bisa pesan pula. Pokok`e top margot top

Your ads here!!!

Assalamu'alaikum Wr Wb - Selamat datang di Blog berat dan aneh ♥ Semoga tidak mengurangi sobat untuk menjamahnya. Sssttt...MOZILLA pakainya yah...! Eit!!! Mampir lagi ya huehuehue. This is blog looks better in FIREFOX. Get MOZILLA™ Happy blogging - Wassalamu'alaikum Wr Wb ☺

▼ ▲

Back To Tutorial Post after Ramadhan

2 Komentar

Tidak terasa bulan penuh rahmat dan barakah telah kita lewati, semoga tahun berikutnya kita diijinkan kembali menemui bulan Ramadhan (Insya Alloh SWT) Tak lupa Beben Koben si bloglang anu ganteng kalem tea kembali mengucapkan maaf lahir & bathin kepada seluruh sobat-sobat blogger di dunia, khususnya kepada agan/aganwati pelancong setia ke blog ini :)
Untuk pemanasan membuka lembaran awal mengenai tutorial blog penuh gaya (full stylish for blogger) Koben akan berbagi trick or tut's pilihan dicomot dari sobat blogger in the world :D
Yang pertama membuat tabs menggunakan CSS 3! Dengan hadirnya variabel CSS3 transition dan transform membuat tab dengan penggunaan CSS lebih terasa lembut :"> Judul asli "Variante de pestañas usando sólo CSS" karya master @vagabundia dirasakan dapat mewakili sobat yang memang lagi mencari tab dengan menggunakan CSS. Like this...

Pertama

Tutorial blog for full stylish blogger...
Lorem ipsum vix id kasd adhuc dignissim, eum ad dico audire mediocritatem, te iisque tritani efficiendi has. Ne quo justo docendi. Cum ea quando placerat, eirmod latine erroribus mei ei, quo mazim appetere et. Munere aliquid vis ea. Te congue ullamcorper per. Dicat dolores eu duo. Quas labitur volumus te duo, at per sonet detraxit. Sed da sine vocabulario, il magazines interlinguistica web. Al duo tote synonymo finalmente.
Freedom of expression and system of brains...

Kedua

Kunyah ampe lembut.

Ketiga

Silahkan sobat satroni guna mendapatkan ramuannya . Kalau mau pakai yang kayak demo Koben silahkan sikat (background aku jadiin abu-abu) :P

Code Modify by Beben Koben

Masih datang dari master JMiur, kali ini tutorial mengenai cara membuat galeri image menggunakan Transform Effect. Artikel sebelumnya tentang trik serupa pernah aku sharing juga loh . Bedanya kali ini hanya pada susunan gambar. Master JMiur membuatnya menjadi menumpuk-numpuk. Seperti:

Sok mangga dilihat bagaimana cara mebuatnya ya ;))
Terakhir Koben ganteng mau berbagi dari salah satu sobat yang cukup lumayan aktif di beberapa web/blog, memberikan ilmunya guna dunia blogging khususnya platform blogspot. dengan sentuhan gambar gelembung-gelembung sehingga terlihat full stylish b-) Kayak ngene...

ORANGE GREEN BLUE
Sok mangga diacak-acak blog kepunyaan master Mukund mengenai Animated Bubble Buttons Using CSS3 On Blogger :-bd
Demikian artikel pembukaan dari Beben Koben si bloglang anu ganteng kalem tea setelah kita merayakan hari kemenangan penuh barakah. Semoga bermanfaat :)
Happy blogging \m/

▼ ▲

SELAMAT HARI RAYA IDUL FITRI 1432H

6 Komentar

MTV bilang kalo mo minta maaf ga usah nunggu lebaran.
Orang bijak bilang kerennya kalo minta maaf duluan.
Ust. Jefri bilang orang cakep minta maaf gak perlu disuruh.
Kyai berkata orang jujur Ga perlu malu utk minta maaf.
Jadi karena gue merasa anak nongkrong yg jujur, keren cakep dan baek...
Ya gue mengucapin Minal 'aidzin Wal Faizin, Mohon Maaf lahir dan Bathin.

ѕєвєℓαѕ вυℓαη кιтα кєנαя ∂υηια,
кιтα υмвαя ηαƒѕυ αηgкαяα.
ѕєвυℓαη ρєηυн кιтα gєℓαя ρυαѕα,
кιтα вαкαя ѕєgαℓα ∂σѕα.
ѕєвєℓαѕ вυℓαη кιтα ѕєвαя ∂єηgкι ∂αη ρяαѕαηgкα,
ѕєвυℓαη ρєηυн кιтα тєвαя кαѕιн ѕαуαηg ѕєѕαмα.
∂υα вєℓαѕ вυℓαη кιтα вєякєℓυ кєѕαн ρєηυн ѕαℓαн ∂αη кнιℓαƒ,
∂ι нαяι ѕυ¢ι ηαη ƒιтяι ιηι, кιтα ¢υ¢ι нαтι, кιтα вυкα ριηтυ мααƒ.
ѕєℓαмαт 'ι∂υℓ ƒιтяι, мσнση мααƒ ℓαнιя ∂αη вαтнιη.

WaLaUpUn oPeRaToR SiBuK & SmS PeNdInG TeRuS,
kAmI SeKeLuArGa tEtAp kEkEuH MeNgUcApKaN
SeLaMaT IdUl fItRi, MoHoN MaAf lAhIr & bAtHiN.

Waktu mengalir bagaikan air
Ramadhan suci akan berakhir
'tuk salah yg pernah ada
'tuk khilaf yg sempat terucap
Pintu maaf selalu kuharap
Met Idul Fitri Yeee

взδцб тlдн δiтдвцн, бзмд тдквiя illднi мзмвдндид мзичдмвцт ндяi чдиб fiтяi. sзlзрдs ядмдδнди sзмøбд мцтiдяд кзsдвдяди & кзiмдиди sзlдlц тзятдидм δдlдм δiяi. sзндямøиi δзибди бзløмвдиб кзнiδцрди чб тдк sзlдlц δдтдя. мiидl 'дiδziи щдl fдiδziи. мøнøи мддf lднiя & вдтiи.

Sejalan dengan berlalunya Ramadhan tahun ini
Kemenangan akan kita gapai
Dalam kerendahan hati ada ketinggian budi
Dalam kemiskinan harta ada kekayaan jiwa
Dalam kesempatan hidup ada keluasan ilmu
Hidup ini indah jika segala karena ALLAH SWT
Beben Koben menghaturkan
Selamat Hari Raya Idul Fitri
Taqobalallaahu minna wa minkum
Mohon maaf lahir dan bathin.

n0 (4rd, n0 k37up47, n0 p4r(31, ju57 5m5 r3pr353n75 3v3ry7h!n9. h4ppy !3du1 f!7r!3, m44f 14h!r 847!n.

Andai jemari tak sempat berjabat, andai raga tak dapat bertatap
Seiring suara bedug yg menggema, seruan takbir yg berkumandang
Kuhaturkan salam menyambut Hari raya 'idul fitri, jika ada kata serta khilafku
membekas lara, mohon maaf lahir batin.
SELAMAT IDUL FITRI.

Faith makes all things possible.
Hope makes all things work.
Love makes all things beautiful.
May you have all of the three.
Happy Iedul Fitri.

A square has 4 ends,
A triangle has 3 ends,
A line has 2 ends,
Hope our silaturahmi has no end's
Minal 'aidin wal faidzin. to all of you.

Taqballaahu Wa Minna Wa Minkum Wa Siya Manna Wa Siya Makum

▼ ▲

Menghias Blog Menjelang 'Idul Fitri

4 Komentar

Hari Raya 'Idul Fitri tinggal hitungan jam. Bulan penuh rahmat dan berkah Ramadhan akan kita lewati. Apakah diri kita ini sudah pantas untuk kembali menerima kesucian seorang bayi! Tanyakan pada hati kecil sobat masing².
Sebelum memasuki hari suci, ada baiknya kita para blogger menghias blog tercinta dengan ucapan-ucapan indah, aksesoris gambar kaligrafi, masjid, ketupat dan lain sebagainya... Artikel Beben Koben si bloglang anu ganteng kalem tea sebelumnya mengenai screensaver pure with css3 bisa jadi satu alternatif hiasan pada blog kita :D Contoh bisa dilihat pada blog dummies aku mbah google ^{kalau masih terpasang} Bagi kawan yang masih mempertahankan widget sebagai hiasan blognya bisa melirik ramadhan widget.

Koben kasih THR nih tunjangan hari raya berupa 6 web/blog penyedia widget full stylish thr gadget :D
'Idul Fitri pasti bakalan banyak sobat yang mudik ke kampung halamannya. Blog/web ditinggal lumayan cukup lama, oleh karena itu carilah backlinks sebanyak mungkin agar bisa aman ;))

Ketikan keywords "BACKLINKS" pada kotak search blog ini!!!
Berikut beberapa tambahan blog/web penyedia backlinks

http://backlinkcity.blogspot.com/2011/08/submit-link.html
http://backlink-4u.blogspot.com/2010/05/submit-new-link.html
http://label-link.blogspot.com/2009/03/tukar-link-ala-label-link-network.html
http://beben-koben.blogspot.com/2010/12/get-free-your-referrer-list.html
http://beben-koben.blogspot.com/2011/08/get-backlink-widget-by-plipeo.html

Label link Network Backlink

Blog sudah terhias indah menyambut hari raya 'idul fitri, posisi blog disearch engines aman (minimal nongkrong) karena punya backlink berlimpah, sobat dengan hati tenang tinggal merasakan kenikmatan liburan panjang & habiskan itu thr :))

Satu lagi trik hiasan menyambut hari suci penuh kemenagan bagi blogger gaya is stylish blogger b-) Biar instant, cepat tanpa tetek-bengek yang merepotkan masukin semua ramuan kedalam Add a Gadget ► HTML/Javascript
Kita akan membuat trick hiasan menghias webblog dengan tampilan layaknya !

<script type="text/javascript">

	function tutup_msg(){

		if(document.getElementById){				

			document.getElementById('kotak_pesan').style.visibility = 'hidden';

		}else{

			if(document.layers){

				document.kotak_pesan.visibility = 'hidden';

			}else{

				document.all.kotak_pesan.style.visibility = 'hidden';

			}

		}

	}

</script>



<style type="text/css">

#kotak_pesan {

top: 0;

left: 0;

height: 5%;

width:100%;

color: #55CCFF;

z-index: 10;

position: fixed;

margin: 0;

padding: 10px 0 0 0;

border-bottom: 3px solid #a00;

text-align:center;

font-size: 25px;

font-weight: bold;

font-family: "Monotype corsiva", Arial, Comic Sans MS;

background: #333 url(http://your-image-background-here.jpg);

}



#tutup_message {

float: right;

cursor: pointer;

margin: 10px 15px;

}

</style>



<div id="kotak_pesan">

Selamat Hari Raya 'Idul Fitri, Mohon Maaf Lahir dan Bathin Sobat-sobat Beben Semuanya ^_^

<img title="Close" id="tutup_message" src="http://blogger.com/img/close.png" onclick="javascript:tutup_msg();" />

</div>

Ganti tulisan pesan sesuai kebutuhan :)
Semoga bermanfaat :)
Happy 'Idul Fitri \m/

▼ ▲

Snippet CSS Code Widget Plipeo

7 Komentar

Bagaimana para sobatku tercinta apa sudah pada memasang Widget By Plipeo! Yeee kenapa pada belom memasangnya ih. Itu baik sekali untuk meningkatkan pengunjung (traffic) dan mendapat backlinks berkali-kali lipat [-( Hampir blogger dari Indonesia ada disana loh. Beben Koben si bloglang anu ganteng kalem tea juga sudah mendaftarkan blog disana :-"
Ngomong-ngomong widget yang diberikan nanti berupa gambar yang diacak setiap kali reload, Koben cuma mau berbagi sedikit kode snippet agar bisa tampil super look dengan sentuhan efek border radius :D Bagi agan & aganwati yang sudah mendaftar dan di approve oleh pihak Plipeo, klik pada bagian tab yang bertuliskan Widget Anda (Your Widget).

Lakukan seting sesempurna mungkin guna mengambil script gadget yang akan diberikan.

Tulisan Widget code itulah scriptnya sob, ambil dan pastekan di notepad terlebih dahulu :) Mari kita mulai menginfus snippet code...cusss

Setelah script didapatkan hasil seting sana-sini, like this default script

<script type="text/javascript" src="http://plipeo.com/widget/30/0/3/2/140/bottom/transparent/006b9b/Tahoma|1.2em|0.04em|13px|100%25|1px|1px|c0c0c0|center|top|square|1,2,7,6,5,9,3,4" charset="utf-8"></script>

Grab ambil link script yang diberi warna biru, kemudian pastekan di address bar browse. Hasilnya akan tampak seperti

Gambar runyam, kesalahan bukan pada mata/monitor anda :D

Ketik pada keyboard Ctrl + U (view page source) Terdapat deretan tulisan document.write, perhatikan yang paling bawah ya!!! Scroll ke kiri secara perlahan dan temukan atribut unique id class urutan pertama.

document.write('<table cellspacing="5" cellpadding="3" style="width:100%; overflow:hidden; border:0px solid #cccccc; background-color:transparent; 

margin:0 auto;" class="daaebfdfececfaa">');

Kalau sudah melakukan tahapan diatas, sobat hanya perlu menuliskan script widget Plipeo menjadi

<style type="text/css">

.daaebfdfececfaa {

background: #555;

border-radius:10px;

-moz-border-radius:10px;

-webkit-border-radius:10px;

}

</style>



<script type="text/javascript" src="http://plipeo.com/widget/30/0/3/2/140/bottom/transparent/006b9b/Tahoma|1.2em|0.04em|13px|100%25|1px|1px|c0c0c0|center|top|square|1,2,7,6,5,9,3,4" charset="utf-8"></script>

Tulisan warna merah & berkedip itu merupakan unique id class.
Jangan merubah kode yang ada di dalam script secara manual. Kalau sobat tetap nekat merubah secara manual kode yang ada didalam script, maka harus mulai lagi langkah-langkah mendapatkan kode CSS (unique id class) snippet dari awal lagi seperti diatas [-X

Ternyata setiap kali kita melakukan Add Postingan, disortir dulu ama yang punya WEB...ck ck ck Menarik ternyata, tidak bisa sembarangan nih sob. Content is King berlaku disana!!!

Good luck :)
Happy snippet \m/

▼ ▲

Get Backlink & Widget By Plipeo

5 Komentar

▼ ▲

Memasang AddThis Link with Fixed Position

2 Komentar

Tak ada rotan akar pun jadi. Tidak menemukan tutorrial keren, trik ringan pun jadi satu postingan menawan sob :D :"> Kali ini AA Beben Koben si bloglang anu ganteng kalem tea akan mengulas 1 teknik lawas mengenai posisi CSS. Sobat blogger sudah tentu mengenal dengan atribut absolute, fixed, relative, static, inherit, left, right, top and bottom! Itu merupakan variabel yang bisa kita gunakan dalam memainkan posisi CSS. Buka halaman berikut guna membaca dan praktek atribut diatas CSS Positioning by w3schools :)
Tinggal memberi sentuhan keindahan kreasi masing² sudah bisa didapatkan karya CSS dengan posisi yang kita inginkan :x

Kesempatan kali ini Beben akan membagi cara membuat link berbagi dari web AddThis.com dengan menggunakan attribute CSS posisi fixed.
Sediakan sebuah gambar bertemakan bintang (atau terserah) dengan resolusi 27 x 27 px Sobat harus sudah memiliki account di web share addthis.com. Itu saja bahan² yang kiranya akan kita pakai. Untuk bahan² membuat kue lebaran, cari sendiri di google search...buanyak =))

Arahkan cursor ke star image di sebelah kiri monitor and see what happen there :P

Kode for Fixed Position Trick

<style>

.share_link {

	right: 0;

	top: 250px;

	width: 45px;

	height: 50px;

	z-index: 100;

	position: fixed;

	background: #FF6D4C;

-webkit-border-top-left-radius: 15px;

-webkit-border-bottom-left-radius: 15px;

-moz-border-radius-topleft: 15px;

-moz-border-radius-bottomleft: 15px;

border-top-left-radius: 15px;

border-bottom-left-radius: 15px;

}

.link_share {

	display: block;

	cursor: pointer;

	background: url(http://link-gambar-bintang.png) no-repeat;

	width: 27px;

	height: 27px;

	text-indent: -999em;

	margin: 11px auto 0 auto;

}

</style>



	<div class="share_link">



	<!-- AddThis Button BEGIN -->



	<a class="addthis_button link_share" href="https://www.addthis.com/bookmark.php?v=250&amp;username=bebenkoben">Bookmark and Share</a>

	<script type="text/javascript">

	var addthis_config = {

		data_track_clickback: true,

		services_compact: 'google, facebook, twitter, digg, stumbleupon, delicious, reddit, email, favorites, more',

		services_exclude: ''

	}

	</script>



	<script type="text/javascript" src="https://s7.addthis.com/js/250/addthis_widget.js#username=bebenkoben"></script>

	

<!-- AddThis Button END -->



</div>

Masukkan semua bumbu via Add a Gadget ► HTML/Javascript
NB:
Kode yg diberi warna tinggal diganti sesuai selera sobat. Terutama kode yg berwarna merah, gantikan dengan ID account AddThis kalian!
Semoga bermanfaat :)
Happy blogging \m/

▼ ▲

Adira Asuransi Kendaraan Terbaik Indonesia

13 Komentar

Alloh SWT menurunkan Al-Qur'an ke dunia agar umat manusia dapat hidup dalam naungan cahaya Ilahi berjalan di jalan yang lusur dan di ridhoi. Manusia kini membuat satu sistem serupa dengan tujuan melindungi kepemilikan barang mewah jika sewaktu-waktu terjadi hal yang tidak diinginkan. Human error, kecelakaan, kebakaran, kehilangan dan lain sebagainya merupakan beberapa hal tak diinginkan bagi para pemilik barang.
Asuransi adalah satu sistem buatan bertujuan mengalihkan pertanggungjawaban dari pihak utama ke pihak lain (Adira Insurance Co.), diatur dengan aturan-aturan/prinsip-prinsip yang berlaku.

Asuransi atau pertanggungan adalah suatu perjanjian dengan mana seorang penanggung mengikatkan diri kepada seorang tertanggung, dengan menerima suatu premi, untuk penggantian kepadanya karena suatu kerusakan atau kehilangan keuntungan yang diharapkan yang mungkin akan dideritanya karena suatu peristiwa yang tidak tentu.KUHD pasal 246

Adira Asuransi Kendaraan Terbaik Indonesia

Adira Insurance didirikan pada tanggal 24 Januari 2002, hadir di tengah kompetisi perusahaan asuransi lain dengan menawarkan produk-produk unik sesuai dengan kebutuhan pelanggannya serta nilai tambah yang saling menguntungkan :D

Mempunyai barang mewah tanpa bayang-bayang akan kehilangan, kerusakan bahkan mungkin musnah dari genggaman kita idaman setiap pemilik (konsumen) Tak ada satu manusia dibumi ini yang dapat menghindari musibah! Alloh SWT menciptakan manusia untuk menerima ujian. Asuransi Adira mencoba menjawab tantangan global tersebut guna meringankan beban musibah yang terjadi kepada para pemilik barang.
Dengan 4,5 juta unit aktif, ribuan agen tersebar, ± 38 outlet telah beroperasi di jagat Indonesia PT Asuransi Adira Dinamika terlahir menjadi salah satu perusahaan asuransi terbaik.

Adira Asuransi Kendaraan Terbaik Indonesia hampir memberikan semua produk asuransinya di berbagai aspek. Produk asuransi utama yaitu guna kendaraan bermotor pihak Adira Insurance menciptakan produk dengan nama asuransi mobil Autocillin (Autocillin Classic & Autocillin Ikhlas). Produk asuransi lainnya meliputi aspek kecelakaan & kesehatan, kerangka kapal, alat berat, properti, perjalanan, pengangkutan, tanggung dan gugat dan sebagainya :P (bukan karyawan, jadi 'nggak tauk cemua) ;))

Dengan modal, komitmen, kinerja, sumber daya manusia serta intra dan ekstra struktur lainnya adira asuransi kendaraan terbaik Indonesia menegaskan keselamatan adalah segalanya.

”I Wanna Get Home Safely! (IWGHS)”
Dengan hadirnya satu lagi perusahaan asuransi terbaik di Indonesia, mari kita gunakan jasa perusahaan Adira Asuransi dengan adil dan bijaksana. Jangan mentang-mentang ada jaminan dari fihak asuransi kita menyelewengkan dengan bermain licik/curang demi kepentingan ego sesaat jasa yang ada :)
Ingat Alloh SWT Maha Melihat & Mengetahui apa-apa yang dilakukan oleh umatnya. Begitu juga Adira Asuransi Kendaraan Terbaik Indonesia mempunyai aturan, teknik, dan agen mata-mata (spyder agent-man) yang siap melumpuhkan praktek kecurangan yang terjadi :D

Dukung Beben Koben si Bloglang anu ganteng kalem tea yaaa di kontes SEO Adira Asuransi Kendaraan Terbaik Indonesia :)

▼ ▲

PostTicker json

<script type='text/javascript'>

//<![CDATA[

// Ticker startup

var theCharacterTimeout = 45;

var thePostTimeout = 5000;

var theWidgetOne = "_";

var theWidgetTwo = "-";

var theWidgetNone = "";

var theLeadString = "RECENT POSTS:&nbsp;";

var thePostTitles = new Array();

var thePostLinks = new Array();

var objPost;



//var thePostCount = 4;



function  PostTicker(json){

		//Ticker data collection

		try{

			for(var post = 0; post < thePostCount; post++){

				objPost = json.feed.entry[post];

				thePostTitles[post] = objPost.title.$t;

				//thePostLinks[post]	= json.feed.entry[post].link[post].href;

				for (var nCounter = 0; nCounter < objPost.link.length; nCounter++)

			{

              	if (objPost.link[nCounter].rel == 'alternate')

			{

               thePostLinks[post] = objPost.link[nCounter].href;

                                        break;

	}

}

}

			thePostTitles[post] = "Post Ticker";

			thePostLinks[post] = "http://beben-koben.blogspot.com";

			thePostCount++;

		}catch(exception){

			alert(exception);

		}

		startPostTicker();

}

//Ticker Startup

function startPostTicker()

{

// Define run time values

  theCurrentPost = -1;

  theCurrentLength = 0;

  // Locate base objects

  if (document.getElementById) {

      theAnchorObject = document.getElementById("TickerPost");

		runTheTicker();

  }

  else {

      document.write();

		return true;

  }

}

// Ticker main run loop

function runTheTicker()

{

  var myTimeout;

  // Go for the next post data block

  if (theCurrentLength === 0)

  {

      theCurrentPost++;

      theCurrentPost = theCurrentPost % thePostCount;

      thePostTitle = thePostTitles[theCurrentPost].replace(/&quot;/g, '"');

      theTargetLink = thePostLinks[theCurrentPost];

      theAnchorObject.href = theTargetLink;

      thePrefix = " + theLeadString + ";

  }

  // Stuff the current ticker text into the anchor

  theAnchorObject.innerHTML = thePostTitle.substring(0, theCurrentLength) + whatWidget();

  // Modify the length for the substring and define the timer

  if (theCurrentLength != thePostTitle.length)

  {

      theCurrentLength++;

      myTimeout = theCharacterTimeout;

  }

  else

  {

      theCurrentLength = 0;

      myTimeout = thePostTimeout;

  }

  // Call up the next cycle of the ticker

  setTimeout("runTheTicker()", myTimeout);

}

// Widget generator

function whatWidget()

{

  if (theCurrentLength == thePostTitle.length)

  {

      return theWidgetNone;

  }

  if ((theCurrentLength % 2) == 1)

  {

      return theWidgetOne;

  }

  else

  {

      return theWidgetTwo;

  }

}

//]]>

</script>



<strong>Recent Post : </strong> <a id="TickerPost"></a>



<script type='text/javascript'>

  var thePostCount = 10;

  var nScrollDelay = 175;

</script>



<script src="http://YOUR-NAME.blogspot.com/feeds/posts/default?alt=json-in-script&amp;callback=PostTicker"></script>

Ganti URL blog dengan link blog masing² :)

Resourcenya lupa dari mana ;)) muuf :D
Happy recent post \m/

▼ ▲

Dirgahayu Republik Indonesia

2 Komentar

▼ ▲

Trick dan Tips SEO Search Engine Optimization

2 Komentar

Dengan keberanian nekat, berubahlah title blog ini dari Prodigy of Head menjadi Tutorial Blog for Stylish Blogger ;)) Merenung & menimbang sampai terbesit di otak ternyata memang teramat susah jika konten dengan judul berbeda arah (khusus subdomain) buat bergelut di mata search engines! Buat sobat blogger yang baru akan membuat blog, harap diperhatikan title/judul blog tersebut. Karena pengaruhnya cukup besar di index search engines.
Siapa yang tidak menginginkan web/blog site kita berada pada urutan tertinggi di Google, Yahoo, Bing, atau search engine yang lain? Yang sobat perlu lakukan tidak lain yaitu menjalankan teknik Search Engine Optimization (SEO) Berbagai macam technique SEO beredar, dari tingkat memusingkan kepala sampai tingkat so what gitu loh...egp :D

Dengan menerapkan teknik SEO, blog/web site akan berada di posisi puncak. Posisi teratas secara tidak langsung akan mendatangkan banyak pengunjung. Kita tidak akan membahas hal tersebut! Mari renungkan sebentar teknik skill SEO berikut...
Coba sobat ketikan keyword "click here" pada kotak google search, lihat situs apa yang muncul? Get Reader Adobe? Timbul pertanyaan...mengapa? Padahal kalu kita tengok kedalam web tersebut teidak ada kata click here!!! Kenapa bisa begitu hayo???

Teknik SEO yang beben koben si bloglang anu ganteng kalem tea pernah baca ada dua jenis, yaitu ON Page dan Off Page.

SEO On Page

Teknik SEO on page ini meliputi (diatas tadi) memberikan judul blog/web yang tepat, keyword cukup tidak berlebihan, mentautkan link dengan kata kunci, tebalkan huruf (bold), miringkan huruf (italic) or etc agar search engines membaca blog/web kita itu bagus (good content) :x
Adapun beberapa tips teknik on page yang bisa kita coba:

Fokus sejenak pada kata kunci (keyword) tujuan, pikirkanlah kira-kira orang akan memasukkan kata kunci apa di Google atau Yahoo yang tepat untuk web/blog site kita.
Pakailah judul/title berisi keyword.
Sisipkan keyword 5 – 10 kali di isi postingan kita.
Gunakan atribut ALT (untuk link image) dan usahakan berisikan keyword.
Hiasilah tulisan dengan variasi hurup tebal, miring, garis bawah, corat-coret atau lainnya pada kata kunci.
Cari sendiri lebihnya :P

SEO Off Page

Teknik off page SEO yaitu yang meliputi membangun link (link building) sebanyak mungkin ke arah blog/web kita.

Sobat bisa lakukan tukaran link dengan teman, memasang link pada halaman-halaman situs jejaring ex: facebook, twitter, friendster,...comment, buku tamu dan sebagainya. Semakin banyak link yang mengarah ke blogsite kita, maka pagerank akan semakin tinggi. Semakin tinggi pagerank berarti semakin besar kemungkinan blogsite kita berada di urutan teratas search engine.

Perhatikan dalam membuat anchor text ketika menuliskan link ke arah blog-site kita! Masih ingat kenapa dengan hanya mengetikan "click here" webiste ADOBE bisa berada paling atas?
Ternyata banyak situs/blog memasang link ke halaman itu dengan kata "Download Adobe Reader, click here" Kata click here itulah yg dinamakan anchor text karena berupa link! Oleh karenanya usahakan links yang mengarah ke blog kita sesuai dengan keyword yang menjadi sasaran kita.

Tapi bagi Beben SEO itu tetap misteri yang misterius ;)) :D Biar tidak paham, mencoba apa salahnya ;) Hal ini pula yang mendasari Koben nekat ganti title blog ini :P Sebagai bonus dari penjelasan ber-seo teknik ria, berikut beberapa hal larangan dalam ber-SEO (blackhat SEO) Jika tetap ngeyel menjalankan larangan² ini, maka hadiahnya web/blog akan di blacklist dari search engines alias tidak terindex :-bd (eh salah emot)

Membuat satu halaman khusus tidak berfungsi untuk search engines dan pengunjung (Doorway)
Memasang link yang berbeda kategori dengan konten blog/web yg kita punya "bad neighborhood" Parahnya lagi jika link² tersebut merupakan situs blacklist (link farm)
Mengikuti paid link program!
Membikin dan membangun banyak link dengan jumlah besar dengan waktu yg singkat.
Konten atau isi sama persis dengan website lain (copy paste)
Lainnya cari sendiri...

Search engine sekarang sudah semakin pintar and canggih, buatlah web atau blog berbobot & berguna bagi para pengunjung. Dengan begitu web/blog kita akan sering dikunjungi orang dari seluruh penjuru dunia b-)
Disadur dari: http://joensdesign.wordpress.com/2010/04/03/tips-seo-search-engine-optimization/
Akhir kata, semoga amal ibadah shaum kita diterima, Amiin Yaa Rabal'alamiin :)

▼ ▲

Template Ngabuburit

0 Komentar

▼ ▲

PSD Template for Blogger

0 Komentar

▼ ▲

Hover Oh Hover

0 Komentar

▼ ▲

Hover Trick on pre Attribute

4 Komentar

Menanggapi pertanyaan sobat Zauma Zalfiah mengenai trick hover yang Beben Koben pasang pada pemakaian tagging pre. Dalam hasil render bila kita melakukan tag dengan kode pre secara otomatis susunan tulisan akan tampak real. Buka halaman berikut guna memahami lebih, dan tengok live demo lalu perhatikan susunan kalimat yang di-tag oleh pre coded HTML <pre> Tag.
Tampak susunan spasi, jarak antar spasi, legok ke dalam spasi :D terlihat seperti bagaimana kita menuliskannya! Namun hasil akan berbeda bila kode pre yang notabene berada didalam tag post blogger! Mengapa bisa berbeda, karena post-body blog kebanyakan sudah ditag dengan atribut float: left; Jadi result susunan pre-nya rata kiri semua :D Beben Koben si bloglang anu ganteng kalem tea tekniknya pakai jquery plugin ;) yang diterapkan di Prodigy of Head b-)

Mau dijelaskan sih sebenarnya ma Koben, tapi karena pemakaiannya yang rumet diurungkan deh ;)) :)>- Jadi teringat sobat satu lagi yang ngebet juga kepengen trick hover on pre attribute Zoro Swordsman :(|) <=- :D Example or demo:

<script type='text/javascript'>

//<![CDATA[

Fu ma'n Noper bléit rem, méngem ugedon mir hu. De Monn grouss d'Kàchen den, d'Beem sëtzen do mir, bei d'Wise klinzecht op. Nei geet eise kréien et, ké stét d'Hiezer däischter dan. Sin Fielse d'wäiss grousse vu, Hämmel meescht d'Blumme hu zum. Rem am Monn riede, op och Stret méngem iweral, ma'n iw'rem d'Margréitchen do

//]]>

</script>

Sekarang Koben akan berbagi trik serupa, namun menggunakan variable :-" DEMO

Klik buat mengambil link demo!

Bumbunya

pre{

width: 455px;

padding: 10px;

margin: 10px 0;

overflow-x: hidden !important;

background: #f4f4f4;

border: 1px solid #999;

transition:width 0.5s;

-moz-transition:width 0.5s;

-webkit-transition:width 0.5s;

-o-transition:width 0.5s;

font-family: "Courier New", Arial, Tahoma, monospace;

}

pre:hover{

width: 900px;

z-index: 100;

cursor: pointer;

position: relative;

}