Cara Menampilkan Widget Hanya di Halaman Postingan

Membuat Widget hanya tampil di bagian halaman postingan memang sudah banyak sekali Tutorial ini tapi tidak apa lah Student-Brains akan membahas lagi postingan "Cara Membuat Widget Hanya Tampil di Halaman Postingan".

Jadi langkah ini dibuat agar gadget tidak tampil pada Home Page dan hanya tampil di HALAMAN POSTINGAN. Untuk penggunaannya tergantung kebutuhan anda, mungkin menampilkan gadget "artikel populer", "Iklan", "banner", atau yang lain....

Bila teman-teman menginginkannya,silahkan teman-teman ikuti langkah - langkah dibawah ini :

1. Login ke blogger dengan ID anda.
2. Klik Layout atau (Tata Letak kalo gak salah soalnya saya sering gunakan b.inggris)
3. Lalu klik Tambah Gadget, pilih jenis gadget yang anda butuhkan lalu Simpan.

Sekarang anda dapat melihat gadget baru yang muncul pada bagian paling atas pada sidebar template anda.
Pada artikel ini misalnya saya menambahkan gadget HTML / Javascript untuk sidebar saya, silahkan anda lihat gambar dibawah :

4. Dan sekarang KLik tab Edit HTML.
lalu cari Kode Widget misalkan pada gambar saya memilih Widget yang Idnya : HTML24

5.Cari Kode Widget tadi. saya contohkan Kodenya : HTML24

Catatan : Silahkan anda ingat ID widget yang paling atas. Pada gambar diatas, saya contohkan ID Widget adalah "HTML24"

6. Sekarang pindah ke menu "Template" dan cari nama yang anda ingat pada langkah di atas. (Pada contoh saya ini adalah HTML24). Seperti anda lihat pada gambar berikut :

7.Copy kode berikut :

<b:if cond='data:blog.pageType == "item"'> dan </b:if>

Kemudian sisipkan ditempat yang sama seperti yang ditunjukkan pada gambar dibawah ini:

8. Save Template Blogger

Sekian  posting Student-Brains kali ini tentang Blog , semoga bermanfaatbuat para Blogger Dunia.hehehe.

Cara Membuat Permalink di Blog SEO On Page

Buat teman-teman yang ingin membuat permalink seperti blog ini,kalian bisa ikutti langkah di bawah ini.Sebelum membuat saya akan menjelaskan apa itu.Permalink adalah istilah untuk link aktif permanen pada suatu artikel di halaman posting yang di biasanya di letakan di bawah atau sesudah postingan, fungsinya yaitu untuk meningkatkan SEO on page blog sobat.

Permalink kali ini saya sudah di lengkapi dengan author box dimana di dalamnnya bisa di pasangi foto / gambar milik sobat, juga di lengkapi dengan url artikel yang auto drag ( otomatis ter blok ) . Contohnya bisa sobat lihat tepat di bawah artikel.

Buat Teman-Teman yang ingin mencobanya,Ikuti Langkah-Langkah di bawah ini :

1. Login ke akun blog sobat.

2. Klik rancangan --> Edit HTML --> Centang kotak expand template widget
3. Letakkan kode berikut di atas kode ]]></b:skin>

  .admin-tulisan{
display:block;
width:auto;
background:#ffffff;
border:2px solid #fff;
box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;-webkit-box-shadow:0 1px 3px #000;
padding:0;
margin:30px 0 10px 0;
font:normal 12px Arial, Sans-Serif;
color:#222;
}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{
background:#ffffff;
border:none;
border-bottom:1px solid#F5F5F5
color:#fff;
text-transform:normal;
text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
font:bold 12px Arial,Sans-Serif;
padding:5px 10px;
margin:0 0 0 0;
display:block;
}
.admin-tulisan h4 a{color:#F5F5F5}
.admin-tulisan img{
width:70px;
height:70px;
margin:0 10px 0 0;
float:left;
border:1px solid #ffffff;
padding:2px;
background:#ffffff;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;

NB : Untuk Ukuran dan Warna silahkan teman-teman

ganti sesuka hati (Kode Warna)
4. Cari kode <data:post.body/> ( gunakan Ctrl + F ) dan letakkan kode berikut tepat di bawahnya. 

<!-- Kotak Admin -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <a expr:href='data:blog.homepageUrl'><span style='color: red;'><data:post.author/></span></a> ~Copas Rules :</h4>
<div class='kontainer'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl46MSFtYKLMybNFqos4fQVmZcT5gneYntW1FoYacWQLxAH0XB3ebApVbqcO4ctuxTwhIkQI9pSG1idOL-z-K-fJmq58YM6ffWQshFj6KbaDvqJIiqd_Fbs1iPFPCZVWT1YLI3a_i2e2fz/s1600/734836_541948869148632_1164343276_n.jpg'/><div align='justify'>
Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel kami yang berjudul <a expr:href='data:post.url'><b><data:post.title/></b></a>.Kritik dan saran dapat anda sampaikan melalui kotak komentar. Anda dipersilakan copy paste artikel ini dengan mencantumkan url sumber :
<br>
</br>
<textarea cols='50' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='3'>&lt;a href=&quot;<data:post.url/>&quot; target=&quot;_blank&quot;&gt;<data:blog.pageName/>&lt;/a&gt;</textarea>
</div>
<div style='clear:both;'/>
</div>
</div>
</b:if>
    <!-- Kotak Admin end -->

5. Klik save dan lihat hasilnya.

Tambahan :

• Ganti code yg warna biru dengan url alamat foto.
• Sesuiakan angka merah dengan ukuran template blog sobat ( ukuran textarea ).

Cara Membuat Breadcrumb SEO pada Blog

Breadcrumb adalah bantuan navigasi yang digunakan dalam user interface.Hal ini memberikan kemudahan kepada pengguna untuk melacak dan mengetahui di dokumen mana dia berada.Navigasi Breadcrumb ini Berada tepat di atas postingan kita dengan Urutanya seperti berikut 

Detail : Home>Hot Topic > Informasi Umum> Music >Music Info > "Judul Postingan"

Ternyata membuatnya breadcrumb tidaklah sulit,berikut caranya :

1. Masuk ke Template > Edit HTML dan centang kotak Widget.

2. Cari Kode

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

Jika udah ketemu copy paste kode di bawah ini tepat di atasnya

<b:include data='posts' name='breadcrumb'/>

3. Lanjut Cari Kode berikut 

<b:includable id='main' var='top'>

Jika sobat menemukan dua kode script yang sama maka pilh yang no dua dan paste kode berikut tepat di atasnya

<b:includable id='breadcrumb' var='posts'> <b:if != cond='data:blog.homepageUrl data:blog.url'> <b:if cond='data:blog.pageType == "static_page"'> <div class='breadcrumbs'> <span> <a expr:href='data:blog.homepageUrl' rel='tag'> Home </ a> </ span> »<span> <Data: blog.pageName / > </ span> </ div> <b:else/> <b:if cond='data:blog.pageType == "item"'> <- Breadcrumb untuk halaman posting -> <b:loop values='data:posts' var='post'> <b:if cond='data:post.labels'> <div class='breadcrumbs' xmlns:v="http://rdf.data-vocabulary.org/#"> <span typeof="v:Breadcrumb"> <a expr:href='data:blog.homepageUrl' rel="v:url" property="v:title"> Home </ a> </ span> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast == "true"'> »<span Typeof="v:Breadcrumb"> <a expr:href='data:label.url' rel="v:url" property="v:title"> <data:label.name/> </ a > </ span> </ B: if> </ B: loop> »<span> <data:post.title/> </ Span> </ Div> <b:else/> <div class='breadcrumbs'> <span> <a expr:href='data:blog.homepageUrl' rel='tag'> Home </ a> </ span> »<span> berlabel </ span>» < span> <data:post.title/> </ span> </ div> </ B: if> </ B: loop> <b:else/> <b:if cond='data:blog.pageType == "archive"'> <-! Breadcrumb untuk halaman arsip label dan halaman pencarian .. -> <div class='breadcrumbs'> <span> <a expr:href='data:blog.homepageUrl'> Home </ a> </ span> »<span> Arsip untuk <data:blog.pageName/> </ span> </ Div> <b:else/> <b:if cond='data:blog.pageType == "index"'> <div class='breadcrumbs'> <b:if cond='data:blog.pageName == ""'> <span> <a expr:href='data:blog.homepageUrl'> Home </ a> </ span> »<span> Semua posting </ span> <b:else/> <span> <a expr:href='data:blog.homepageUrl'> Home </ a> </ span> »<span> Tulisan filed under <data:blog.pageName/> </ span> </ b: if>
</ div>
</ b: if>
</ b: if>
</ b: if>
</ b: if>
</ b: if>
</ b: includable>

4.Simpan Template

Cara Mengatasi Sitemap Yang Error Di Webmaster Tools

Sitemap Error jangan khawatir silahkan simak artikel di bawah ini.Banyak sekali blog ataupun web yang membicarakan pentingnya sebuah Sitemaps terhadap SEO , sebenarnya apa sih fungsinya Sitemaps ini? kenapa kita harus menggunakan Sitemaps? Pertanyaan itu sebenarnya adalah pertanyaan yang keluar dari diri saya sendiri beberapa waktu yang lalu (saran saya juga masih pemula yang masih harus banyak belajar dari para webmaster-webmaster yang lebih berpengalaman), dengan bantuan om google akhirnya saya dapat sedikit pelajaran tentang Sitemaps. Sitemaps ternyata sangat penting buat optimalisasi search engine . Kadang kita tidak sadar bahwa ada beberapa hal yang membuat situs blog kita tidak terindex oleh robot Google , misalnya adalah link yang jelek antara setiap page di blog kita atau karena content yang terlalu berat pada sebuah blog yang membuat Googlebot tidak bisa mengindex halaman blog kita tersebut. Sitemaps dibuat untuk memudahkan Googlebot dalam mengindex seluruh isi blog atau web kita, dengan menggunakan Sitemaps Googlebot akan lebih mudah mengindex seluruh isi blog kita walaupun ada kesalahan-kesalahan yang tidak kita sadari seperti hal-hal yang saya sebutkan diatas. Mungkin ada beberapa teman-teman yang belum tau bagaimana cara membuat Sitemaps untuk blog , buat yang belum tau caranya silahkan daftar terlebih dahulu di Google Webmaster Tools , buat yang sudah punya account Google bisa langsung login menggunakan account Google Anda. setelah itu ikuti langkah-langkah yang diminta seperti memasukkan alamat blog, mem'verify menggunakan meta tag dan sebagainya. Setelah proses pendaftaran selesai pada halaman Dashboard pilihlah menu Sitemaps >>> Add Sitemaps , pada Choose type pilih Add General Web Sitemap . Nah, disinilah masalah terjadi. Dari hasil penelusuran saya, banyak yang mengatakan bahwa untuk membuat Sitemaps kita cukup memasukkan URL feed blogger kita seperti:

asli blogger lainnya seperti rss.xml dan lain-lain.

Permasalahannya setelah saya coba semuanya selama satu bulan lebih hasilnya tetap sama yaitu status Sitemaps ERROR . Nah buat teman-teman yang memiliki masalah yang sama dengan saya, sekarang akan saya share solusi mengatasi masalah diatas.Masalah Sitemaps error pada webmaster tools ternyata terjadi karena blog menggunakan Redirected Custom Feed contohnya Feedburner . Ternyata status Sitemap Error disebabkan karena feed yang masuk ke webmaster tools bukan feed asli blog kita, melainkan feed yang telah di redirect melalui custom feed tersebut. Jadi buat yang tidak menggunakan Redirected Custom Feed bisa menggukan URL feed blogger seperti yang saya sebutkan sebelumnya. Lalu bagaimana buat yang menggunakan Redirected Custom Feed? Buat yang menggunakan Redirected Custom Feed tidak usah berkecil hati, untuk menggunakan Sitemaps silahkan menggunakan URL feed ini

http:// namabloganda .blogspot.com / atom.xml? redirect = false

300 × 278 - ilmuskripsilengkap.blogspot.com

Dengan menggunakan URL feed ini, maka feed yang masuk ke webmaster tidak akan di redirect ke custom feed, tetapi feed asli blogger akan langsung dikirim ke webmaster tool. oleh sebab itu dengan menggunakan URL feed status sitemap tidak akan error. o iya ada sedikit tambahan, URL feed hanya dapat memperlihatkan 25 link post, jadi buat teman-teman yang memiliki posting di atas 25 bisa menggunakan URL feed seperti ini. http:// namabloganda .blogspot.com / atom.xml? redirect = false & start-index = 1 & max-results = 100 Kalo masih ada yang kurang jelas silahkan kasih komentar dibawah

Cara Membuat Gadget Vote dan Polling Yang Bagus Untuk Blog

Polling atau Voting merupakan hal yang tentunya sangat bagus untuk mengetahui penilaian visitors terhadap blog kita tentunya, karena dengan menegetahui penilaian dari visitors kita dapat menyesuaikan blog kita dengan penilaian visitors misalkan : mayoritas visitors menilai blog kita misalkan jelek maka kita dapat mengoreksi ke jelekan dari blog kita ntah itu conten atau isi blog atau penampilan blog tersebut. dan polling ini juga bisa di gunakan tidak hanya untuk memberikan penilaian tetapi juga untuk memberikan saran kepada admin blog "misalkan saya melakukan polling untuk "conten apakah yang sobat sukai" jika visitors memberikan pilihannya maka kita dapat membuatkan conten seperti yang di inginkan oleh si visitors itu sendiri. sebenarnya fungsi polling sangat banyak sekali tidak hanya seperti yang saya sebutkan di atas. dalam perkembangannya banyak situs-situs yang menyedikan polling.Oleh karena itu jika teman-teman ingin mencobanya lakukan langkah-langkah seperti di bawah :

1. Buka situs BooRoo

2. Selanjutnya jika kita menuju situs itu jika sudah sampai ke situs itu lihat di sebelah kanan, kemudian isi lengkapi data-data sobat sekalian jika sudah kemudian klik Submit

3. Jika sudah kemudian klik Dashboard

4. kemudian pilih create new

5. jika sudah lalu kita klik Instant Poll

6. kemudian isi pada kolom Poll Question isi dengan pertanyaan sobat, sedangkan pada Answer Choice isi dengan pilihan jawaban. jika sudah kemudian klik Save&Priview

7. Jika kita sudah mengklik Save&Priview kemudian selanjutnya kita klih 

8. Selanjutnya pada tahap ini sobat diberikan pilihan untuk menentukan temanya nah jika sudah mengklik salah satu temanya selanjutnya kita klik Customise

9. selanjutnya ikuti klik save as

kemudian isi Nama untuk polling yang telah kita buat bebas namanya karena nama ini tidak mempengaruhi terhadap kesinambungan ntah itu tema atau tulisan polling jika sudah kemudian save

10. Klik Launch your poll!! yang di Iconnya adalah Gambar Roket terbang

11. Terakhir teman-teman akan mendapatkan script HTMLnya, script ini bisa sobat tambahkan dalam Gadget atau widget blog teman.

Catatan Penting : mungkin jika di pasang di blog sobat ukurannya lebar sekali. oleh karena itu untuk merubahnya sobat cari kode "bg_width":310}biasanya lebar secara default adalah 310px namun sobat bisa menggantinya angka untuk lebarnya sesuai dengan keinginan sobat-sobat sekalian..

Cara Praktis Membedakan Antara Blog DoFollow dan NoFollow

Bgaimana cara membedakan blog yang dofollow dan Nofollow.Mungkin sobat-sobat pernah bertanya-tanya seperti itu.Banyak para bloger mencari Blog yang dofollow agar mendapatkan backlink yang berguna untuk mendatangkan visitor terhadap blog kita.Berkut langkah membedakan Dofollow dan Nofollow :

Bahan :

Google Chrome (itu saja)

Komputer Listrik juga termasuk (ngelawak?)

 Tutorial :

1. Pertama sobat-sobat harus memnginstall aplikasinya untuk google chrome

• Klik "Disini" untuk menginstalnya.

2. Jika sudah klik icon seperti ini dibawah ini 

3. Jika sudah makaakan muncul tampilan seperti dibwah ini lalu checklist Show NoFollow

4. Jika sudah lalu Lihat salah satu blog apakah blog itu dofollow atau nofollow.

Cara Cepat Blog Terindeks dengan Mendaftarkan Sitemap di Google

Bagaimana cara submit sitemap ke google ? mungkin itu merupakan sebuah pertanyaan bagi seorang blogger pemula yang baru terjun di dunia blog.Sebelum memulai sobat-sobat harus mengetahui apa sih yang disebut sitemap.Sitemap adalah alat bantu, yang digunakan untuk mempermudah dalam pengenalan dalam sebuah situs yang kita punya tentunya.Jika sobat sudah mengerti berikut  langkah-langkahnya :

1. buka google webmaster tolls klik disini

2. jika sudah klik alamat blog sobat-sobat sekalian

3. pilih menu pengoptimalan

4. dan pilih peta situs

5. jika sudah maka di seblah kanan pilih TAMBAHKAN/UJI PETA SITUS.

6. lalupilih salah satu :

- atom.xml
- feeds/comments/default 

- feeds/posts/default? Alt = rss  

7. jika sudah lalu pilihlah mengirim peta situs

Mudah bukan !!!

Cara Membuat Tombol Share Facebook Tampilan Bagus

Promosikan Blog Anda Kemedia Sosial dengan Tombol Share.Kali ini kita akan pasang tombol share facebook dengan cara yang sedikit unik, dan juga menarik perhatian pengunjung untuk membagi nya ke facebook.

  Ikuti langkah-langkah berikut :

1. Login ke Blogger
2. Lalu klik Design > Edit HTML
3. Copy Paste kode berikut di atas kode ]]></b:skin> :

#pageshare {position:fixed; bottom:1%; right:10px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; height:auto; padding:0 0 2px 0;z-index:10;} #pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;} .fb_share_count_top {width:48px !important;} .fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;} .FBConnectButton_Small, .FBConnectButton_RTL_Small {width:55px !important; -moz-border-radius:3px;-webkit-border-radius:3px;} .FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:14px;}

Setelah itu Copy Paste lagi kode berikut ini di atas </body> :
<div id='pageshare' title='Share @Facebook'><div class='sbutton' id='fb'><a href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>ans!!</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/></div><div class='sbutton' id='gb'><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like font='' layout='box_count' show_faces='false'/></div></div>  4.Simpan Template,Selesai.

Cara Membuat Gambar Berputar Dengan Tampilan Bagus di Blog

Sering Melihat pada Blog-Blog Hebat dan Keren-Keren di dunia dengan Gambar pada Blog berputar saat di sorot oleh cursor.Penasaran juga dan ingin tahu,setelah di cari cari lewat Google akhirnya ketemu juga.Langsung aja buat temen-temen yang pengen blognya tampil menarik dan keren dengan gambar berputar 360 derajat bisa di coba di bawah ini:


  Tutorialnya :

1.     Login Blogger
2.     Klik Template
3.     Edit HTML
4.     Centang Expand Template Widget
5.     Cari Kode   ]]></b:skin>
6.     Copy Kode Dibawah Lalau Paste Diatas Kode   ]]></b:skin>

  #header a img:hover { -moz-transform: (1) rotate(-180deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -webkit-transform: scale(1) rotate(-180deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -o-transform: scale(1) rotate(-180deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -ms-transform: scale(1) rotate(-180deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transform: scale(1) rotate(-180deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -webkit-transition: all 600ms ease-in-out; -moz-transition: all 600ms ease-in-out; -ms-transition: all 600ms ease-in-out;-o-transition: all 600ms ease-in-out; transition: all 600ms ease-in-out; }

Klik Simpan Template

Meta Tag Biar Tambah Seo Friendly

Coba saja lihat source code template saya, cuma beberapa saja yang saya pasang. Baik, sekarang saya kasih ni meta tag beserta pemasangannya.

Memasang meta tag ternyata sangat berguna buat kalian para blogger yang ingin memasang meta tag untuk SEO friendly.Berikut cara memasang meta tag untuk blog agar lebih seo friendly :

<meta content='atom.xml' name='sitemap'/>
<meta content='2 days' name='revisit'/>
<meta content='2 days' name='revisit-after'/>
<meta content='global' name='Distribution'/>
<meta content='global' name='target'/>
<meta content='id' http-equiv='Content-Language'/>
<meta content='id' name='geo.country'/>
<meta content='indonesian' name='geo.placename'/>
<meta content='Boy Hilman' name='author'/>
<meta content='document' name='resource-type'/>
<meta content='all' name='googlebot'/>
<meta content='robots-terms' name='googlebot'/>
<meta content='all' name='Googlebot-Image'/>
<meta content='all, index, follow' name='robots'/>
<meta content='all, index, follow' name='msnbot'/>
<meta content='all, index, follow' name='Slurp'/>
<meta content='all, index, follow' name='ZyBorg'/>
<meta content='all, index, follow' name='Scooter'/>
<meta content='all, index, follow' name='Webcrawlers'/>
<meta content='all, index, follow' name='Spiders'/>
<meta content='all, index, follow' name='audience'/>
<meta content='general' name='rating'/>
<meta content='never' name='expires'/>
<link expr:href='data:blog.url' rel='canonical'/>
<meta content='text/css' http-equiv='Content-Style-Type'/>
<meta content='text/javascript' http-equiv='Content-Script-Type'/>
<meta content='google, yahoo, bing, googlebot, directory, aeiwi, alexa, alltheweb, altavista, aol netfind, anzwers, canada, directhit, euroseek, excite, overture, go, google, kanoodle, lycos, mastersite, national directory, northern light, searchit, simplesearch, websmostlinked, webtop, what-u-seek, aol, yahoo, webcrawler, infoseek, excite, magellan, looksmart, cnet' name='search engines'/>

Jangan lupa tulisan biru diganti nama sobat. Nah, untuk cara pemasangannya gini, sobat tinggal taruh kode itu dibawah meta diskripsi dan meta keyword. Atau sama saja dengan ditaruh diatas kode <b:skin><![CDATA[. Sebenernya masih banyak lagi meta tag seperti diatas, namun mengingat kata para master bahwa tidak boleh berlebihan, maka saya hanya share segitu saja. Namun apakah meta tag diatas juga berlebihan atau tidak, saya sendiri kurang tau, namun di blog saya ini, saya hanya memasang sebagian saja dari kode diatas.

Cara Mengganti Tulisan (Font) Pada Blog Dengan Menggunakan Font Style dari Google

Jenis font pada setiap template kebanyakan blogger bosan melihatnya dan ingin menampilkan sesuatu yang beda. Ada pasti ini memiliki font dengan gaya blog anda sendiri yang lebih stylis atau elegan. Untuk itu saya akan memberikan trik dan tips bagaimana kita bisa memperoleh bermacam-macam font untuk digunakan ditemplate anda. Simaklah tutorial berikut ini:

1. Buka situs Google Web Font http://www.google.com/webfonts/#ChoosePlace:select

2. Silahkan cari jenis font yang anda inginkan, tambahkan beberapa font dengan mengklik tombol Add to Collection.

3. Klik tombol Use disebelah kanan bawah browser,contohnya screen shoot di bawah :

4. Kemudian kopi kode dari Google Font (kodenya seperti ini, kode ini hanya contoh saja tidak perlu anda kopi):

<link href='http://fonts.googleapis.com/css?family=Condiment' rel='stylesheet' type='text/css'>

5. Pada template anda carilah kode seperti ini <![CDATA[/*

6. Paste kode yang dikopi dari Google Web Font diatas kode <![CDATA[/*

7. Tambahkan kode slash "/" yang berwarna merah pada akhir kode yang dipaste tadi sehingga terlihat seperti dibawah ini:

<link href='http://fonts.googleapis.com/css?family=Condiment' rel='stylesheet' type='text/css'/>

8. Sekarang anda tinggal mengganti font pada template anda. Saya akan memberikan contoh bagi anda untuk mengganti font header di template anda, caranya seperti berikut ini:

9. Carilah kode #header h1 atau h2.postTitle {

10. Setelah itu ganti font family yang tadi anda pilih, contohnya seperti dibawah ini:

Kode awal pada template yang belum dirubah

#header h1{color:#00008B;font-size:26px;font-family: Arial ;font-weight:700;text-decoration:nnne;margin:0;padding:10px 0 0 10px}

Kode setelah dirubah saya

#header h1{color:#00008B;font-size:26px;font-family:'Condiment', cursive;font-weight:700;text-decoration:nnne;margin:0;padding:10px 0 0 10px}

NB : Sebagian template ada sedikit yang berbeda dari "Edit HTML"nya,jadi cermati dulu.

Cara Membuat Link Berubah Warna Saat Di Sorot Mouse

Heran melihat blog teman saat linknya disorot pada artikel menjadi berwarna-warni atau berubah warna.Caranya ternyata mudah Lakukan tahap-tahap di bawah ini :

• Masuk ke-Dasbor lalau pilih  "Template"

• Setelah itu pilih Edit HTML

• Jika ada pesan maka klik 'Lanjutkan" Saja

• Janagan lupa ceklist "Expand Template Widget"

• Setealah itu cari kode : </head>

• Untuk Mampermudah Gunakan F3 atau Ctrl+F

• Setelah itu masukan kode di bawah ini tepat di atas kode : </head>

Kodenya :

<script src='http://members.lycos.co.uk/ravager/linkcolor.js'/>  

• Setelah itu klik "Simpan" Dan lihat hasilnya.

Cara Membuat Daftar dan Statistik Pengunjung Dengan Menggunakan Histats

Banyak para Blogger ingin mengetahui pengunjungnya yang data pada blognya,tapi bagaimana caranya ?

Caranya adalah dengan menggunakan Histats.com.Website ini akan menyediakan widget gratis untuk mengetahui pengunjung yang data pada sebuah website.

1). Daftar dulu / Register di Histats.com GRATISSSS, Isikan data sesuai dengan data Anda, jangan lupa ceklist “I have read and agree Publisher Agreement Terms”. Klik “Register”

2). Cek email Anda untuk aktivasi email
3).Masuk/login ke Control Panel Histats dengan mengetikkan alamat email dan password yang tadi didaftarkan.
4).Pada halaman awal control panel, klik “+Add Website”

 

5). Isi data blog sesuai form yang ada, klik “Continue”.
6).Selanjutnya, klik nama website yang sudah didaftarkan tadi.

7). Akan terbuka traffic summary blog, untuk menambahkan kode histats di blog klik “Counter Code”.

8). Selanjutnya klik “add new counter”, akan terbuka pilihan model histas yang akan ditampilkan di blog. Pilih salah satu.

9). Ceklist data apa saja yang akan ditampilkan pada model histats yang kita pilih, ada Visitor today, Total visitor, Page view today, Total page view, dan users online.

6). Setelah OK, klik “Save”.
Anda akan kembali ke list counter code, klik ID counter code yang tadi kita buat.
Akan muncul kode/script HTML histats. Copy paste kode/script HTML tersebut di gadget HTLM/Javascript di blog kita.

Sumber : http://kumpulan-tips-menarik.blogspot.com/

Cara Mendapatkan Blacklink Gratis dari W3-Directory

1. Masuk Ke w3-directory
2. Setelah itu kamu pilih Add a web site. 
3. Isi form untuk Add a web site tersebut.

• URL : alamat blog / link blog. 
• title : nama blog. 
• description : deskripsi blog sobat. 
• keywords : kata kunci yang menggambarkan blog sobat. 
• identity :isi dengan nama sobat. 
• email : email sobat (valid). 
• return link / back link : link untuk mendapatkan backlink dari w3 directory, isi sesuai URL tadi. 
• country : papua nugini Indonesia. 
• heading 1 : kategori utama untuk blog sobat 
• kemudian klik Submit my web site 

Catatan :

1.  setiap ada tanda bintang (*) artinya wajib diisi. 
2.  buka link W3-Directory  tunggu 5 detik hingga ada tulisan skip ad dan Klik skip ad.

Cara Menggunakan Open ID pada Komentar Blog

 Cara Menggunakan Open ID untuk Komentar blog :

1. Cara Mengetahui Akun Open ID Blog Kita
Sebelumnya kita harus menetahui dulu Akun Open ID kita , sebenernya akun Open ID ini sama dengan URL blog kita. Contoh :

http://student-brains.blogspot.com/

Cara mengetahuinya yaitu tentunya kita harus masuk dulu ke akun Blogger kita pilih menu Setelan > Lainnya > terus tinggal lihat menu Open ID disana sudah dituliskan URL Open ID kita. dimana URL itu dapat kita gunakan untuk Berkomentar pada Blog berplatform Blogspot.

2.Cara MemVerifikasi Akun Open ID
Kadang ada beberapa blog, meski kita sudah mengetahui alamat Open ID kita namun URL tersebut didak dapat digunakan untuk berkomentar dan malah keluar tulisan "Your openid Credentials Could Not be Verified" . Berarti disini kita harus memverifikasi dulu akun Open ID kita  bahwa Open ID itu benar-benar milik kita, caranya adalah :

• Seperti biasa masuk dulu ke Blogger kita masing-masing.
• Pilih menu Template > Edit HTML
• kemudian cari kode <head> dan simpan kode berikut tepat setelah kode <head>

<link href='http://draft.blogger.com/openid-server.g' rel='openid.server'/>
<link href='http://student-brains.blogspot.com' rel='openid.delegate'/>

• Ganti tulisan warna merah dengan URL blog kalian (URL Open ID)
• Langkah terakhir tinggal Save Template 
• Tunggu beberapa menit, maka anda sudah dapat berkomentar dengan akun Open ID tersebut.

Cara Membuat Headline News di Blog

Cara agar tampilan blog anda keren dengan headline news,berikut cara membuat head line news di blog :

• Login akun Blogger anda
• Pilih Tata Letak > Tambah Gadget
• Pilih HTML/JavaScript
• Masukin kode dibawah ini

<script type="text/javascript">
var hn_url_blog = "http://student-brains.blogspot.com/";
var hn_jumlah_post = 10;
var hn_warna_latar = "green";
var hn_warna_garis = "red";
var hn_posisi = "top";
var hn_tampilkan_judul = true;
var hn_backlink = false;
</script>
<script src="https://sites.google.com/site/007syndicate/007-script/Headlinenews-Zone%20007.js">
</script>

• Klik Simpan/Save 

NB :

• Teks Warna Kuning adalah Posisi dari Widget Headline Newsnya

Bottom : Bawah | Top : Atas

• Teks Warna Biru Tua adalah Link URL Blog anda
• Teks Warna Merah adalah Warna Garis Widget Headline Newsnya
• Teks Warna Hijau adalah Warna Background Widget Headline Newsnya
• Teks Warna Pink adalah Jumlah Post yang ingin ditampilkan

Efek-Efek Keren untuk Blog

Buat blog anda semenarik mungkin dan unik dengan efek yang keren.Script efek untuk blog sobat,dan tentu saja efek/widget yang di tambahkan ke blog kita ini akan berpengaruh pada loading sebuah blog,tapi tenang saja pengaruhnya tidak terlalu signifikan kok,tergantung koneksi internet nya juga.

Oke,,jika sobat ingin memasang efek pada blog sobat caranya sobat hanya butuh ;

• Login ke dasbord blog milik sobat
• Copy salah satu script yang ingin sobat pasang ( terserah mau pasang lebih dari 1 juga tidak apa-apa )
• Berikutnya klik tata letak >> tambah gadget baru >> HTML/java script
• Paste script tersebut,kemudian save dan lihat hasilnya.

Berikut pilihan efek untuk blog dari saya,silahkan di pilih

RINGAN

EFEK SALJU

<script src='http://hary-suka-suka.googlecode.com/files/efek%20snow.js' type='text/javascript'></script>

EFEK GELEMBUNG

<script src='http://hary-suka-suka.googlecode.com/files/efek-gelembung.js' type='text/javascript'></script>

HATI BERTABURAN

<script src='http://hary-suka-suka.googlecode.com/files/efek%20hati%20bertaburan.js' type='text/javascript'></script>

BINTANG BERTABURAN

<script src='http://hary-suka-suka.googlecode.com/files/bintang.js' type='text/javascript'></script>

KEMBANG API

<script src='http://hary-suka-suka.googlecode.com/files/kembangapi.js' type='text/javascript'></script>

MENENGAH

banjir

<script language="javascript">
nd_mode="flood";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://hary-suka-suka.googlecode.com/files/efek%20banjir.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://harysukasuka.blogspot.com/" target="_blank">Efek Blog</a></center></small></div>

meteor jatuh

<script language="javascript">
nd_mode="meteor";
nd_control="on";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://hary-suka-suka.googlecode.com/files/efek%20meteor%20jatuh.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://harysukasuka.blogspot.com/" target="_blank">Efek Blog</a></center></small></div>

bunga mekar

<script language="javascript">
nd_mode="flowers";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://hary-suka-suka.googlecode.com/files/efek%20bunga%20mekar.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://harysukasuka.blogspot.com/" target="_blank">Efek Blog</a></center></small></div>

 bom atom

<script language="javascript">
nd_mode="bomb";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://hary-suka-suka.googlecode.com/files/efek%20bom.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://harysukasuka.blogspot.com/" target="_blank">Efek Blog</a></center></small></div>

BERAT

KENCING SEMBARANGAN

<script language="javascript">
nd_mode="pee";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://hary-suka-suka.googlecode.com/files/kencing%20sembarangan.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://harysukasuka.blogspot.com/" target="_blank">Efek Blog</a></center></small></div>

LALAT

<script language="javascript">
nd_mode="fly";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://hary-suka-suka.googlecode.com/files/lalat.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://harysukasuka.blogspot.com/" target="_blank">Efek Blog</a></center></small></div>

MURKA

<script language="javascript">
nd_mode="god";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://hary-suka-suka.googlecode.com/files/murka.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://harysukasuka.blogspot.com/" target="_blank">Efek Blog</a></center></small></div>

SAVER

<script language="javascript">
nd_mode="shaver";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://hary-suka-suka.googlecode.com/files/saver.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://harysukasuka.blogspot.com/" target="_blank">Efek Blog</a></center></small></div>

TERBAKAR

<script language="javascript">
nd_mode="burn";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://hary-suka-suka.googlecode.com/files/terbakar.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://harysukasuka.blogspot.com/" target="_blank">Efek Blog</a></center></small></div>

Pada sebagian efek bisa kita close dengan meng klik tanda silang '' X '' yang ada di pojok kanan bawah,untuk sebagian lagi akan hilang jika widgetnya di hapus,

Cara Memasang Lagu pada Blog/Website.

Membuat blog kita menarik dengan memasang lagu pada blog kita.Memang selera orang mungkin berbeda-beda,meskipun saya sudah tidak memakainya lagi siapa tahu masih ada sobat blogger kita yang memang ingin memasang musik di blognya.Untuk caranya sangatlah sederhana,tidak terlalu repot kok,kalau begitu bagi yang berminat pasang musik di blognya silahkan ikuti cara-caranya di bawah ini :

• Pertama sobat kunjungi dulu situs fullmusik.net
• Selanjutnya sobat bisa pilih lagu nya sendiri karena di situs tersebut banyak pilihan jenis musiknya.contoh perhatikan lingkarang di bawah ini(saya memilih lagu rumor misalnya)

• Selanjutnya sobat akan di bawa ke halaman ini,dan disini sobat langsung saja copy kode embed lagunya yang akan sobat gunakan pada blog sobat,lihat gambar.

Setelah kodeberhasil sobat ambil,langkah selanjutnya adalah menuju tahap pemasangan kode tersebut kedalam blog kita,untuk langkah-langkahnya adalah sebagai berikut :

1. Masuk ke akun blog sobat
2. Pilih menu tata letak > tambah gadget baru > html/javascript
3. Selanjutnya paste kan kode lagu yang di dapat tadi ke gadget yang sudah sobat pilih
4. Save dan lihat hasilnya.

Dengan langkah-langkah dan cara yang sudah saya tuliskan di atas,maka blog sobat pun sudah bisa di dengarkan lagunya oleh pengunjung ketika blog sobat di buka,sehingga memungkinkan pengunjung senang karena selain bisa membaca artikel blog sobat yang menarik,pengunjung juga bisa menikmati lagu yang sudah sobat sediakan.