Cara Meningkatkan Peringkat Google dengan Mudah

Cara Meningkatkan Peringkat Google dengan Mudah - Memiliki Peringkat paling atas dalam search engine google adalah hal yang istimewa,atau luar biasa bagi siapa saja yang mempunya website atau blog.Pertanyaannya adalah, bagaimana Anda mendapatkan peringkat yang lebih tinggi untuk posting blog saya menggunakan Blogger?.Sebelum saya memberitahukanya bagaimana,izinka saya memberitahukan anda sebuah pelajaran cepat adalah dengan cara optomasi mesin pencari (SEO).Postingan ini hampir mempunyai kemiripan dengan posting yang ada disini

Ada dua komponen utama : "off-page" dan on-page" optimization.Ada dua komponen utama "off-page" dan pada halaman optimasi ."off-page" Seo mengacu pada link taktik seperti bangunan.Semakin bayak website yang titik link mereka ke blog atau situs web, semakin baik.Ini adalah cara demokratis google menunjukan bahwa situs anda harus menjadi penting jika bayak orang yang menunjukan kepadanya.Lebih penting dengan "off-page" inbound adalah link yang sebenarnya teks (anchor text) yang digunakan untuk menunjukan ke situs anda.

Buktinya :

Dan Blogger template secara default tidak datang dengan dioptimalkan mesin pencari (SEO) tag judul yang berarti Anda tidak memaksimalkan blog Anda ke peringkat lebih baik di Google.Jika anda melihat pada judul Blogger Anda yang sudah ada, Anda akan melihat bahwa blogger menampilkan nama blog pertama yang kemudian diikuti dengan judul posting Anda.Mereka telah secara terbalik jadi mari kita mendapatkan blog Anda setup dengan benar.Dan Kita harus cepat-cepat untuk mengedit template Blogger Anda yang mungkin mengintimidasi sebagian dari Anda tapi itu sangat kecil dan tidak sakit sekali.Yang saya minta Anda untuk lakukan pertama adalah untuk cadangan template Anda hanya jika Anda membuat boo boo.Yang membuatnya mudah untuk memulihkan kembali tanpa banyak sakit kepala. hehehe...

Cara Sebagai berikut ini :

Pertama : Masuk ke account blogger anda sendiri sehingga masuk ke Dasbor, Kemudian Tata Letak, Edit HTML.

Kedua : Cari kode ini : <b><title><data:blog.pageTitle/></title></b> .Biasanya code berada dibaris ke 5-10 pertama dari kode template anda.

Ketiga : kemudian ganti kodenya dengan 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>

Keempat: Simpan template

kemudian coba Klik ke dalam setiap individu pos dan melihat judul halaman.Semua posting blogger sekarang jauh lebih baik dioptimalkan untuk peringkat lebih tinggi di Google.Aku tidak akan menjanjikan Anda sebuah perbedaan siang dan malam tapi kau telah mengambil langkah dalam arahan yang benar.Sekarang pergi post unik konten berkualitas tinggi sehingga orang-orang yang mencari Google akan menemukan blog Anda terlebih dahulu!.

*SELAMAT MENCOBA*

Read More

Cara Pasang Pesan dibawah Poskan Komentar

Cara Pasang Pesan dibawah Poskan Komentar - Setelah postingan sebelumnya membahas tetang Google Earth,mungkin ada sedikit bingung dengan judul di atas maksudnya pesan diatas itu supaya orang yang berkomentar tidak melakukan SPAM, PRON, maupun Sara.Dari pada itu sebelum orang berkomentar sebaiknya kita melakukan antisipasi agar seseorang yang mau berkomentar tidak melakukan SPAM, PRON, maupun Sara.Caranya sebagai berikut ini :

Pertama : Masuk ke account blogger anda sendiri sehingga masuk ke Dasbor, Kemudian Tata Letak, Edit HTML.

Kedua : Terus jangan lupa Expand Template Widget di centang seperti gambar di bawah ini :

Ketiga : cari kode ini :

<p><data:blogCommentMessage/></p>

Kemudian taruk pesan anda di bawah kode diatas

Keempat : Simpan Template

maka jadinya seperti gambar dibawah ini :

SELAMAT MENCOBA

Read More

Cara Membuat Judul Posting Menjadi Judul Blog

Cara Membuat Judul Posting Menjadi Judul Blog - Mungkin dari kalian semunya sudah mengetahui cara ini tapi saya akan sedikit mengulasnya kembali,dan dalam postingan sebelumnya saya membahas tetang "Cara membuat posting lama menjadi angka" apabila kita melihat suatu posting blog yang lalu diikuti dengan judul posting blog, seperti contoh disa'at kita akan membuka postingan "Cara Merubah Posting Lama Menjadi Angka" nah apabila kita membuka postingan tersebut maka akan tampil "Cara Merubah Posting Lama Menjadi Angka | Blog Aan | Blog Tutorial | Pengetahuan Internet" Pada Title Bar dan juga pada awal posting juga ada Cara Merubah Posting Lama Menjadi Angka

Dan Menurut para master SEO dengan tampilan tampilan seperti ini format tampilan pada title bar akan menjdai panjang dan akan membuat postingan menjadi kurang SEO Friendly

Apabila kita Memakai cara di atas cara membuat judul posting menjadi judul blog,sehingga blog kita menjadi SEO Friendly.Maka dari pada itu search engine akan men-detect atau menerima setiap judul posting sebagai suatu keyword tersendri. contohnya seperti artike saya yang Cara Merubah Posting Lama Menjadi Angka berada paling atas pada search engine GOOGLE



dari gambar di atas apabila blog kita terdaftar pada search engine atau terindex maka kita mengetikkan keyword tertentu pada search engine,tersebut makan dapat di lihat hasilnya seperti diatas.

Untuk membuat posting manjadi judul blog langkah-langkahnya sebagai berikut ini :

Pertama : Masuk account blogger anda sendiri sehingga masuk ke Dasbor, Kemudian Tata Letak, Edit HTML

Kedua : Terus jangan lupa Expand Template Widget di centang seperti gambar di bawah ini





Ketiga : Kemudian cara code di bawah ini :

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

kalau kagak salah berada dibawah kode <head>

Keempat : Kalau sudah ketemu kemudian ganti kode tersebut dengan code di bawah ini :

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

Kelima : Simpan Template

Dan cara yang terakhir selesai deh. Gampang bukan... :D


Dan sekarang refresh blog anda kemudian buka salah satu postingan dan pastikan judul postingan tersebut sudah muncul pada title bar, seperti yang terdapat pada blog saya ini.

*SELAMAT MENCOBA*

Sumber

Read More

Cara Merubah Posting Lama Menjadi Angka

UPDATE

Dalam Menyambut bulan suci Ramadhan, marilah kita saling memaafkan dari segala dosa besar maupun kecil, sengaja maupun tidak disengaja, disadari maupun tidak, Minal Aidzin wal Faizin Mohon maaf lahir dan bathin.Dan Selamat menunaikan Ibadah PUASA.

Dan saya Aan Blog beserta keluarga saya mengucapkan selamat menunaikan ibadah puasa kepada anda yang beragama islam. Mohon di maafkan segala kesalahan yang telah saya pebuat perbuat, baik yang di sengaja ataupun yang tidak di sengaja.

Tutorial Blog atau Tips Trik tentang BLOGGER kali ini akan membahas tentang Cara Merubah Posting Lama Menjadi Angka, atau bisa juga disebut cara membuat page number Dalam Postingan yang kemaren yang sudah di tulis cara merubah posting lama menjadi gambar dan kali ini saya akan membahas tetang Cara Merubah Posting Lama Menjadi Angka ini atas permintaan sobat blogger yang ada disini, Setelah kemaren adalah hari yang special banget buat saya, yaitu hari ultah saya yang ke 16.Oke deh langsung aja caranya sebagai berikut ini :

Sebenarnya caranya sangat mudah sekali seperti di bawah ini :

* Masuk BLOGGER Anda
* Dashboard/dabor
* Layout/tata letak
* Pilih Tambah Gadget
* Pilih HTML/JavaScript

* Kemudian Silahkan download codenya dibawah ini:

contoh dari code ini DISINI
Contoh gambarnya dibawah ini :

Silahakan download dibawah ini :




contoh dari code ini DISINI
Contoh gambarnya dibawah ini :

Silahakan download dibawah ini :




kalau sudah di download kodenya kemudian masukan kodenya di HTML/JavaScript

* Kemudian Simpan

Setelah itu jangan lupa pindah HTML/JavaScript tadi di bawah Posting Blog.

Seperti gambar dibawah ini :



*Selamat Mencoba*

Read More

Cara Merubah Posting Lama Menjadi Gambar

Cara Merubah Posting Lama Menjadi Gambar, Dalam Posting yang kemarin yang sudah di tulis cara hack joomla 1.5, kali ini saya akan membahas tentang cara merubah posting lama menjadi gambar, Dan setelah sekian lama aku tidak memposting lagi tentang Tutorial Blog atau Tips Trik tentang BLOG karena di sibukan blog baru aku yaitu Blog Musik.Oke deh langsung aja begini caranya....

Cara merubah posting lama atau older posts dan home maupun posting lebih baru atau newer posts menjadi gambar.Caranya di bawah ini :



Seperti Gambar di atas caranya sebagai berikut :

• # Masuk BLOGGER Anda
• # Dashboard/dabor
• # Layout/tata letak
• # Edit HTML

Teruz jangan lupa Expand Template Widget di centang seperti gambar di bawah ini :


Untuk menganti posting lama atau older posts menjadi gambar caranya di bawah ini :

Cari code di bawah ini :


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


kalau sudah ketemu kemudian cari icon-icon contohnya seperti disini, kalau tidak coba mampir kesini, atau anda cari saja sendiri di GOOGLE atau yang lainya.

kalau sudah dapat icon mana yang cocok dengan selera anda kemudian ganti codeny seperti di bawah ini :

<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'><img src='http://i37.photobucket.com/albums/e74/mrphoto16/herman%20blog%20icon/forward3.png'/>
</a>
</span>

yang berwana hijau bisa di ganti dengan code icon pilihan anda.

kemudian simpan.

kalau sudah selesai contohnya seperti dibawah ini :



Kemudian untuk mengati halaman muka atau home seperti gambar.

Untuk menganti halaman muka atau home menjadi gambar caranya di bawah ini :





cari code di bawah ini :

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

kalau sudah dapat kodenya kemudian ganti dengan di bawah ini :


<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><img src='http://i37.photobucket.com/albums/e74/mrphoto16/herman%20blog%20icon/home2.png'/>
</a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><img src='http://i37.photobucket.com/albums/e74/mrphoto16/herman%20blog%20icon/home2.png'/>
</a>
</b:if>

yang berwana hijau bisa di ganti dengan code icon pilihan anda.



Kemudian untuk mengati posting lebih baru atau newer posts menjadi gambar

Untuk menganti posting lebih baru atau newer posts menjadi gambar caranya di bawah ini :



Cara Code di bawah ini :

<b:if cond='data:newerPageUrl'>

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

kalau sudah dapat codenya ganti dengan di bawah ini :

< b:if cond='data:newerPageUrl'>
< 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'>< img src='http://i37.photobucket.com/albums/e74/mrphoto16/herman%20blog%20icon/back3.png'/>< /a>
< /span>
< /b:if>



yang berwana hijau bisa di ganti dengan code icon pilihan anda.

Kalau sudah selesai jadinya seperti gambar dibawah ini :

*SELAMAT MENCOBA*

Read More

Ganti Template

Kali ini bukan TUTORIAL atau TIPS maupun TRIK melainkan tetang Ganti Template mau tau kenapa saya menganti templte??? silahkan lanjutkan aja membacanya :D.

setelah berfikir-fikir ternyata ganti template juga kenapa?karena blog aku yang dulu setelah di lihat-liat pakek laptop ternyata tidak bagus atau acak-acakan :#,template yang dulu saya pakek template maz NDYTEENS template yang saya pakek yang dulu ini, kalau kita lihat pakek LCD atau MONITOR biasa-biasa aja tidak ada keanehan. tapi setelah saya lihat pakek laptop ternyata blog saya acak-acakan.

Buat maz ndyteens ma'af ya saya tidak pakek templatenya lagi :D, sebenarnya saya mau bikin template sendir tapi saya belum bisa apa-apa jadi bisanya saya cuma pakek templatenya orang :r.Saya ambil templatenya nya disini

Buat anda semunya bagaimana penampilan template saya yang baru??? :d :d :d
silahkan berikan tangapan di komentar ya.... :D :y :y :y,mengharap sekali komentar anda semunya karena komentar anda semunya memberikan semangar bagi saya sendiri :).Bisa juga kritik dan saran anda semunya maupun yang lain :)

Read More

Memasang Icon Back Top Dan Back Top Melayang

Tutorial kalia ini akan mebahas tetang cara Memasang Icon Back Top Dan Back Top Melayang. Tips-Trik yang sebelumnya membahas tentang judul Blog Bergerak liat saja contohnya di blog saya sekarang :). Sebenarnya sudah banyak yang memposting tips-trik Memasang Icon Back Top Dan Back Top Melayang, misalnya di O-OM dan cidaunsblog dan masih bayak lagi yang lainnya :).Fungsi dari Memasang Icon Back Top Dan Back Top Melayang ini melakukan loncatan dari halaman bawah ke halaman paling atas. Jadi kita tidak perlu lagi melakukan scrollbar pada browser.

Langsung aja deh...!!!

untuk cara pertama memasang icon back top pada pojok kanan bawah.

pertama-tama di pastikan anda sudah mempunyai Accont di Blogger



* Klik Tata Letak (layout)
* Kemudian Edit HTML
* Kemudian Cari kode </Body>
biar lebih cepat ctrl+F

* Kemudian Tambahakan kode berikut di bawah kode </Body>


<a href='#' style='display:scroll;position: fixed; bottom:5px;right:5px;' title='Back to Top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyRG42XWv5uPBZvC8YAal7NOB_XrEW13__TnW86Qtxlmc_h2JFEtlYVLkEpkr3pLVsU-ZWA2B_rWbYmF25pGXxs-Ad5p8fAmSPJs6LuuG9Z27J8lqZAPQVsd4n2buYdARoAZGiq1Zm8Z21/s400/Jumptotop2.gif'/></a>

Silahkan ganti yang berwarna code gambar yang berwarna HIJAU sesuai dengan code gambar milik anda :).

sehingga menjadi

</Body>

<a href='#' style='display:scroll;position: fixed; bottom:5px;right:5px;' title='Back to Top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyRG42XWv5uPBZvC8YAal7NOB_XrEW13__TnW86Qtxlmc_h2JFEtlYVLkEpkr3pLVsU-ZWA2B_rWbYmF25pGXxs-Ad5p8fAmSPJs6LuuG9Z27J8lqZAPQVsd4n2buYdARoAZGiq1Zm8Z21/s400/Jumptotop2.gif'/></a>


* Kemudian save

untuk memasang Back Top Melayang

silahkan copy code di bawah ini :

Ini Codenya

<script type="text/JavaScript">
var topMargin = 300
var slideTime = 1200
var ns6 = (!document.all && document.getElementById);
var ie4 = (document.all);
var ns4 = (document.layers);
window.setInterval("main()", 10)

function floatObject() {
if (ns4 || ns6) {
findHt = window.innerHeight;
} else if(ie4) {
findHt = document.body.clientHeight;
}
}

function main() {
if (ns4) {
this.currentY = document.floatLayer.top;
this.scrollTop = window.pageYOffset;
mainTrigger();
} else if(ns6) {
this.currentY = parseInt(document.getElementById('floatLayer').style.top);
this.scrollTop = scrollY;
mainTrigger();
} else if(ie4) {
this.currentY = floatLayer.style.pixelTop;
this.scrollTop = document.body.scrollTop;
mainTrigger();
}

}
function mainTrigger() {
var newTargetY = this.scrollTop + this.topMargin
if ( this.currentY != newTargetY ) {
if ( newTargetY != this.targetY ) {
this.targetY = newTargetY
floatStart();
}
animator();
}


}
function floatStart() {
var now = new Date()
this.A = this.targetY - this.currentY
this.B = Math.PI / ( 2 * this.slideTime )
this.C = now.getTime()
if (Math.abs(this.A) > this.findHt) {
this.D = this.A > 0 ? this.targetY - this.findHt : this.targetY + this.findHt
this.A = this.A > 0 ? this.findHt : -this.findHt
} else {
this.D = this.currentY
}
}
function animator() {
var now = new Date()
var newY = this.A * Math.sin( this.B * ( now.getTime() - this.C ) ) + this.D
newY = Math.round(newY)
if (( this.A > 0 && newY > this.currentY ) || ( this.A < 0 && newY < this.currentY )) {
if ( ie4 )floatLayer.style.pixelTop = newY
if ( ns4 )document.floatLayer.top = newY
if ( ns6 )document.getElementById('floatLayer').style.top = newY + "px"
}
}
//-->
</script>
<div id="floatLayer" style="position: absolute; height:20px; width:15; left:650px; top:400px; z-index: 100"><a href="#"><img vspace="0" border="0" hspace="0" alt="Back to Top" width="15" src="http://i554.photobucket.com/albums/jj414/aan_mania/PANAHATAS.jpg" height="25"/></a></div>

Silahkan ganti yang berwarna code gambar yang berwarna HIJAU sesuai dengan code gambar milik anda :).



cara untuk memasang Back Top Melayang seperti ini :

* Masuk ke BLOGGER hingga memasuki Panel Kontrol
* Klik Tata Letak (layout)
* Kemudian Tambahkan Gadget
* Kemudian Tambahkan HTML/Javascript
* Kemudian pastekan code di atas
* Simpan Perubahan
* Selesai


Selamat mencoba Dan Semoga Berhasil :)

Salam

TUTORIAL BLOG

Read More

Cara Membuat Judul Blog Bergerak

Tutorial kali ini akan membahas tetang membuat ANIMASIH JUDUL BLOG BERGERAK sebenarnya udah ada pada blognya EKA(eRGe), sory nih maz aku post lagi :D. Tidak lapor lagi :r, kayak upacara bandera aja ada laporannya :). Saya ini sebenarnya seorang BLOGGER biasa yang kebayakan balajar dari BLOGGER Master. Seperti Kang Rohman, Kang Agus Ramadhani (OOM) Dan masih banyak lagi yang lainya. Misalnya master FACEBOOK, master VISUAL BASIC. Kalau aan sendiri MASTER apa ya? :t :d

Sebenarnya saya tidak enak sendiri kepada maz EKA(eRGe). Buat mas EKA Sekali Lagi minta ma'af. :y

sedikit info PR aan ALMADULILLAH kagak naik kgak turun :) :z :z

oke!!!

deh langsung saja ke script nya, contohnya seperti punya maz EKA yang dulu.

Ini Script nya :

<script language="JavaScript">
<!--
//
//Scrolling Status Bar
putmsg="==welcome==";
letchar2="+==o0o==+";
letchar1="+==o0o==+";ultimo1=letchar1.length-1;
ultimo2=letchar2.length-1;
ultimo2=letchar2.length-1;
tiempo=setTimeout("stat_scroll()",.1);
function stat_scroll()
{
aux1=letchar1.charAt(ultimo1-1);
letchar1=aux1+letchar1.substring(0,ultimo1-1);
aux2=letchar2.charAt(0);
letchar2=letchar2.substring(1,ultimo2+1)+aux2;
window.status="(" + letchar2 + putmsg + letchar1 + ")";
tiempo=setTimeout("stat_scroll()",.1);
return true;
}
// -->
</script>
<script language="JavaScript">
<!--
//
putmsg="[Blog Aan]";
letchar2="+==o0o==+";
letchar1="+==o0o==+";
ultimo2=letchar2.length-4;
ultimo2=letchar2.length-4;
tiempo=setTimeout("tit_scroll()",.1);
function tit_scroll()
{
aux1=letchar1.charAt(ultimo1-1);
letchar1=aux1+letchar1.substring(0,ultimo1-1);
aux2=letchar2.charAt(0);
letchar2=letchar2.substring(1,ultimo2+1)+aux2;
document.title="" + letchar2 + putmsg + letchar1 + "";
tiempo=setTimeout("tit_scroll()",.1);
return true;
}
// -->
</script>

Jangan Lupa Blog Aan yang berwarna hijau di ganti dengan nama Judul Blog Anda.




Nah kali ini Judul Blog Bergerak seperti yg berada pada BLOG saya, yang sangat saya sayangi. :L

Script yang satu ini di dapat dari Maz yoyok

silahkan download codenya :






kenapa saya suruh download karena saya posting kagak bisa yaudah terpaksa disuruh download :r. Atau sripctnya kgak bisa jalan :D yaudah aan suruh download aja :r.

"Assalmualaikum WR.WB";
"Selamat Datang Di Blog's AAN";
"Posting Tutorial Blog Dan Pengetahuan Di Internet";
"Terima Kasih Atas Kunjungannya";
"Wassalamualaikum WR.WB";

silahkan ganti kata-kata di atas bila sudah di download sesuai dengan keinginan anda. :)

dan sripct yang ini aku ambil dari Bang Fajar, untuk judul blognya.

Ini Sripct nya

<script language="JavaScript">
<!--
//
//Scrolling Status Bar
putmsg="==welcome==";
letchar2="+==>,<==+";
letchar1="+==>,<==+";ultimo1=letchar1.length-1;
ultimo2=letchar2.length-1;
ultimo2=letchar2.length-1;
tiempo=setTimeout("stat_scroll()",.1);
function stat_scroll()
{
aux1=letchar1.charAt(ultimo1-1);
letchar1=aux1+letchar1.substring(0,ultimo1-1);
aux2=letchar2.charAt(0);
letchar2=letchar2.substring(1,ultimo2+1)+aux2;
window.status="(" + letchar2 + putmsg + letchar1 + ")";
tiempo=setTimeout("stat_scroll()",.1);
return true;
}
// -->
</script>
<script language="JavaScript">
<!--
//
putmsg="[Blog Aan]";
letchar2="+==>,<==+";
letchar1="+==>,<==+";
ultimo2=letchar2.length-4;
ultimo2=letchar2.length-4;
tiempo=setTimeout("tit_scroll()",.1);
function tit_scroll()
{
aux1=letchar1.charAt(ultimo1-1);
letchar1=aux1+letchar1.substring(0,ultimo1-1);
aux2=letchar2.charAt(0);
letchar2=letchar2.substring(1,ultimo2+1)+aux2;
document.title="" + letchar2 + putmsg + letchar1 + "";
tiempo=setTimeout("tit_scroll()",.1);
return true;
}
// -->
</script>

ganti Blog Aan dengan nama judul blog anda atau ganti sesuai dengan selera anda. :)



untuk cara memasang semunya caranya seperti ini :


* Masuk BLOGGER Anda
* Dashboard/dabor
* Layout/tata letak
* Tambah Gaget
* Pilih HTML/JAVASCRIPT.
* Paste script diatas sesuai pilihan anda yg mana
* kemudian simpan



*Selamat Mencoba ya......* :)

*Dan Semoga Bermanfaat YA!!!* :d

Read More

Cara Menghilangkan Langgan: Entri (Atom)

Cara menghilangkan Langgan: Entri (Atom) itu di minta oleh Paguyuban Yuangga dia g kasik alamat blogger yg lengkap sih jadi saya tidak bisa menjelaskan lebih rinci,sebernya saya sih sempat kagak tau juga ya caranya g mn setelah saya edit sana edit sini akhirnya bisa juga.

yaudah langsung aja ke pokok bahasan.
seperti cara biasanya

• Login keblogger
• Klik tata letak/layout
• Klik edit HTML
• Beri tanda centang pada kotak yang di samping Expand Template Widget

• Kemudaian cari code di bawah ini
  

</b:includable>
<b:includable id='main' var='top'>
<!-- posts -->
<div class='blog-posts'>

<b:include data='top' name='status-message'/>

<data:adStart/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
</b:loop>
<data:adEnd/>
</div>
<!-- navigation -->
<b:include name='nextprev'/>


<!-- feed links -->
<b:include name='feedLinks'/>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<span class='delete-comment-icon'> </span>
</a>
</span>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>





<b:else/> <!--Post feed links -->
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>


ATAU CODE YANG INI:
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>


<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>

yang berwarna hijau itu yang di hapuz ,nah begitu aja caranya,gampang bukan?biala yang kagak bisa saya cuma mau bilang kacian deehh loohhhh
***SELAMAT MENCOBA***
bial kesulitan silahkan kontak emal dengan saya disini

Read More

Blogroll Kotak Komentar Dan Seting Kotak Komentar

Hai teman-teman aan²º nah 20 ithu adalah tanggal lahir aku :D.Fokuf aja ya ke edit kotak komentar aja,Sarana Kotak Komentar Blogroll adalah untuk menghemat tempat aja buat komentar,biala komentar anda banyak maka akan tidak enak kan diliat oleh pengunjung.Nah kotak komntara Blogroll ini aku dapat dari Maz OrLaND terima kasih ya Maz orland.
seperti gambar dibawah ini :

Langsung aja udah ke pokoknya :
langkah-Langkahnya

1. Login keBlogger
   
2. Klik Tata Letak / Layout
3. Klik Edit HTML
4. Beri Tanda Centang pada kotak yang disamping tulisan Expand Template Widget

Seperti gambar dibawah ini :

PERINGATAN DI CENTANG YA
5. Cari kode berikut <dl id="comments-block">
6. Jika sudah ketemu, silahkap COPY PASTE kode dibawah ini, tepat dibawah kode diatas
<div style='border: 2px solid rgb(51, 255, 51); width:100%; height:300px; overflow:auto;'>

7.Copy Paste kode </div> pada akhir kode comment atau sebelum kode </dl>

Apakah anda masih bingung pasang kode di atas, jika "YA" saya kasih contoh kode setelah di copy paste tersebut seperti dibawah ini:
<dl id='comments-block'>
<div style='border: 2px solid rgb(51, 255, 51); width:100%; height:300px; overflow:auto;'>
<b:loop values='data:post.comments' var='comment'>
<div class='comments-singleblock'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'> <data:comment.author/> </a>,
<b:else/>
<data:comment.author/>,
</b:if>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'> <data:comment.body/> </span>
<b:else/>
<p><data:comment.body></data:comment.body></p>
</b:if>
</dd>
<dd class='comment-footer'>

</dd>
</div>
</b:loop>
</div>
</dl>

Kode yang bercetak tebal diatas adalah, kode yang harus anda copy paste kedalam kode komentar.

8. Klik Simpan / Save.

>>>Nah kalau diatas Seting Kotak Komentar Menjadi Blogroll
Kalau dibawah ini kotak komentar di bawah posting
langsung aja ya. :D


Sekali lagi saya tegaskan bahwa tutorial pasang kotak komentar di bawah posting ini khusus bagi anda yang belum pernah memodifikasi kotak komentar anda sebelumnya atau dengan kata lain masih asli dari sononya. Yukkk...kita mulai saja biar cepat kelar.

• Seperti biasa login keBlogger

• Terus menuju ke pengaturan
• klik tab komentar, trus ke tulisan penempatan formulir komentar, kemudian beri tanda pada radio button untuk Disemat dibawah entri. Biar lebih jelas, Coba liat gambar di bawah ini :

• langkah selanjutnya klik tombol Simpan Pengaturan yang ada di bagian layar monitor anda.
• Selesai silahkan liat hasilnya, mudah-mudahan langsung sukses.
  

hee.......... :D

masih lom bisa ya kacian banget wkakakaka :r duuuhhhhh.......!!! gimanaaaaaaa????? :r

jika lom berhasil,bisa mencoba langkah ini . :D

Langkah #1

1. Masih dalam posisi yang tadi, klik Tata Letak.

2. Klik Edit HTMl.

3. Klik pada tulisan Download Template Lengkap di bagian sebelah atas monitor. Silahkan di Backup dulu templatenya (sangat penting).

4. Beri tanda centang pada kotak kecil di samping tulisan Expand Template Widget.

5. Tunggu beberapa saat sampai proses selesai.

Cari kode yang seperti di bawah ini {karena kadang kodenya template berbeda-beda,silahkan fokus ke kode yang warna HIJAU, dan biasanya kode ini ada dua, pilihan kode yang posisinya di bagian di bawah ya!}

<p class='comment-footer'>

        <b:if cond='data:post.allowComments'>

        <a expr:href='data:post.addCommentUrl'             

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

    </b:if>

</p>

1. Hapus / delete kode diatas, lalu ganti dengan kode di bawah 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>

2. Klik tombol Simpan Template.

3. Langkah #1 selesai, yuk ngopi aja g mn??? ambil diri ya di buku tamu aku gratis ko :D dulu biar lebih santai gitu lhohhh..

Sudah belum minum kopinyanya? kalau sudah, kita mulai lagi dech. nyok encang encing enya babeh kita mulai lagi main petak umpet dulu YA gimana???mau ga' wakakakak nya ya.

Langkah #2

ya ikutin aja langkah ya di atas itu masih tau kan ^^^^^^^^^^^^ yang ada tanda >>> ini lohhhh
***SELAMAT MENCOBA DAN JIKA KESULITAN SILAHKAN KONTAK EMAIL DENGAN SAYA DI DISINI

Read More

Huruf Besar Diawal Posting

Haiiii teman-teman aku yang ganteng2 yang cantik2 kali ini saya akan menerangkan tentang huruf besar di awal posting

Nah posting ini diminta oleh saudara David,kebetulan david ini mengikuti forum blog di kota kraksaan.

Langsung aja ya!!!

Login ke http://blogger.com hingga masuk ke Dasbor

Klik Tata Letak (layout)

Kemudian klik tab Edit HTML



Kemudian cari kode seperti di bawah ini.

.post-body {

margin:.5em 0 1em;

padding-bottom:1em;

…………

…………

}



Jika tidak ada, coba cari kode yang mirip, seperti di bawah ini.

.post {

margin:.5em 0 1em;

padding-bottom:1em;

…………

…………

}

Setelah ketemu, tambahkan kode di bawah ini persis di bawah kode di atas.

.post bt {

float:left; color:

$headerBgColor;

font-size:100px;

line-height:80px;

padding-top:1px;

padding-right:5px; }

Kemudian Simpan Template

untuk mempermudah anda bisa ke

1. pengaturan
2. format

lalu taruk kode <bt> dan </bt> di Template Posting



lalu simpan

jadi anda tidak usah menaruk trus kode <bt> dan </bt> setiap anda memposting



Sebagai contoh, seperti ini >>> Contoh kalimat.

Catatan

Color >> Anda dapat mengganti variable color (warna) sesuka Anda dengan fix color, misalnya dengan warna black, green, red, blue dll

Font-size >> Anda dapat mengubahnya sesuai ukuran yang Anda kehendaki

Begitu juga dengan variable yang lain, dapat Anda kustomasi dan dicoba-coba sendiri.

Apabiala mau liat contohnya kan punya aku udah ada :D

***Selamat Mencoba***

Read More

Membuat Readmore Versi ke 2

Membuat Readmore Versi Kedua : Antara satu blogger dengan blogger lainnya menyebut readmore versi ini dengan sebutan yang berbeda-beda, ada yang menyebut dengan readmore versi baru dan tidak sedikit pula yang menyebutnya dengan readmore versi Kedua. Saya sendiri lebih suka menyebutnya dengan readmore versi kedua. Saya sebut demikian karena memang sebelumnya pernah diulas mengenai pembuatan yang dulu ini dan selain itu, tidak tertutup kemungkinan ada tips readmore yang lain lagi sehingga lebih tepat disebut versi kedua dari pada versi baru.Kalau readmore versi dua ini lebih agak rumit dibandingkan readmore yang edisi yang lalu.

Apapun namanya, yang jelas tips readmore kali ini berbeda dengan tips readmore terdahulu. Jika pada tips readmore yang terdahulu, ketika kita mengklik Readmore versi duluuntuk membuka postingan secara utuh maka diperlukan waktu beberapa lama karena harus me-loading ulang postingan tersebut. Dan akan menjadi parah lagi apabila blognya termasuk blog yang berat di mana hal ini dapat membuat pengunjung tidak nyaman & akan menjadi lebih fatal jika kemudian pengunjung menjadi malas untuk melanjutkannya. Sedangkan pada versi yang kedua ini, jika kita mengklik “link readmore” maka postingan secara keseluruhan akan terpampang di bawahnya dengan seketika. Selain “link readmore”, tersedia juga “link summary” di mana jika kita mengkliknya maka postingan akan menjadi pendek (berupa ringkasan) lagi.

Pertama, login ke http://blogger.com hingga masuk Dasbor >> Tata Letak (layout) >> Edit HTML
Kedua, centangi Expand Template Widget

Ketiga, pasang kode berikut ini di atas kode </head >

<script src='http://www.geocities.com/yono_pati/readmore.js'
type='text/javascript'/ >

Keempat, temukan kode di bawah ini.
<div class='post-body entry-content' >

Kelima, sisipkan kode berikut ini
expr:id='"post-" + data:post.id' >
<b:if cond='data:blog.pageType == "item"'

pada kode di atas sehingga menjadi seperti di bawah ini.
<div class='post-body entry-content' expr:id='"post-" + data:post.id' >
<b:if cond='data:blog.pageType == "item"' >



Keenam, temukan kode berikut ini yang letaknya di bawah kode tadi.
<p > <data:post.body/ > </p >

Ketujuh, tambahkan kode berikut ini di bawah kode tersebut.
<b:else/ >
<style>#fullpost {display:none;} </style >
<p > <data:post.body/ > </p >
<span id='showlink' >
<p > <a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\ "); "' href='javascript:void(0);'> Readmore... </a > </p >
</span >
<span id='hidelink' style='display:none' >
<p> <a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);' > Summary... </a > </p >
</span >
<script type='text/javascript' >checkFull("post-" + " <data:post.id/ > ") </script >
</b:if >

Catatan
Teks “readmore” dan “summary” dapat kita ganti sesuai keinginan/selera masing-masing, misalnya menjadi “Baca selengkapnya” dan “ringkasan”.Seperti punya saya baca selengkapnya

Kedelapan, secara keseluruhan akan menjadi seperti di bawah ini, di mana kode yang berwarna merah adalah kode yang baru saja kita tambahkan.

<div class='post-body entry-content' expr:id='"post-" + data:post.id' >
<b:if cond='data:blog.pageType == "item" >

<p> <data:post.body/> </p >

<b:else/ >
<style >#fullpost {display:none;} </style >
<p > <data:post.body/ > </p >
<span id='showlink >
<p > <a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\ "); "' href='javascript:void(0);' > [+/-] Selengkapnya... </a > </p >
</span >
<span id='hidelink' style='display:none' >
<p> <a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\ "); "' href='javascript:void(0);'> [+/-] Ringkasan... </a > </p >
</span>
<script type='text/javascript'>checkFull("post-" + " <data:post.id/> ") </script>
</b:if>

Kesembilan, simpan template
Kesepuluh, ketika melakukan pempostingan, letakkan teks/tulisan yang akan disembunyikan di antara kode <span id="fullpost"> dan </span>

Sebagai contoh adalah sebagai berikut.
Antara satu blogger dengan blogger lainnya menyebut readmore versi ini dengan sebutan yang berbeda-beda, ada yang menyebut dengan readmore versi baru dan tidak sedikit pula yang menyebutnya dengan readmore versi Kedua. <span id="fullpost"> saya sendiri lebih suka menyebutnya dengan readmore versi kedua. </span>
dan edisi yang lalu

Read More

Membuat Folder Sembunyi Pada Blog

Menambah Widget pada blog emanglah tujuannya membuat blog kita menjadi bagus atau (cantik), tapi jika kta melihat blog kita secara seksama kelihatannya berantakan maka kita perlu menyisipkan kode-code yang kita ingin kan.Nah teman-teman aku kali ini saya akan membahas tentang tutorial menyisipkan widget.Bagai mana cara membikin expandable / collapse navigator ???

Nah teman-teman q seperti contohnya yang ada di blog saya yang bergambar di bawah ini :

Informasi Yang Lain Ada Disini…..[+/-]

nah contohnya bisa dilihat diatas ^^^
Sedangkan dengan cara-caranya :

1. Login ke Blogger anda sendiri setelah anda Dan JANGAN LUPA dan simpan template sobat di file atau di notepad takud ada apa-apa entar bisa rusak templatenya
2. kemudian sobat ke Tata Letak > Edit Html, truzzz taruk kode di bawah ini di style template blog shobat.

.commenthidden {display:none}

.commentshown {display:inline}

Catatan : Style sheet > diantara code ]]></skin> atau lebih gampangnya lagi taruh di comments selection, biasanya seperti ini

/* Comments

-----------------------------------------------

kalau tidah ada coba yg ini :

/* ----- COMMENT ----- nah yg ini nama template blog kalian */

kalu udah ketemu sisipkan kode tersebut di bawahnya

/*Comments

-----------------------------------------------

nah jadinya akan seperti ini :

/* ----- COMMENT ----- nah yg ini nama template blog kalian */

.commenthidden {display:none}

.commentshown {display:inline}

3. Setelah itu taruh kode di bawah ini di antara <head> </head> tapi bukan di bagian style sheet.

<script type="text/Javascript">
function togglecomments (postid) {
var whichpost = document.getElementById(postid);
if (whichpost.className=="commentshown") { whichpost.className="commenthidden"; } else { whichpost.className="commentshown"; }
} </script>

atau head yg paling atas sendiri bisa di mengerti???

seperti contoh :

<head>

<script type="text/Javascript">
function togglecomments (postid) {
var whichpost = document.getElementById(postid);
if (whichpost.className=="commentshown") { whichpost.className="commenthidden"; } else { whichpost.className="commentshown"; }
} </script>

dan yg disini script segala macam
.
.
.
.
.
.
sampai </head> yg bawah

4. Simpan hasil pekerjaan kita, kemudian ke Tata Letak , Copy kode ini di sidebar blogger mania, dengan cara klik Tambah Elemen Halaman pilih HTML/Javascript, setelah itu paste

<a aiotitle="click to expand" href="javascript:togglecomments('UniqueName')"
>Click Here…..[+/-]</a><br />
<div class="commenthidden" id="UniqueName">

Kode HTML/Javascript/Content

</div>

Keterangan : UniqueName isi sesuai keinginan sobat, terus taruh kode HTML/JavaScsript atau content sesuai keinginan blooger mania.

Contoh kode di blog saya untuk ShoutMix

<a aiotitle="click to expand" href="javascript:togglecomments('shoutmix')"><center>Click Here...+/-</center></a><br/><br/>

<div id="shoutmix" class="commenthidden">

selesai dheeeeeehh

jika masih saja kesulitan silahkan hubungi via email ya disini

Read More