Trik Dasar Seo Untuk Blogger Pemula

Bintangs88stars - Banyak yang mengabaikan trik dasar seo ini , padahal jika benar-benar dilakukan semuanya akan mendatangkan hasil yang cukup baik untuk perkembangan blog serta penambahan jumlah pengunjung. Menurut saya yang masih awam soal seo ini , trik dasar seo yang terbukti ampuh itu :

1. Cara Pemilihan konten

Konten adalah raja , untuk itu ketelitian dan pengamatan di perlukan dalam menciptakan konten yang bisa mendatangkan pengunjung , tidak usah susah-susah menggali ide, rajin-rajin saja mengamati perkembangan internet serta sering-sering melihat blog yang sudah banyak pengunjungnya bisa lewat widget rank yang berposisi 1-10, seperti toplist,topfblog,dll lihat konten mereka bertopik tentang apa sehinga bisa mendapat posisi yang bagus , coba juga buat konten yang bertema seperti mereka , usahakan topiknya hampir mengarah namun judul berbeda. Jika tidak ada ide copas saja ke blog portal berita cari tema yang masih di buru pengguna internet

2. Perhatikan saat membuat judul

Judul juga punya pengaruh yang besar, jadi pintar-pintar dalam membuatnya , jika memang tidak mampu bersaing dengan judul yang pendek buat judul yang panjang, bantu dengan simbol “|” misal info lowongan kerja|info lowongan kerja terbaru september 2010 untuk wilayah kepri|info penerimaan CPNS oktober 2010 untuk semua wilayah

3. Jangan lupa membuat tautan link dengan menciptakan konten yang terkait dengan konten yang akan kita optimalkan

misal jika kita mau memasuki keyword lowongankerja, info game gratis ,cara bermain game online, abg seksi, tutorial hp , dll yang saingannya banyak , mungkin jika Cuma satu konten saja sulit untuk masuk kekata kunci mesin pencari , minimal harus ada 6 atau lebih konten yang hampir berkaitan dengan itu, lalu setiap di publikasikan buat tautan link yang mengarah kekonten lama yang kita optimalkan itu. Jika tidak ada ide bisa copas artikel di portal berita cari yang ada kaitannya dengan konten yang sedang kita optimalkan.

Saya rasa 3 trik dasar seo diatas jika benar-benar kita lakukan dengan pemikiran dan ide yang cemerlang, saya yakin bakalan ampuh membawa blog kita ketempat tertentu di mesin pencari serta mampu mendatangkan pengunjung yang ramai setiap harinya.

Terakhir jika ada saran dan kritikan mohon bantuannnya isi di kotak komentar di bawah ini agar saya dan kita semua bisa belajar bersama-sama .

Read More

Cara Membuat Blockquote Di Blog

Bintang88stars - first of all, thanks to Nafarin karena sudah memberi tahu saya tentang sebuah informasi yang mungkin saya belum tau karena saya masih blogger baru hehe, , , , oke sobat apa kalian tau gambar apakah yang ada dibawah ini

yuppz benar, ini adalah bahan yang akan saya shere pada sobat-sobat B88S, dari banyak artikel yang saya posting, saya mendapat banyak "question" dan "curiosity" dari sobat melalui email saya yang isinya itu seperti ini "kapan posting lagi ?" dan saya belum sempat membalasnya saya mohon maaf sobat, tapi hari ini saya akan bagikan sebuah artikel yag judulnya itu Cara Membuat Blockquote Blog, sobat mungkin ada yang tau dan ada juga yang belum tau maka dari itu saya menshere artikel ini oke langsung baca maaf kalau terlalu panjang hehe,,

• Pertama-tama masuk ke akun Blogger anda.
• Masuk ke Template >> Edit HTML
• Lalu Cari kode dibawah ini dengan menekan CTRL+F

.post-body blockquote {.........}

               atau

.post blockquote {.........}

    Jika sudah ketemu langkah selanjutnya kode yang berwarna merah dan bertitik-titik (kode blockqoute setiap template berbeda-beda, jadi saya pake titik-titik aja sebagai pengganti ) ganti dengan salah satu kode dari 22 kode blockqoute dibawah ini

Misalnya :

.post-body blockquote {background-color: #f6ebc1;}

Rubah menjadi :

.post-body blockquote { margin: 1em 2em; border-left: 1px dashed #999; padding-left: 1em; } blockquote p:first-letter { float: left; margin: .2em .3em .1em 0; font-family: "Monotype Corsiva", "Apple Chancery", fantasy; font-size: 220%; font-weight: bold; } blockquote p:first-line { font-variant: small-caps; }

Cuma yang kode blockquote { bla bla bla } yang diganti, biarkan kode awal .post jangan dirubah atau dihapus





Blockquotes dengan garis Classic sebelah kiri

Code:

.post blockquote { background: #F3F3F1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKmJv8Alj-9iabvJg7Yw0odAmPk87AKpQrEw-6yho0o28SLvKZypsrDy-f-13YJllaVfM2P65l8xH0YC5KIcU8vqwN4x1Pdn4Q2si9MYWb5LrhNVN0Sm6UnQuMlDSb82V2wFnlmCV3B3E/s1600/comma-side-orange1.gif) ; background-position:; background-repeat:repeat-y; margin: 0 20px; padding: 20px 20px 10px 45px; font-size: 0.9em; font: italic 1.2em Georgia, "Times New Roman", Times, serif; } .post blockquote p { margin: 0; padding-top: 10px; }

Maaf saya cuma menampilkan Blockquotes yang saya pakai kalau sobat mau yang lebih bisa cari diblog yang lain hehe

Terima Kasih Semoga Bermanfaat

visit again ya

Giving B88S Yours

Read More

Cara Menambahkan Tombol Naik Keatas

Bintang88stars -  Hey sobat B88S Kali ini saya akan shere Tentang Tutorial blog bagaimana cara menambah Tombol Naik Keatas

1. Login ke Blogger 
2. Pergi ke Tata Letak
3. Tambah gadget
4. Pilih HTML/javascript
5. Copy Paste Kode dibawah ini :

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script><script type='text/javascript'>$(function(){$(window).scroll(function(){if($(this).scrollTop()!=0){$("#noop-top").fadeIn()}else{$("#noop-top").fadeOut()}});$("#noop-top").click(function(){$("body,html").animate({scrollTop:0},800);return false})});</script><a id='noop-top' style='display: none; position: fixed; bottom: 1px; right:1%; cursor:pointer;font:12px arial;'><span>^</span></a><style type="text/css">#noop-top span{-moz-transition:all .3s ease-in 0s;-webkit-transition:all .3s;-o-transition:all .3s;background-color:#1e5799;background:-moz-linear-gradient(top,#1e5799 0,#2989d8 50%,#207cca 51%,#7db9e8 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#1e5799),color-stop(50%,#2989d8),color-stop(51%,#207cca),color-stop(100%,#7db9e8));background:-webkit-linear-gradient(top,#1e5799 0,#2989d8 50%,#207cca 51%,#7db9e8 100%);background:-o-linear-gradient(top,#1e5799 0,#2989d8 50%,#207cca 51%,#7db9e8 100%);background:-ms-linear-gradient(top,#1e5799 0,#2989d8 50%,#207cca 51%,#7db9e8 100%);background:linear-gradient(top,#1e5799 0,#2989d8 50%,#207cca 51%,#7db9e8 100%);border:3px solid #fff;border-radius:14px 14px 14px 14px;color:#fff;font:bold 56px cursive;height:50px;left:3px;display:block;text-align:center;text-shadow:1px 1px 0 #000;top:-56px;width:50px}#noop-top:hover span{box-shadow:0 0 49px #207cca;height:70px}#noop-top{color:#000;text-shadow:1px 1px 0 #fff;text-decoration:none}</style>

Atau bisa juga dengan kode ini :

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script><script type="text/javascript" >var scrolltotop={ //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).    setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},    controlHTML: '<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkVXagGyweWG70hyRHcc3xYKNdDmNAwo6_76lukoB9K9tGKlT4eq3LwLqWUOReR2fnpiNxEOXYw8HEwPFOLRrzqxaSPAm5T4SPKThyo1gRlSJ_r5IRd2E7SKwChJ051K7fhLmvB-e-w0-2/s1600/navigate-up-icon.png" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links state: {isvisible:false, shouldvisible:false},scrollup:function(){ if (!this.cssfixedsupport) //if control is positioned using JavaScript this.$control.css({opacity:0}) //hide control immediately after clicking it var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto) if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists          dest=jQuery('#'+dest).offset().topelse dest=0this.$body.animate({scrollTop: dest}, this.setting.scrollduration);},keepfixed:function(){var $window=jQuery(window)var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety this.$control.css({left:controlx+'px', top:controly+'px'})},togglecontrol:function(){var scrolltop=jQuery(window).scrollTop()if (!this.cssfixedsupport) this.keepfixed() this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false if (this.state.shouldvisible && !this.state.isvisible){ this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])         this.state.isvisible=true}else if (this.state.shouldvisible==false && this.state.isvisible){this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])this.state.isvisible=false}  },init:function(){jQuery(document).ready(function($){var mainobj=scrolltotopvar iebrws=document.all mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards modemainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>').css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'}).attr({title:'Scroll Back to Top'}).click(function(){mainobj.scrollup(); return false}).appendTo('body')if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text mainobj.togglecontrol() $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){mainobj.scrollup()return false})$(window).bind('scroll resize', function(e){mainobj.togglecontrol()})})}}scrolltotop.init()</script>

      6.  Simpan dan Lihat Hasilnya

Read More

Cara Menghilangkan Tanggal Posting Pada Blog

Pacar Saya

Bintang88Stars -Bagaimana Cara menghilangkan tanggal posting blogger, NAH Tips Berikut bisa sedikit membantu anda dalam mengatasi sedikit masalah yang anda alami silahkan simak Menghilangkan Tanggal Posting Pada Blog

Loging >> dasbor >> rancangan >> Edit HTML kemudian cari kode h2.date-header {   (gunakan F3 untuk pencarian cepat)

jika sudah ketemu tambahkan visibility: hidden; diantara kode tersebut.

lihat contoh kodenya dibawah:

h2.date-header {
margin:.3em 0 0;
padding:0;
font-size:80%;
color:#777;
height: 0px;
visibility: hidden;
}

Selama mencoba:

Read More

Cara Bagaimana backup artikel blog di blogspot

Bintang88Stars- hey sobat B88S kali ini saya akan shere tentang beberapa tips tentang bloger Berikut adalah tutorial langkah-langkah cara Bagaimana membackup artikel blog di blogspot

Langkah 1

1.Login Ke Blogger

2.Pada Dasbord klik Setting dan pilih basic.

3.Selepas itu klik Export Blog

3.kemudian akan muncul halaman baru di komputer anda,lalu klik download blog.

*Post anda sudah tersimpan.

Langkah 2

Untuk Import balik boleh ikut tutorial dibawah ini.

*Anda juga boleh upload post ini ke blog baru .

1Pada Dasbord klik Setting dan pilih basic.

2.Selepas itu klik Import Blog

3.Jika sudah klik Browse kemudian pilih data backup Blog anda lalu masukan code verifikasi lalu tick pada Automatically publish all imported posts jika anda ingin data backupnya terus publish ke blog.

6.jika sudah klik import blog.

7.Selesai....

Read More

Membuat Efek Image Zoom Dengan Jquery

Bintang88Stars | Assalamualaikum Sobat B88S . Malam ini saya akan share Efek Image Zoom Dengan Jquery .Seperti anda ketahui,banyak cara untuk membuat gambar yang terdapat di posting kita agar lebih menarik.Kali ini saya akan berikan satu lagi tips mengenai gambar di postingan, iaitu membuat efek image zoom. Cara kerja dari efek image zoom ini adalah ketika seorang pengunjung melakukan klik (klik kiri atau klik kanan) pada suatu gambar pada blog kita, maka gambar akan ditampilkan tetap pada halaman tersebut dengan efek membesar (zoom-in) dengan lembut. Dan jika di klik tombol [X] Close atau menekan tombol Esc pada keyboard maka gambar akan di sembunyikan (zoom-out) dengan efek mengecil dengan lembut. Tapi ini berlaku untuk semua gambar yang ada di blog kita tanpa terkecuali.

Untuk lebih jelasnya anda boleh cuba klik gambar di blog saya, klik salah satu gambar yang ada disitu, maka gambar tersebut akan membesar. Jika anda tertarik, di bawah ini akan saya berikan langkah-langkah untuk membuatnya :

Langkah 1

1. Login dulu ke blogger anda
2. Kemudian klik Design
3. Setelah itu klik Edit Html
4. Lalu anda cari kode berikut ]]></b:skin>
5. Setelah jumpa masukkan kode CSS dibawah ini sebelum kode diatas.

div.jquery-image-zoom {

line-height: 0;

font-size: 0;

z-index: 10;

border: 5px solid #fff;

margin: -5px;

-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);

-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);

box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);

}

div.jquery-image-zoom a {

background: url(http://lh6.ggpht.com/_xcD4JK_dIjU/TEfN4VrRQPI/AAAAAAAAESY/so-0qObS1BM/d/jquery.imageZoom.png) no-repeat;

display: block;

width: 25px;

height: 25px;

position: absolute;

left: -17px;

top: -17px;

/* IE-users are prolly used to close-link in right-hand corner */

*left: auto;

*right: -17px;

text-decoration: none;

text-indent: -100000px;

outline: 0;

z-index: 11;

}

div.jquery-image-zoom a:hover {

background-position: left -25px;

}

div.jquery-image-zoom img,

div.jquery-image-zoom embed,

div.jquery-image-zoom object,

div.jquery-image-zoom div {

width: 100%;

height: 100%;

margin: 0;

}

Langkah 2 

1. Selepas itu anda perlu mencari </head>

2. Setelah jumpa masukkan kode dibawah ini dan letakkan diatas kode yang anda cari tadi.

<script type='text/javascript' src='https://sites.google.com/site/jeritanblog/javascript/jquery.min.js'/>
<script type="text/javascript" src="https://sites.google.com/site/jeritanblog/javascript/imageZoom.min.js"/>
<script type="text/javascript">
jQuery(document.body).imageZoom();
</script>

Setelah Semua Beres di masukkan Klik Simpan

Read More

Cara Menambah PAGERANK

Bintang88Stars-  Hay sobat B88S ketemu lagi dengan saya. . .hehe Gimana kabar blog kalian ,apakah udah dapat pagerank belum ,,
Pasti udah tahu apa itu pagerank ,kalau belum tahu silahkan tanya pada mbah google. .
Bagi yang belum dapat pagerank jangan sedih trus semangat karna mendapatkan pagerank tak semudah membalikan tangan . , saya sendiri aja udah hampir setahun ngeblog di belum dapat pagerank . . .hehe
Tapi jangan sedih mungkin solusi saya bisa membantu untuk berusaha meningkatkan pagerank yang slama ini impi-impikan oleh sobat2 ,
sebelumnya daftar dulu disini ONE WAY SEO LINKS , gak rugi pokoknya ,karna ONE WAY SEO LINKS secepatnya mensubmit URL blog sobat lebih ke 250 mesin pencari dan ditambah lagy mensubmit ke situs yang PAGERANKnya Banyak.
cara daftarnya gampang Langsung aja caranya
 1. Yang pastinya daftar dulu ONE WAY SEO LINKS ,lalu isi semua kolom

 NAMA,EMAIL,PASWORD.
2. Setelah semua diisi lalu klik submit, lalu buka email kita untuk mengkonfirmasi. 

Setelah sudah terdaftar dg sukses kita tinggal login. .

 3. pilih Add Project isi semua sesuai perintah.
4. Pilih profile & anda akan diberi code yg berada di Affiliate Link ,copy semua codenya..! Ohza sebelumnya setting dulu opera mini anda "single colomn viem darion menjadi off" agar bisa mendapatkan codenya

5. Sekarang pastekan code itu diblog anda.

6. Pilih “Directories” lalu klik

disitu udah ada link blog kita yg sudah kita buat tadi langsung pilih aja . .

Segitu dulu za penjelasanya ,mungkin dari kalian masih ada yg belum paham langsung komen aja .
WASSALAMUALAIKUM WR.WB

Read More

Keuntungan Sebagai Pengikut atau followers pada Blog

Bintang88stars - Menjadi pengikut suatu blog sebenarnya lebih dari sekedar kebanggaan bahwa foto kita sudah tampil dan terpajang rapi pada widget followers suatu blog. Lebih dari itu, mungkin untuk sekedar saling berbagai menjadi pengikut dengan blogger lainnya. Tapi tanpa kita sadari juga, kalau lebih dari itu sebenarnya kita juga bisa memanfaatkannya untuk mencuri ilmu terbaru dan menarik pengunjung ke blog kita. Mau tau caranya?

Berikut adalah sekelumit isinya.

1.      Sekarang cobalah masuk ke halaman Dasbor blog anda dan scrollah sedikit ke bawah. Perhatikanlah pada Daftar Bacaan-nya.

 

 

2.      Di sebelah kiri tampak beberapa nama blog yang sudah anda ikuti. Dan disebelah kanan adalah update terbaru dari masing-masing blog tersebut. Susunan tulisan (postingannya) akan diurut berdasarkan waktu updatenya. Yang paling atas adalah update yang terbaru. Dan menyusul di bawahnya update lain sesuai tanggal dan jam yang lebih tua.

3.      Jika anda ingin melihat beberapa tulisan yang terdapat pada blog tertentu, anda bisa mengklik salah satu nama blog tersebut. Maka disebelah kanan akan muncul beberapa postingan terakhir dari blog tersebut.

 

4.      Jika salah satu judul postingan itu anda klik maka anda akan langsung tiba di halaman blog tersebut.

Lalu apa untungnya bagi anda?

1.      Anda tidak perlu susah-susah untuk mengakses blog tersebut lewat address bar dan mesin pencari. Karena anda sudah bisa langsung mengunjunginya lewat halaman dasbor anda.

2.      Dengan membaca update terbaru suatu blog berarti anda sudah mendapatkan tips dan informasi terbaru dari mereka dengan cepat, yang bisa jadi tips itu sangat anda butuhkan.

3.      Bila anda rajin melihat update terbaru dari setiap blog yang anda ikuti, maka anda berpeluang menjadi pemberi komentar pertama dari tulisan tersebut.

4.      Apa untungnya menjadi pengunjug yang meninggalkan komentar pertama?

5.      Karena tulisan terbaru adalah tulisan yang masih segar, maka komentar pertama adalah komentar yang paling ditunggu-tunggu oleh pemiliknya. Dan besar kemungkinan mereka akan segera berkunjung balik dan juga meninggalkan komentar di blog anda.

6.      Jadi ada 2 keuntungan yang akan anda peroleh: Pertama tips dan informasi terbaru. Dan kedua mendatangkan pengunjung ke blog anda.

Apakah anda tidak tertarik? Cobalah sekarang untuk menjadi salah satu pengikut suatu blog, dan anda juga bisa melakukannya di blog ini. :) Semoga bermanfaat!

Terima kasih.

 

 

Read More

Memasang iklan tidak terlihat

Bintang88Stars-Pernahkan rekan sekalian menemukan sebuah blog yang menempatkan iklan dengan konsep buka tutup, atau yang lebih dikenal dengan slide dari samping atau dari atas ? Itu adalah salah satu solusi pemasangan iklan selain di sidebar, header, footer atau dibawah postingan.

Tapi pernahkah rekan menemukan sebuah blog yang iklannya tidak terlihat ? Atau misalkan ingin mengisikan pesan di tempat chat tapi setelah di klik muncul di tab baru sebuah iklan, setelah di klik berkali-kali ternyata tetap yang keluar adalah iklan. Saya pernah menemukannya, dan ternyata iklan tersebut disembunyikan, atau lebih tepatnya dibuat tidak terlihat.

Waktu itu saya penasaran, kenapa yang muncul iklan terus, setelah saya cek menggunakan add-ons Mozilla nodofollow ( untuk mengecek link dofollow / nofollow dengan meng-highlight sebuah link ), ternyata disitu ada sebuah iklan terpampang hampir seluas tampilan blognya, tetapi canggihnya iklan tersebut tidak terlihat sama sekali jika tidak dicek menggunakan add-ons tersebut.

Awalnya saya dibuat kesal juga, tapi ternyata muncul ide lain, bagaimana caranya iklan tersebut bisa dibuat sedemikian rupa, setelah saya utak atik sendiri ternyata hanyalah menerapkan script seperti pada menyembunyikan navbar blogger. Dan untuk membuat iklan tersebut menjadi tidak terlihat, yaitu dengan membungkus script iklan tersebut dengan cara seperti berikut ini :

<span style="opacity:0.0">KODE SCRIPT IKLAN MELAYANG / SLIDE</span>

Ini hasil eksperimen saya dan berhasil, saya tidak menjamin keberhasilan untuk script iklan lainnya. Dan saya juga tidak menyarankan untuk memakai script semacam ini, karena menurut saya hal ini mengganggu para pengunjung dan merugikan pihak pengiklan...

Read More

Merubah Title Blogspot Yang SEO Friendly

Bintang88Stars - Selamat Datang Di blog B88S dengan Belajar Membuat Blog Untuk Pemula, Tips Merubah Title Blogspot Yang SEO Friendly semoga artikel Tips Blog Di bawah Ini Membantu anda, dalam belajar Ngeblog berikut ini adalah Trik

Secara default (standar) title pada Blogspot adalah Judul (Nama) Blog itu sendiri (saat kita membuka Home, sedangkan saat membuka salah satu artikel maka title yang muncul adalah Nama Blog dilanjutkan dengan Judul Artikel.

Untuk format Title standar seperti di atas, bagi search engine kurang optimal, karena seluruh konten kita akan diawali oleh judul blog yang sama (apalagi jika judul blog kita panjang). Berbeda hasilnya jika Title diawali oleh Judul Artikel baru diikuti judul (nama) Blog, dengan demikian konten yang didata (diindeks) oleh search engine lebih bervariasi dan kemungkinan muncul dalam hasil pencarian halaman depan lebih besar.

Untuk merubah format Title di atas relatif mudah, berikut langkah-langkahnya. Setelah masuk ke panel admin, kita masuk ke menu Edit HTML.

Selanjutnya kita cari script Title seperti dibawah ini (script ini ada pada bagian atas, penulisan script secara default/standar ini ada pada template Blogspot standar, ada kemungkinan jika kita gunakan template bikinan pihak ketiga, maka penulisan script Title itu sendiri mungkin juga sudah berubah).

<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>  

Ganti script yang diberi tanda merah dengan script baru di bawah ini dan simpan template tersebut.

<b:if cond='data:blog.pageType == &amp;quot;index&amp;quot;'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>  

Sekarang coba buka salah satu artikel dalam blog kita dan perhatingan Title-nya.

Itu tadi sekilas informasi tentang format penulisan Title yang dianggap mampu mengoptimalkan SEO, semoga bermanfaat dan selamat mencoba.

Read More

cara buat 2 comment pilihan

Bintang88stars- Hey sobat B88S Hari ini saya mau shere tentang tutorial blog lagi nichh mungkin saja Kamu ingin memasang kotak komentar facebook di blog kamu?tapi kamu tidak tahu harus meletakkanya dimana lagi?Mendingan Pakai cara ini saja selain dapet menghemat tempat blog kamu juga akan terlihat sedikit lebih professional sebab tahu menata tata letak widget anda.

Steps :
1. Login ke Account Blogger Anda
2. Klik Rancangan > Edit HTML
3. Download Template Anda dulu untuk berjaga-jaga jika nanti terjadi kesalahan
4. Expand Template Widget
5. Jika sudah, cari kode ]]></b:skin> (gunakan CTRL + F untuk mempermudah pencarian)
6. Kalau sudah dapat maka masukkan kode berikut ini di atas kode ]]></b:skin>

.comments-page { background-color: #f2f2f2;}
#blogger-comments-page { padding: 0px 5px; display: none;}
.comments-tab { float: left; padding: 5px; margin-right: 3px;
cursor: pointer; background-color: #f2f2f2;}
.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}
.comments-tab:hover { background-color: #eeeeee;}
.inactive-select-tab { background-color: #d1d1d1;} 

7. Kemudian Anda cari kode </head>
8. Jika sudah dapat, masukkan kode berikut ini tepat diatas kode </head>

<script src='https://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='ID FB Anda Disini' property='fb:admins'/>
<script type='text/javascript'>
function commentToggle(selectTab) {
$(".comments-tab").addClass("inactive-select-tab");
$(selectTab).removeClass("inactive-select-tab");
$(".comments-page").hide();
$(selectTab + "-page").show();
}
 </script><span style="font-size: 50%">Edit by<a href="http://www.sky-land.biz" target="_blank" rel="follow">Sky Land</a></span>

Perhatikan tulisan yang berwarna merah di atas, ganti dengan ID Facebook Anda.
Ex: https://www.facebook.com/nama

8. Kemudian Cari kode <div class='comments' id='comments'>

Keterangan: Pada umumnya kode tersebut ada 2, copy dan pastekan kode berikut ini dibawah kode

<div class='comments' id='comments'> yang pertama dan kedua.

Code :

<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='Comments made with Facebook'>
<img class='comments-tab-icon' src='https://s-static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/>
<fb:comments-count expr:href='data:post.url'/> Comments
</div>
<div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='Comments from Blogger'>
<img class='comments-tab-icon' src='https://lh5.googleusercontent.com/--vu5gE3yh1E/UA333Ytm5hI/AAAAAAAAAnM/nbi9p0of21o/h120/favicon.ico'/> <data:post.numComments/> Comments
</div><div class='clear'/>
</div>
<div class='comments-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='2' width='400'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>

Perhatikan angka yang berwarna merah dan biru diatas, angka 2 merupakan jumlah komentar yang akan ditampilkan pada komentar facebook. Sedangkan angka 400 merupakan lebar kotak komentar facebook..

9. Kemudian klik Save, dan lihat hasilnya.
10. Jika melakukannya Dengan benar anda.Pasti script di atas bisa bekerja.

Read More

Cara Membuat Slider Ala Yahoo

Hay sobat B88S Cara Membuat Slider Ala Yahoo postingan yang akan saya shere sekarang. Alhamdulillah postingan yang berbeda akan saya bagikan lagi. Tapi masih dalam konteks Tutorial Blogging. Tepatkan tutorial kali ini saya beri judul Cara Membuat Slider Ala Yahoo. Kenapa Ala Yahoo, karena pada kesempatan kali ini saya akan membagikan tutorial slider ala yahoo, cek saja di id.yahoo.co.id.
Cara ini di atas latest post atau postingan terbaru di kontent blog / web.
Kira-kira gambarnya seperti berikut.

Bagi yang berminat silahkan coba langkah berikut ini.
Pertama :
Login ke Akun blogger Anda

Kedua :
Tempatkan kode berikut sebelum kode ]]><b:skin>

/* Yahoo Slider Wrapper
----------------------------------------------- */
div.jqans-wrapper {-x-system-font:none;font-family:arial,helvetica,clean,sans-serif;font-size:12px;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:normal;line-height:1.231;color:#666666;}
div.jqans-wrapperimg {border: 0;}
div.jqans-wrapperul,div.jqans-wrapper li,div.jqans-wrapper h1,div.jqans-wrapper p {list-style:none;margin: 0;padding: 0;}
div.jqans-wrapper {list-style:none;position: relative;overflow: hidden;}
div.jqans-wrapperul {position: relative;left: 0;width: auto;list-style-type: none;overflow: hidden;z-index: 1;}
div.jqans-wrapper li {list-style:none;float: left;display: inline;}
/* Yahoo Slider Content
----------------------------------------------- */
div.jqans-wrapper.default .jqans-stories ul, div.jqans-wrapper.default .jqans-stories li {height: 110px;}
div.jqans-wrapper.default .jqans-stories-selector ul, div.jqans-wrapper.default .jqans-stories-selector li {height: 10px;}
div.jqans-wrapper.default, div.jqans-wrapper.default .jqans-container {width: 458px;background:#fff;}
div.jqans-wrapper.default li {width: 115px;}
div.jqans-wrapper.default a {text-decoration: none;font-weight: normal;color: #363636;outline: none;}
div.jqans-wrapper.default strong {color: #000;}
/* wrapper */
div.jqans-wrapper.default {border: 1px solid #ccc;border-width: 1px 1px 0 1px;margin: 0 0 0.5em;}
/* container */
div.jqans-wrapper.default .jqans-container {min-height: 270px;text-align: center;padding-top: 4px;}
div.jqans-wrapper.default .jqans-container a {font-weight: bold;color:#000;}
div.jqans-wrapper.default .jqans-container img {width:438px;height:210px;}
/* headline */
div.jqans-wrapper.default .jqans-headline {text-align: left;margin-left:10px;margin-bottom: 4px;font:normal 13px Arial;}
div.jqans-wrapper.default .jqans-content h1 {text-align:left;color:#16387c;margin: 1px 9px;font:bold 18px Arial;letter-spacing:-.0001em;line-height:1.1em; height:22px;overflow:hidden;}
div.jqans-wrapper.default .jqans-content p {text-align: left;color: #333;margin: 1px 9px;font:normal 12px Arial;line-height:1.3em;height:30px;overflow:hidden;}
/* stories */
div.jqans-wrapper.default .jqans-stories {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQO0kSsosXtZwaNiFalucBBKXz4dV59BJ10a0LtG7KWICxNwAg6uOjwOTHg208W25ryfXVm5KQtH4T2WhzHRBqzwV-lFGstTfX6ZqnwtrswbG9v8gb9aXUHjBAaoYZJNiQT15x_3I0NPM/s1600/bg_stories.gif);background-repeat: repeat-x;background-position: top left;}
div.jqans-wrapper.default .jqans-stories li {overflow: hidden;text-align: center;font-size: 11px;color: #fff;line-height:1.2em;}
div.jqans-wrapper.default .jqans-stories li.selected {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfijLv6MQFquOeQ_05zR6lWNdLKTzORJg7lPDtLAnmur0QI-_A2tFcIT1Dpnb14uNkVXD27Yw6QDtSe5YFmOG9NnF3nBLCBSmhhUYLgnKKqu0FSaCqC8gX4wavmaSUQZam0pPG7uCb_QI/s1600/bg_selected.gif);background-repeat: no-repeat;background-position: top center;}
div.jqans-wrapper.default .jqans-stories li.selected a {color:#fff;}
div.jqans-wrapper.default .jqans-stories li img {margin-top: 22px;width:100px; height:52px;border-right:1px solid #fff;border-bottom:1px solid #fff;border-left:1px solid #555;border-top:1px solid #555;}
div.jqans-wrapper.default .jqans-stories li p {display: none;}
div.jqans-wrapper.default .jqans-stories li h3 {margin:0;padding:1px 10px;color:#000;
font-size:11px;font-weight:normal;font-family:Arial;height:28px;overflow:hidden;line-height:1.2em;}
div.jqans-wrapper.default .jqans-stories-selector li.selected div {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfijLv6MQFquOeQ_05zR6lWNdLKTzORJg7lPDtLAnmur0QI-_A2tFcIT1Dpnb14uNkVXD27Yw6QDtSe5YFmOG9NnF3nBLCBSmhhUYLgnKKqu0FSaCqC8gX4wavmaSUQZam0pPG7uCb_QI/s1600/bg_selected.gif);background-repeat: no-repeat;background-position: top center;}
/* pagination */
div.jqans-wrapper.default .jqans-pagination {border: 1px solid #ccc;border-width: 1px 0;margin: 0;padding: 4px 4px4px 4px;background: #f2f2f2;text-align: left;clear: both;width: 448px;overflow: hidden;}
div.jqans-wrapper.default .jqans-pagination-count {float: left;font:normal 11px Arial;color:#666;}
div.jqans-wrapper.default .jqans-pagination-controls {float: right;}
div.jqans-wrapper.default .jqans-pagination-controls a {display: inline-block;width: 22px;height: 13px;text-indent: -9999px;background: no-repeat bottom center;*float:left;}
div.jqans-wrapper.default .jqans-pagination-controls-back a {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG-oNV-skluiTLiVpgtk5Q1KfHY8z1g193WZ2zHlrgF3WEu8hbG3AIPU2_IsAr5z8jWBfLXsZ2S4ZS6tJpJATQewxml9pSxRSWphya88fl9uZMLqx02JncM4P4CEsgawzwrp-7AihIQW0/s1600/previous.gif);}
div.jqans-wrapper.default .jqans-pagination-controls-next a {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhURhvnYF9NsSSTedh2E969zuNDri60uXSaVWEdysqpo0QalXGnevIoyBxDAkq9OGdemfqqSu6_oCZFimoojAPPN2hWfnBWMU8tCTow3NkDoZFu1eAcC2bhwy6Y9FfhowPrOBMfG_1H-L8/s1600/next.gif);}

/* Slide Content
----------------------------------------------- */
.slide-wrapper {padding:0 auto;margin:0 auto;width:auto;float: left;
word-wrap: break-word; overflow: hidden;}
.slide {color: #666666;line-height: 1.3em;}
.slide ul {list-style:none;margin:0 0 0;padding:0 0 0;}
.slide li {margin:0;padding-top:0;
padding-right:0;padding-bottom:.25em;
padding-left:0px;text-indent:0px;line-height:1.3em;}
.slide .widget {margin:0px 0px 6px 0px;}  

Ketiga :
Letakkan kode berikut sebelum kode </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js'/>
<script type='text/javascript'>
//<![CDATA[
(function(a){a.fn.accessNews=function(b){var c={title:"HARI INI -",subtitle:"<span id='clock'/>",slideBy:4,speed:"normal",slideShowInterval:3000,slideShowDelay:3000,theme:"default",continuousPaging:true,contentTitle:"h3",contentSubTitle:"abbr",contentDescription:"p",onLoad:null,onComplete:null};return this.each(function(){b=jQuery.extend(c,b);var k=jQuery(this);var h=k.children();vari;varj;varf;var e={_wrapper:'<div class="jqans-wrapper '+b.theme+'"></div>',_container:'<div class="jqans-container"></div>',_headline:jQuery("<div class='jqans-headline'></div>").html(["<p><strong>",b.title,"</strong> ",b.subtitle,"</p>"].join("")),_content:jQuery("<div class='jqans-content'></div>"),_stories:'<div class="jqans-stories"></div>',_first:jQuery(h[0]),init:function(){if(b.onLoad){b.onLoad.call(a(this))}k.wrap(this._wrapper);k.before(this._container);var l=(h.length*this._first.outerWidth(true));k.css("width",l);if(b.title.length){this.append(this._headline)}this.append(this._content);this.selector(l);this.set(0);d.init();g.init();k.wrap(this._stories);if(b.onComplete){b.onComplete.call(a(this))}},selector:function(n){var m="";for(var l=1;l<=h.length;l++){m+="<li><div/></li>"}var p=jQuery('<div class="jqans-stories-selector"></div>');p.append("<ul>"+m+"</ul>");j=jQuery(p.find("ul"));f=j.children();p.css("width",n);k.before(p)},append:function(l){this.get().append(l)},get:function(){return k.parents("div.jqans-wrapper").find("div.jqans-container")},set:function(n){var o=this.get();var r=jQuery(h[n]);var m=jQuery(f[n]);var q=jQuery("div.jqans-content",o);var p=jQuery("<img></img>");var l=jQuery("<div></div>");var s=jQuery(b.contentTitle+" a",r).attr("title")||jQuery(b.contentTitle,r).text();p.attr("src",jQuery("img",r).attr("longdesc")||jQuery("img",r).attr("src"));l.html("<h1>"+s+"</h1><p>"+jQuery(b.contentDescription,r).html()+"</p>");q.empty();q.append(p);q.append(l);h.removeClass("selected");r.addClass("selected");f.removeClass("selected");m.addClass("selected")}};var d={loaded:false,_animating:false,_totalPages:0,_currentPage:1,_storyWidth:0,_slideByWidth:0,init:function(){if(h.length>b.slideBy){this._totalPages=Math.ceil(h.length/b.slideBy);this._storyWidth=jQuery(h[0]).outerWidth(true);this._slideByWidth=this._storyWidth*b.slideBy;this.draw();this.loaded=true}},draw:function(){var n=jQuery('<div class="jqans-pagination"></div>').html(['<div class="jqans-pagination-count"><span class="jqans-pagination-count-start">1</span> - <span class="jqans-pagination-count-end">',b.slideBy,'</span> of <span class="jqans-pagination-count-total">',h.length,'</span><strong>News Pagination</strong></div><div class="jqans-pagination-controls"><span class="jqans-pagination-controls-back"><a href="#" title="Back">&lt;&lt; Back</a></span><span class="jqans-pagination-controls-next"><a href="#" title="Next">Next &gt;&gt;</a></span></div>'].join(""));k.after(n);var m=jQuery(".jqans-pagination-controls-next >a",n);var l=jQuery(".jqans-pagination-controls-back >a",n);m.click(function(){var o=d._currentPage+1;d.to(o);return false});l.click(function(){var o=d._currentPage-1;d.to(o);return false})},to:function(p){if(this._animating){return}this._animating=true;var q=k.parent("div").next(".jqans-pagination");var l=jQuery(".jqans-pagination-count-start",q);var s=jQuery(".jqans-pagination-count-end",q);if(p>this._totalPages){p=b.continuousPaging?1:this._totalPages}if(p<1){p=b.continuousPaging?this._totalPages:1}var r=(p*b.slideBy)-b.slideBy;var n=(p*b.slideBy);if(n>h.length){n=h.length}var o=parseInt(k.css("left"));var m=(p*this._slideByWidth)-this._slideByWidth;l.html(r+1);s.html(n);o=(m*-1);k.animate({left:o},b.speed);j.animate({left:o},b.speed);e.set(r);this._currentPage=p;this._animating=false}};var g={init:function(){this.attach();this.off();i=setTimeout(function(){g.on()},b.slideShowDelay)},on:function(){this.off();i=setInterval(function(){g.slide()},b.slideShowInterval)},off:function(){clearInterval(i)},slide:function(){var o=jQuery("li.selected",k);var m=o.next("li");var n=0;if(!m.length){m=jQuery(h[0]);n=1}var p=h.index(m);if(d.loaded){var l=(p)%b.slideBy;if(l===0){n=(Math.ceil(p/b.slideBy))+1}if(n>0){d.to(n)}}e.set(p)},attach:function(){var l=jQuery(k).parent("div.jqans-wrapper");l.hover(function(){g.off()},function(){g.on()})}};e.init();h.hover(function(){e.set(h.index(this))},function(){})})}})(jQuery);
//]]>
</script>
<script type='text/javascript'>
// when the DOM is ready, convert the feed anchors into feed content
jQuery(document).ready(function() {
jQuery(&#39;#newsslider&#39;).accessNews({
    });
jQuery(&#39;#newsslider2&#39;).accessNews({
title :&quot;BREAKING NEWS:&quot;,
subtitle:&quot;stories from the internet&quot;,
speed :&quot;slow&quot;,
slideBy : 4,
slideShowInterval: 100000,
slideShowDelay: 100000
    });
});
</script>
<script type='text/javascript'>
/* <![CDATA[ */
jQuery.noConflict();jQuery(function(){jQuery("ul.menu-primary").superfish({animation:{opacity:"show"},autoArrows:true,dropShadows:false,speed:200,delay:800})});jQuery(function(){jQuery("ul.menu-secondary").superfish({animation:{opacity:"show"},autoArrows:true,dropShadows:false,speed:200,delay:800})});jQuery(document).ready(function(){jQuery(".fp-slides").cycle({fx:"fade",timeout:4000,delay:0,speed:400,next:".fp-next",prev:".fp-prev",pager:".fp-pager",continuous:0,sync:1,pause:1,pauseOnPagerHover:1,cleartype:true,cleartypeNoBg:true})});
/* ]]> */
</script>
<script type='text/javascript'>
//<![CDATA[
vardayarray=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday");var montharray=new Array("January","February","March","April","May","June","July","August","September","October","November","December");function getthedate(){var a=new Date();var g=a.getYear();if(g<1000){g+=1900}var h=a.getDay();var e=a.getMonth();var b=a.getDate();if(b<10){b="0"+b}vari=a.getHours();var c=a.getMinutes();var j=a.getSeconds();var d="AM";if(i>=12){d="PM"}if(i>12){i=i-12}if(i==0){i=12}if(c<=9){c="0"+c}if(j<=9){j="0"+j}var f="<font color='666666' face='Arial'>"+dayarray[h]+", "+montharray[e]+" "+b+", "+g+" "+i+":"+c+":"+j+" "+d+"</font>";if(document.all){document.all.clock.innerHTML=f}else{if(document.getElementById){document.getElementById("clock").innerHTML=f}else{document.write(f)}}}if(!document.all&&!document.getElementById){getthedate()}function goforit(){if(document.all||document.getElementById){setInterval("getthedate()",1000)}};
//]]>
</script>

Keempat :
Cari dan Ganti kode <body> dengan kode <body onLoad='goforit()'>

Kelima :
Untuk menampilkannya silahkan letakkan kode berikut setelah kode <div id='main-wrapper'>

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='slide-wrapper'>
<b:section class='slide' id='slide' preferred='yes'/>
</div>
</b:if>

Keenam :
Akan muncul widget baru di Halaman Page / Page Element
Silahkan tambah kode HTML/Javascript berikut di widget yang muncul di Page Element tadi

<ul id="newsslider">
<li>
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMt0gEN-7Q2DrGk7z7AfWQPeSGDFKqvql4yGaFiAe1I21WHTQ2kqYdJZNfWyUfK7FuNPWco1YVJ_5UA56YGvLpAszqJlqgdyzKpnLuj0hh6IkEkkKY_6FkZdTkB7IcHxj02CPcHi5sd4g7/s1600/emak.jpg"/></a>
<h3><a href="http://violetcafe5.blogspot.com/2011/11/sad-romance-dalam-bimbang-kunikmati.html">(Sad Romance) DalamBimbang, Kunikmatidirimu</a></h3>
<p>WepesangatterpukulsetelahputuscintadenganHerryseseorang yang sangatmempesonanya... <a href="#"> more &raquo; </a></p>
</li>
<li>
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIC7alGXZsBfVq1pH3oR8cHr2sSRbraMMC8btiUn0ZkhWWjnqNNXZUQxfzZcF8moy54Q8OmyfpT-B81JsKwVuEgcmRJM97CS6wNEBSlRWHvStL470noVnNvRZvtXca7N7t3v8O_0P3qLqL/s1600/hawa.jpg"/></a>
<h3><a href="http://violetcafe5.blogspot.com/2011/11/diary-sang-penggoda-kekasihmu-merayuku.html">[Diary Sang Penggoda] KekasihmuMerayuku</a></h3>
<p>Wanitaitudatangpadaku, denganlangkahanggunterkesantergesa-gesa, wajahayunya..... <a href="#">more &raquo;</a></p>
</li>
<li>
<a class="title" href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitdFeTAUGq9LDCRhSLBAUntr2eb4s8i378bsgHuHd3deqHXplrSW4fcCgA7WDOoqCrnu7eBeafZQ8tUfeazWgsmaNnbH_ueQZL7hJ06iCyQBy4pzdxEEli0CFvN4CRZy14leshBAueJOW0/s1600/hawa+2.jpg" /></a>
<h3><a href="http://violetcafe5.blogspot.com/2011/11/sad-romance-di-pantai-itu-mereka.html">[Sad Romance] Di PantaiItuMereka</a></h3>
<p>Semiliranginlautmenghempasbibirpantai, pasirbergerakperlahantersapulembut air laut, sepasangkekasihadadisana.... <a href="#">more &raquo;</a></p>
</li>
<li>
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinBE3hP_8Js0DObex6ee3MWZkerYKn_zuR2c1A4KMmArttnmGFAQXfzsuVOo0RkMEX1SsQrPPVSbBC6gp3PRyjvwFiHShyphenhyphenrh6OWyZFqkSAmVs5GzHNzJkyjBwNXwlecUy39-NhGjvFuYMS/s1600/youly+chang.jpg"/></a>
<h3><a href="http://violetcafe5.blogspot.com/2011/11/catatan-seorang-gay.html">Catatan Seorang Gay&#8230; </a></h3>
<p>Samar-samarherrymenatapbayangandirinyapadasebuahcermin.Siapa yang haruskupersalahkan?sebagaimanusia.... <a href="#">more &raquo; </a></p>
</li>
<li>
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMt0gEN-7Q2DrGk7z7AfWQPeSGDFKqvql4yGaFiAe1I21WHTQ2kqYdJZNfWyUfK7FuNPWco1YVJ_5UA56YGvLpAszqJlqgdyzKpnLuj0hh6IkEkkKY_6FkZdTkB7IcHxj02CPcHi5sd4g7/s1600/emak.jpg"/></a>
<h3><a href="http://violetcafe5.blogspot.com/2011/11/sad-romance-dalam-bimbang-kunikmati.html">(Sad Romance) DalamBimbang, Kunikmatidirimu</a></h3>
<p>WepesangatterpukulsetelahputuscintadenganHerryseseorang yang sangatmempesonanya... <a href="#"> more &raquo; </a></p>
</li>
<li>
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIC7alGXZsBfVq1pH3oR8cHr2sSRbraMMC8btiUn0ZkhWWjnqNNXZUQxfzZcF8moy54Q8OmyfpT-B81JsKwVuEgcmRJM97CS6wNEBSlRWHvStL470noVnNvRZvtXca7N7t3v8O_0P3qLqL/s1600/hawa.jpg"/></a>
<h3><a href="http://violetcafe5.blogspot.com/2011/11/diary-sang-penggoda-kekasihmu-merayuku.html">[Diary Sang Penggoda] KekasihmuMerayuku</a></h3>
<p>Wanitaitudatangpadaku, denganlangkahanggunterkesantergesa-gesa, wajahayunya..... <a href="#">more &raquo;</a></p>
</li>
<li>
<a class="title" href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitdFeTAUGq9LDCRhSLBAUntr2eb4s8i378bsgHuHd3deqHXplrSW4fcCgA7WDOoqCrnu7eBeafZQ8tUfeazWgsmaNnbH_ueQZL7hJ06iCyQBy4pzdxEEli0CFvN4CRZy14leshBAueJOW0/s1600/hawa+2.jpg" /></a>
<h3><a href="http://violetcafe5.blogspot.com/2011/11/sad-romance-di-pantai-itu-mereka.html">[Sad Romance] Di PantaiItuMereka</a></h3>
<p>Semiliranginlautmenghempasbibirpantai, pasirbergerakperlahantersapulembut air laut, sepasangkekasihadadisana.... <a href="#">more &raquo;</a></p>
</li>
<li>
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinBE3hP_8Js0DObex6ee3MWZkerYKn_zuR2c1A4KMmArttnmGFAQXfzsuVOo0RkMEX1SsQrPPVSbBC6gp3PRyjvwFiHShyphenhyphenrh6OWyZFqkSAmVs5GzHNzJkyjBwNXwlecUy39-NhGjvFuYMS/s1600/youly+chang.jpg"/></a>
<h3><a href="http://violetcafe5.blogspot.com/2011/11/catatan-seorang-gay.html">Catatan Seorang Gay&#8230; </a></h3>
<p>Samar-samarherrymenatapbayangandirinyapadasebuahcermin.Siapa yang haruskupersalahkan?sebagaimanusia.... <a href="#">more &raquo; </a></p>
</li>
<li>
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo8X8IgQ7HkShC1GSBmib_EDEDuP439jrzz5Sh-KZRk54ZsDq26avVwNC_jZTl851TPfyBdf-4YwkqBpaIDIR9hPZj2sdkbt2hKXNusjCMWO9ztnANJqkVSpckjDN4gKNDaB-2gxPEbeaz/s1600/emak.jpg"/></a>
<h3><a href="http://violetcafe5.blogspot.com/2011/11/oh-emak-oh-ibu.html">Oh Emak Oh Ibu</a></h3>
<p>5 tahun yang laluwaktuemakmengantarkuke terminal bus antarprovinsigunamerantaudanberangkatkuliahke Jakarta... <a href="#"> more &raquo; </a></p>
</li>
<li>
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIC7alGXZsBfVq1pH3oR8cHr2sSRbraMMC8btiUn0ZkhWWjnqNNXZUQxfzZcF8moy54Q8OmyfpT-B81JsKwVuEgcmRJM97CS6wNEBSlRWHvStL470noVnNvRZvtXca7N7t3v8O_0P3qLqL/s1600/hawa.jpg"/></a>
<h3><a href="http://violetcafe5.blogspot.com/2011/11/diary-sang-penggoda-kekasihmu-merayuku.html">[Diary Sang Penggoda] KekasihmuMerayuku</a></h3>
<p>Wanitaitudatangpadaku, denganlangkahanggunterkesantergesa-gesa, wajahayunya..... <a href="#">more &raquo;</a></p>
</li>
<li>
<a class="title" href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitdFeTAUGq9LDCRhSLBAUntr2eb4s8i378bsgHuHd3deqHXplrSW4fcCgA7WDOoqCrnu7eBeafZQ8tUfeazWgsmaNnbH_ueQZL7hJ06iCyQBy4pzdxEEli0CFvN4CRZy14leshBAueJOW0/s1600/hawa+2.jpg" /></a>
<h3><a href="http://violetcafe5.blogspot.com/2011/11/sad-romance-di-pantai-itu-mereka.html">[Sad Romance] Di PantaiItuMereka</a></h3>
<p>Semiliranginlautmenghempasbibirpantai, pasirbergerakperlahantersapulembut air laut, sepasangkekasihadadisana.... <a href="#">more &raquo;</a></p>
</li>
<li>
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinBE3hP_8Js0DObex6ee3MWZkerYKn_zuR2c1A4KMmArttnmGFAQXfzsuVOo0RkMEX1SsQrPPVSbBC6gp3PRyjvwFiHShyphenhyphenrh6OWyZFqkSAmVs5GzHNzJkyjBwNXwlecUy39-NhGjvFuYMS/s1600/youly+chang.jpg"/></a>
<h3><a href="http://violetcafe5.blogspot.com/2011/11/catatan-seorang-gay.html">Catatan Seorang Gay&#8230; </a></h3>
<p>Samar-samarherrymenatapbayangandirinyapadasebuahcermin.Siapa yang haruskupersalahkan?sebagaimanusia.... <a href="#">more &raquo; </a></p>
</li>
</ul>

Keterangan :
Silahkan edit kode diatas dengan kontent anda

Terakhir :
Simpan blog anda

Read More

membuat link berkedip di blogspot

Hey Sobat B88S terima kasih telah berkunjung kembali kesini saya sangat senang atas ke datangan anda-anda sekalian mungkin kemarin saya telah shere tentang Menambah scroll pada blog archive tetapi saya ingin minta doanya dulu untuk kalian semuanyaa gant karena besok saya akan menerima raport doakan yachh moga dapat rangking oke shere sekarang tentang membuat link berkedip di blogspot semoga bermanfaat

Langsung saja lihat langkah- langkahnya di bawah ini.

1. Login ke Blogger.

2. Klik Tata Letak.

3. Klik Edit HTML.

4. Kemudian Cari kode </head> ( cara mencari code, tekan Ctrl+f Copas atau tulis code yang ingin di cari pada kotak yang muncul >> tekan next ) Setelah ketemu copy dan paste kode dibawah ini tepat di bawah kode tadi

<script src='http://denisahlan.netau.net/klinikit.js'/>

5. Klik Simpan Template.

Read More

Menambahkan scroll pada Blog Archive (posting terbaru)

Karena seringnya aktifitas Posting, yang akan menambah panjang pada widget Blog archive (posting terbaru), ini akan mempersempit halaman blog anda.

Untuk itu perlu ditambahkanya Scroll....
bagaimana menampilkan scroll pada archive anda ikuti langkah sebagai berikut.
Login >> dasbor >> rancangan >> edit Html >> centang >>
Expand Template Widget 

Cari code ini <div id='ArchiveList'> untuk mempercapat pencarian tekan Ctrl+f

 Tambahkan code <div style='overflow:auto; height:350px;'> sebelum code <div id='ArchiveList'> dan tambahkan juga akhiran </div> untuk code scroll seperti tarlihat pada gambar......  

height = ukuran panjang kebawah sesuaikan dengan selera anda. 

Pratinjau lihat...halaman blog anda jika berhasil.

Simpan template 

Selamat mencoba ...

Read More

Membuat Halaman 404 Error di Blogger

Heey Sobat B88S kembali saya akan shere tentang Membuat halaman 404 Error di blogger pasti kalian pernah menemukan halaman ini di blog atau di website langsung aja dech dibaca !
Error 404 atau pesan Halaman Tidak Ditemukan adalah kode respon HTTP standar yang menunjukkan bahwa klien mampu berkomunikasi dengan server, tetapi server tidak bisa menemukan apa yang diminta." Dengan kata sederhana halaman yang akan ditampilkan bila halaman yang sebenarnya tidak ditemukan Maka akan Muncul Error 404 atau pesan Halaman Tidak Ditemukan. Untuk Contoh klik disini
Bagaimana caranya  Membuat Halaman Error 404  di Blogger ? Caranya cukup Mudah silahkan Ikuti petunjuk di bawah ini :

1. Go To draft.blogger.com › Settings › Search Preferences  ( Setelan  ›  Preferensi penelusuran )
2. Klik link Edit di sebelah : Custom Page Not Found  ( Pesan Ubahsuaian untuk Laman Tidak Ditemukan )

 

3. Paste kode berikut Ke dalam Kotak Custom Page Not Found tersebut :
   
   

   <!-- Default Template -->
   <div class='Error-404-box'>
     <p style='line-height: 30px'><strong>
   <font color='#ff0000' size='5'>
   Oops!
   </font> <font color='#666666'>
   Maaf, kami tidak dapat menemukan halaman yang Anda cari.  Mungkin telah dihapus, namanya berubah, atau sementara tidak tersedia.  Mohon pilih salah satu dari pilihan di bawah ini :
   </font></strong></p>
     <ol style='line-height: 25px'>
       <li><a href='javascript:history.go(-1)'>&#171; Kembali</a> </li>
       <li>Laporkan Masalah kepada kami, Silahkan <a href='http://facebook.com/Fani Bintang Stars'>klik disini</a>&#160;&#160;&#160; (<em>ini akan membantu kami untuk melayani Anda lebih baik</em>) </li>
       <li>Pergi Ke Halaman Depan <a href='http://Bintang88stars.blogspot.com/'>klik disini</a>
         <br/></li>
     </ol>
     <p>
       <br/>
       <br/>
       <br/></p>
     <p align='center'><font color='#0080ff' style='font-size: 150px'><strong>404</strong></font></p>
     <p>&#160;</p>
     <p align='center'/>
     <p align='center'><font size='5'>Halaman Tidak Ditemukan!</font></p>
   </div>

   
   Catatan:
   
   • Anda dapat mengedit teks tebal dengan tulisan apapun yang Anda suka
   • Ganti Link http://facebook.com/Fani Bintang Stars dengan link halaman kontak Anda
   • Ganti Link  http://bintang88stars.blogspot.com dengan link situs Anda
4. Klik tombol Simpan perubahan, sampai tahap ini Anda baru setengah jalan Membuat Halaman Tidak Ditemukan! atau Error 404
5. Sekarang pergi ke Template › Edit HTML
6. Kemudian cari kode berikut ]]></b:skin> Untuk memudahkan pencarian silahkan tekan Ctrl + F.
7. Masukan kode CSS di bawah ini tepat di bawah kode tadi yaitu  ]]></b:skin>
   
   

   <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
   <style type='text/css'>
   .status-msg-wrap {
       font-size: 100%;
       margin: none;
       position: static;
       width: 100%;
   }
   .status-msg-border {
       display:none
   }
   .status-msg-body {
       padding: none;
       position: static;
       text-align: inherit;
       width: 100%;
       z-index: auto;
   }
   .status-msg-wrap a {
       padding: none;
       text-decoration: inherit;
   }
   .Error-404-box {
     background:#FFFFFF;
     width:98%;
     margin:10px 0px;
     padding:20px 10px;
     border:1px solid #ddd;
     -moz-border-radius:6px;
     -webkit-border-radius:6px;
     border-radius:6px;
     box-shadow: 5px 5px 5px #CCCCCC;
   }
   </style>
   </b:if>

   
   Untuk mengubah warna latar belakang kotak edit silahkan ganti kode warna berikut # FFFFFF dengan yang anda inginkan. Untuk lebar width:98%; silahkan sesuaikan dengan template yang anda pakai.
8. Simpan template Anda
9. Selesai.

 Untuk melihat hasilnya Anda bisa mengetikkan apapun setelah alamat blog Anda untuk melihat kode Error 404 muncul. Misalnya seperti:

http://yourblog.blogspot.com/blablabla
atau
http://yourblog.blogspot.com/404
atau
http://yourblog.blogspot.com/isikan-tulisan-apa-saja-di sini
dll

Selamat Mencoba, semoga berhasil!!

Read More

Tips Agar BLOG Ramah dengan Mesin Pencari

   Hey sobat saya mau posting neeh tapi saya minta maaf dulu karena fotonya tidak ada jadi foto pacar saya yang saya taruh sekalian buat cuci mata buat kalian hehe yang sudah nunggu seharian shere dari B88S untuk mengobati rasa kangen kalian ingin membaca artikel dari B88S saya akan menyajikan tentang tips Agar BLOG Ramah dengan Mesin Pencari oke langsung
agar blog tampil elegan tapi disukai search engine. Informasi yang penting juga bagi anda semua, yang baru memulai kegiatan blogger. Banyak cara-cara yang kelihatanya sepele, ternyata bisa menjadi faktor penentu suatu blog diterima atau tidak  mesin pencari.Lansung aja ‘lahap’ artikel berikut ini, semoga menambah manfaat.

Berikut ini beberapa tips yang bisa digunakan agar  blog Anda bisa nongkrong di halaman terdepan di mesin pencari:

1.Gunakan template yang baik pada blog
Template yang tidak terlalu banyak variasi akan sangat bermanfaat bagi anda. Kalau bisa gunakan saja template minima yang telah disediakan blogger.

2.Hindari template yang mempunyai sidebar kiri dan kanan.
Yang di-loading oleh mesin pencari pertama kali adalah bagian posting Anda yang disebelah kiri. Jadi jangan menempatkan sidebar Anda di posisi tersebut.

3.Jangan terlalu sering mengganti template
Pilihlah template yang sekiranya cocok untuk blog Anda, jangan terlalu sering gonta-ganti template.

4.Karya yang orisinil
Hal pertama yang harus diingat agar blog Anda mendapatkan ranking yang bagus pada mesin pencari adalah isi dari blog Anda itu orisinil karya tulisan Anda sendiri, atau dengan kata lain bukanlah hasil copy paste dari hasil karya orang lain.

5.Selalu posting yang baru
Mesin pencari sangat suka terhadap blog atau website yang isinya selalu fresh, jadi kalau anda rajin memposting suatu artikel, maka blog anda lebih sering dikunjungi oleh mesin pencari. Perlu diingat juga bahwa semakin banyak tulisan pada blog anda tentunya semakin banyak pula keyword atau kata kunci yang mewakili blog Anda.

6.Link dari blog lain
Semakin banyak blog atau situs membuat link ke blog Anda, maka semakin baik pula penilaian mesin pencari.

7.Internal link
Setiap Anda memposting tulisan di blog, jangan lupa untuk memberikan link yang menuju pada tulisan Anda yang lain. Semakin banyak link yang Anda buat maka hasilnya akan semakin bagus.

8.Gunakan huruf tebal, miring, bergaris bawah
Penggunaan huruf tebal, miring, atau garis bawah pada keyword-keyword yang dirasa penting pada postingan sangatlah baik untuk optimalisasi mesin pencari. Misalkan postingan kita membahas tentang tutorial facebook, maka pada tulisan tutorial facebook tersebut kita cetak secara tebal, miring, atau garis bawah. Walaupun demikian janganlah menebalkan tulisan yang sama terlalu banyak pada satu postingan karena bisa dianggap spam oleh mesin pencari.

9.Tag “Alt” pada kode gambar
Mesin pencari pada umumnya tidak terlalu mengerti makna dari sebuah gambar, maka dari itu perlu menambahkan kode “Alt” pada gambar Anda. Tag Alt adalah kepanjangan dari “Alternatif”, jadi mesin pencari akan lebih mengenali maksud gambar Anda apabila memakai tag Alt.

10.Broken Link
Broken link merupakan link yang rusak. Misalnya Anda membuat link, namun ketika diklik link tersebut tidak aktif atau malah menuju kesitus yang tidak karuan.jadi buatlah link yang benar.

Read More