2 Cara Membuat Scroll Pada Blog Archive (Arsip Blog) Blogspot

Login ke Blogger
Klik Rancangan → Edit HTML
Klik tulisan Download Template Lengkap
Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula
Beri tanda centang pada kotak di samping tulisan Expand Template Widget

Kemudian cari kode seperti berikut(ini hanya contoh) :

<b:widget id='HTML6' locked='false' title='Cari di Blog ini' type='HTML'/>
<b:widget id='Label1' locked='false' title='Label' type='Label'/>
<b:widget id='BlogArchive2' locked='false' title='Arsip' type='BlogArchive'/>
<b:widget id='HTML4' locked='false' title='5 Komentar Terbaru' type='HTML'/>
<b:widget id='HTML7' locked='false' title='5 Komentar Terbanyak' type='HTML'/>

cari kode Widget yang akan sobat berikan Scroll
Misalnya Arsip. Apabila judul Widget tersebut adalah Arsip, maka kodenya seperti berikut :

<b:widget id='BlogArchive2' locked='false' title='Arsip' type='BlogArchive'/>

Kode title adalah judul dari Widget. Apabila tidak diberi judul maka kodenya adalah title=' '
Yang harus sobat perhatikan dengan adalah kode id='BlogArchive2'
Perhatikan pada bagian BlogArchive2 itu adalah id dari Widget Arsip Blog.

kemudian cari kode ]]></b:skin> Copy kode dibawah dan Paste di atasnya

#BlogArchive2 .widget-content{
height:200px;
width:auto;
overflow:auto;
}

Ganti bagian BlogArchive2 dengan id dari Widget yang akan di beri Scroll
Misalnya Label atau Profil

jika sudah selesai SIMPAN TEMPLATE dan lihat hasilnya

Selamat mencoba

Read more

0 Artisteer : Template Generator Untuk Blogger, WordPress dan Joomla

Saya rasa Aristeer memang benar-benar sangat menakjubkan, aplikasi yang satu ini memungkinkan anda mendesain website hanya dengan hitungan menit, dan hanya beberapa klik saja, tidak dibutuhkan kemahiran dalam memprogam, dan tidak dibutuhkan juga kemahiraan dalam melayout web menggunakan html maupun css. Artisteer bertugas mensuggest template yang anda inginkan, kemudian anda dapat mengkostumisasi templatenya hanya dengan beberapa klik, tanpa harus mengerti html maupun css, dan template hasil kostumisasi itu bisa langsung di export untuk Blogger, Joomla, WordPress, DotNetNuke, dan produk CMS yang lain, anda tidak perlu belajar mendesain website dengan photoshop, css, html ataupun teknologi web desain yang lain. Yang menariknya adalah aplikasi ini sangat mudah untuk digunakan. Dalam website officialnya, mereka mengatakan, dengan Artisteer anda akan menjadi seorang yang expert dalam web design tanpa menggunakan photoshop, dreamweaver, cukup dengan artisteer. Bagi anda yang ingin langsung mengunduhnya silahkan klik http://www.artisteer.com/?p=downloads atau bagi anda yang ingin melihat demo nya http://www.artisteer.com/?p=demo

Read more

0 Free Domain Mobile Di Mofusepremium

Kali ini aku akan membahas soal bagaimana kita dapat membuat blog kita menjadi bisa di buka di ponsel atau hp kita. Biasanya para blogger yang ngeblog pakek wordpress self hosting ato berbayar, menggunakan wp-mobile atau mobile press.
Kali ini aku akan memberi tahu kepada sampeyan-sampeyan tanpa menggunakan plugin2 tersebut, melainkan menggunakan jasa dari web penyedia web mobile yaitu MoFuse. Dengan menggunakan jasa web itu kita bisa mengcostum alamat web mobile dengan m.domainsampeyan.com dan lainnya. *Lho, mub koq bisa...??? biasanya kan gk bisa bgitu...???, trus mub msog kita klo diponsel harus ngetik m.domainaku.com gk bisa langsung gini domainaku.com...??? :bingung . Oke, prend saya jelaskna dulu cara2nya... Tolong diperhatikan yah...!!!

1. Bukalah alamat www.mofusepremium.com. Trus scroll ke bawah terus sampai kebawah mentog dan ketemu MoFuse for Blogs (free) klik button bawahnya atau klik link <<--ini-->>
2. Muncul kotak join, yang hanya berisi dengan alamat e-mail anda dan password. Isi sesuai dengan e-mail dan password yang anda inginkan. Langsung klik Join!
3. Setelah anda klik Join! anda langsung ditujukan kepada halaman setting untuk blog mobile anda.
4. Klik Launch a Mobile Site.
5. Langsung muncul halaman setting Launch a New Mobile Site. Isi dari halaman itu antara lain :

Step 1. (essential site information)

• Site Name : Isi dengan nama blog anda.
• Site ID (URL) : Bisa anda isi dengan nama blog anda seperti "joker"
• Category : Pilih kategory yang sesuai dengan blog sampeyan.

Step 2. (add an rss feed)

• RSS Feed Title : Isi dengan judul atau nama Feed anda seperti "joker Feed"
• RSS Feed URL : Isi dengan alamat Feed anda seperti "http://domainanda.com/feed"
• Tidak usah beri tanda centang pada "Skip adding an RSS feed right now or bypass feed validation"

Step 3. (the boring stuff)

• Make this site public? (You can change this later) : beri tanda centang.
• You've read and agree to our Revenue Sharing Policy : beri tanda centang juga.

6. Klik Launch Your Mobile Site.
Setelah itu anda akan di bawa ke halaman awal lagi. Klik gambar pensil tepatnya pada Your Mobile Sites. Setelah sampeyan klik nanti muncul halaman yang ada tulisan Costum Domain pada sidebar kanan. Klik Costum Domain, ketikkan domain kostum yang akan anda gunakan seperti "m.joker.com". Terakhir klik save.
Ok, beres untuk settingan di MoFuse, skrang kita DNS lewat cpanel sampeyan masing-masing. Oh, iya hampir lupa aq, perhatikan kolom Custom Domain Help di situ ada tulisan antara lain:

• In order to use a custom domain with your MoFuse mobile site you will need to be able to add a CNAME entry into your DNS.
• Make a CNAME entry in your DNS and point it to: "nama anda".mofuse.mobi. (ini isinya sama dengan yang sampeyan isikan di Site ID (URL))
• You must already own the domain you are trying to use.
• Note: It make take up to 48 hours for your DNS to make the changes.

Ok, sekarang kita masuk pada cpanel masing-masing blog kita. Masuk ke namadomain.com/cpanel. Setelah itu ikuti langkah-langkah berikut ini :

1. Cari menu Domains
2. Klik Simple DNS Zone Editor
3. Setelah itu kita akan di hadapkan dengan dua pilihan yaitu Add an A Record dan Add an CNAME Record. Kita akan fokus ke Add an CNAME Record karena ini yang akan kita gunakan.
4. Pada Add an CNAME Record kita dihadapkan dengan dua kotak yaitu :

• Name : kolom ini anda isi dengan alamat yang anda inginkan jika anda menginginkan alamat "m.namadomain.com" maka isi dengan "m"
• CNAME : Isi dengan alamat DNS dari MoFuse kita contohnya "nama anda".mofuse.mobi.

5. Ok, sudah beres klik Add CNAME Record, silahkan keluar dari cpanel sekarang masuk pada admin anda. Jika anda menggunakan wordpress maka ketikkan http://domainanda.com/wp-admin.
6. Masuk pada editor tema anda dan pilih bagian hesder.php
7. Kembali pada akun Mofuse anda, klik Auomatic Redirect pada sidebra kiri. Masukkan kode PHP pada header.php blog sampeyan. Klik Simpan ato Update file
Akhirnya langkah-langkah tadi selesai juga, untuk sampeyan yang menginginkan mengedit warna pada tema mobile anda. Sampeyan bisa mengeditnya lewat akun MoFuse sampeyan.
Ok, demikian yang bisa saya sampaikan, mungkin banyak kekurangan yang saya sampaikan disini. Jadi saya mohon maaf sebesar-besarnya.

Read more

0 Script Untuk Mengubah Judul Posting Menjadi Huruf kapital Saat Didekati Cursor

Mungkin anda sebagai seorang blogger pernah menjumpai blog yang apabila kita arahkan cursor ke jadul posting, maka judul akan berubah menjadi huruf kapital
Apakah anda ingin membuat link anda seperti itu..? Sudah pasti anda ingin membuatnya kan, karena sebagai penggemar blogger pasti nya anda ingin melihat blog anda semenarik mungkin.
Ya udah langsung aja ke proses pembuatannya,.


1. Masuk ke Alamat blogger anda
2. Buka Dasbor lalu pilih Tata Letak
3. Selanjutnya buka halaman Edit HTML
4. Cari kode di bawah ini

a:hover {

color:$titlecolor;

text-decoration:underline; }

5. Hapus script kode berwarna merah diatas ini

6. Lalu Ganti dengan script kode yang ini

text-transform:uppercase; }

7. Klik Simpan

8. Dan Lihat Hasilnya

Read more

0 Java Script Untuk Merubah Tampilan Cursor

Hai…. semua gimana kabarnya…??? Kali ini gw mau Bagi2 kode javascript buat temen2 yang suka memperindah tampilan website nya, Dibawah ini adalah kode JS untuk menghias tampilan cursor pada mouse (maaf saya blom mencoba kode javascrip ini)
Kalo kamu mau tinggal Copas kode dibawah ini seperti biasanya,
Setelah itu Anda tinggal masuk ke halaman Dashbord » Tata letak » Elemen Halaman » Tambah Gadget » Pilih untuk JavaScript/HTML » Masukan kodenya » Simpan » selesai.

<script>
//mouse
//Circling text trail- Tim Tilton
//Website: http://Kikiyo.co.cc/
//for this script and more
function cursor_text_circle(){
// Tulis Kreasi mu Dibawah ini
var msg='Terima Kasih'.split('').reverse().join('');

var font='Times New Roman';
var size=3; // up to seven
var color='#ff0000';

// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 for just plain rotation w/out drag
var speed=.2;

// This is the rotation speed, set it negative if you want
// it to spin clockwise
var rotation=-.2;

// Alter no variables past here!, unless you are good
//---------------------------------------------------


var ns=(document.layers);
var ie=(document.all);
var dom=document.getElementById;
msg=msg.split('');
var n=msg.length;
var a=size*13;
var currStep=0;
var ymouse=0;
var xmouse=0;
var props="<font face="+font+" color="+color+" size="+size+">";

if (ie)
window.pageYOffset=0

// writes the message
if (ns){
for (i=0; i < n; i++)
document.write('<layer left="0" top="0" width="+a+" name="nsmsg'+i+'" height="+a+"><center>'+props+msg[i]+'</font></center></layer>');
}
else if (ie||dom){
document.write('<div id="outer" style="position:absolute;top:0px;left:0px;z-index:30000;"><div style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="iemsg'+(dom&&!ie? i:'')+'" style="position:absolute;top:0px;left:0;height:'+a+'px;width:'+a+'px;text-align:center;font-weight:normal;cursor:default">'+props+msg[i]+'</font></div>');
document.write('</div></div>');
}
(ns)?window.captureEvents(Event.MOUSEMOVE):0;

function Mouse(evnt){
ymouse = (ns||(dom&&!ie))?evnt.pageY+20-(window.pageYOffset):event.y; // y-position
xmouse = (ns||(dom&&!ie))?evnt.pageX+20:event.x-20; // x-position
}

if (ns||ie||dom)
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
var y=new Array();
var x=new Array();
var Y=new Array();
var X=new Array();
for (i=0; i < n; i++){
y[i]=0;
x[i]=0;
Y[i]=0;
X[i]=0;
}

var iecompattest=function(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}

var makecircle=function(){ // rotation properties
if (ie) outer.style.top=iecompattest().scrollTop+'px';
currStep-=rotation;
for (i=0; i < n; i++){ // makes the circle
var d=(ns)?document.layers['nsmsg'+i]:ie? iemsg[i].style:document.getElementById('iemsg'+i).style;
d.top=y[i]+a*Math.sin((currStep+i*1)/3.8)+window.pageYOffset-15+(ie||dom? 'px' : '');
d.left=x[i]+a*Math.cos((currStep+i*1)/3.8)*2+(ie||dom? 'px' : ''); // remove *2 for just a plain circle, not oval
}
}

var drag=function(){ // makes the resistance
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
for (var i=1; i < n; i++){
y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);

}
makecircle();
// not rotation speed, leave at zero
setTimeout(function(){drag();},10);
}
if (ns||ie||dom)
if ( typeof window.addEventListener != "undefined" )
window.addEventListener( "load", drag, false );
else if ( typeof window.attachEvent != "undefined" )
window.attachEvent( "onload", drag );
else {
if ( window.onload != null ) {
var oldOnload = window.onload;
window.onload = function ( e ) {
oldOnload( e );
drag();
};
}
else
window.onload = drag;
}

}
cursor_text_circle();

</script>

Read more

0 Pasang Script Anti Klik Kanan Di Blog

Untuk Menghindari dari serangan hacker yang ingin merusak atau menjiplak blog kita, maka diperlukan cara–cara khusus untuk mencegahnya, sebenarnya cara untuk menghindari nya sangat banyak tapi untuk saat ini yang saya pilih adalah script anti klik kanan,,

Dibawah ini merupakan contoh-contoh scriptnya :
Script Anti Klik Kanan dengan tanda peringatan

1. Masuk Ke Alamat Blog Anda dulu
2. Buka Dasbor lalu Klik Tata Letak
3. Buka Elemen Halaman
4. Klik Tambah Gadged
5. Copy Paste Kode Berikut

<script> var message="Maaf,, Untuk Sementara Klik Kanan Di Situs Ini Tidak Diperbolehkan !!";

///////////////////////////////////

function clickIE4(){if (event.button==2){alert(message);return false;}} function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2||e.which==3){alert(message);return false;}}} if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;} else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;} document.oncontextmenu=new Function("alert(message);return false")</script>

6. Setelah itu klik HTML/Javascript
7. Lalu Copy Paste kode diatas
8. Klik Simpan
9. Dan Lihat Hasilnya….

Jika anda tidak ingin mengunakan tanda peringatan, ikutilah langkah – langkah dibawah ini
Login ke blogger dengan ID anda tentunya - Klik Tata Letak. - Klik tab Edit HTML.

1. Cari kode seperti ini : <body>
Ganti kode diatas dengan kode dibawah ini :

<body onmousedown="return false" oncontextmenu="return false" onselectstart="return false">

Klik tombol Simpan template.
Dan lihat hasilnya.

Read more

0 Berbagai Alat Untuk Mempermudah SEO

Berikut ini tool-tool untuk membantu pekerjaan SEO anda, maaf saya tidak menuliskan

satu-persatu fungsi yang ada ,tapi semua fungsi adalah sesuai dengan namanya, dan saya

rasa memang semuannya mudah untuk di mengerti dan di gunakan, karena semuanya

menggunakan tampilan menu yang user friendly.

1- Check for No Follow

http://www.tradeweblinks.com/free-seo-tools/no-follow.php

2- Keyword Forecasting Tool by MSN Adsence

http://adlab.msn.com/ForecastV2/KeywordTrendsWeb.aspx

3- Google "Supplemental Results" Identifier

http://www.seovalley.com/seo-tools/google-supplemental-tool.htm.

4- Page Strength

http://www.seomoz.org/page-strength/

5- Google Trends

http://google.com/trends

6- Top Ten Analysis SEO Tool

http://www.webuildpages.com/tools/default.htm

7- Link Suggestion Tool

http://www.123seotools.com/link-suggest/

8- Google Datacenters Popularity Checker Tool

http://www.123seotools.com/google/datacenters/popularity/

9- The Neat-O-Backlink Tool

http://www.webuildpages.com/neat-o/

10- Page Rank Decoder

http://www.search-this.com/pagerank-decoder/

11- Search Engine Decoder

http://www.search-this.com/search-engine-decoder/

12- SEO Links Extention

http://www.webmasterbrain.com/seo-tools/firefox-extensions/seo-links/

13- Bulk Google Page Rank Checker Tool

http://seotools.alfalogic.com/bulk.google.rank.php

14- Visual PageRank

http://www.linkvendor.com/seo-tools/visualpagerank.html

15- Google Analytics

http://www.google.com/analytics/

16- Cloaking Detector

http://www.linkvendor.com/seo-tools/cloaking-detector.html

17- Pagerank Script for your website

http://www.freeseoscript.com/script_client_browser.php

18- Website Analyzer

http://www.manvish.com/eservices/seo/analyser.htm

19- Google vs Yahoo Graph

http://www.seobench.com/google-yahoo-graph/

20- Keyword Density Analyzer

http://www.seobench.com/keyword-density-analyzer/

21- Retrieve SERPs

http://www.seocritique.com/serptool/serplist.htm

22- Kontera Ads Preview

http://www.webconfs.com/kontera-preview-tool.php

23- Page Strength

http://www.seomoz.org/tools/page-strength.php

24- IP Location Lookup

http://www.seomoz.org/ip2loc/ip2loc.php

25- Keyword Difficulty

http://www.seomoz.org/ip2loc/ip2loc.php

26- Speed Tester

http://www.linkvendor.com/seo-tools/speedtester.html

27- Backlink Check Tool

http://www.webuildpages.com/neat-o/

28- Backlink Builder

http://www.webconfs.com/backlink-builder.php

29- Backlink Anchor Text Analysis

http://www.webconfs.com/backlink-summary.php

30- Atom & RSS Feed Validator

http://www.feedvalidator.org/

31- Adword Keyword Generator

http://www.related-pages.com/adWordsKeywords.aspx

32- Search Engine Position Checker

http://www.webmaster-toolkit.com/search-engine-position-checker.shtml

33- Link Popularity Checker

http://www.prsearch.net/inbx.php

34- Robots.txt Generator

http://www.123promotion.co.uk/tools/robotstxtgenerator.php

35- Robots.txt Syntax Checker

http://www.sxw.org.uk/computing/robots/check.html

36- Yahoo Rank Position

http://www.prsearch.net/

37- Yahoo Search Rankings

38- Alexaholic

http://www.alexaholic.com/

39- Alexa Page Ranking

http://www.alexaranking.com/

40- Alexa Rank Tool

http://www.searchbliss.com/rank.asp

41- Alexa Related Rank Check

http://www.123promotion.co.uk/tools/alexa-related-rank-check.php

sumber: E-Book Langkah-Langkah SEO by Iwan Rachmanto

Read more

3 Beberapa Kode b:if cond= Untuk Mengatur Tampilan Blog Anda

Mendapatkan pertanyaan dari sahabat blogger tentang blog ini merupakan masalah yang harus dijawab dengan sangat seksama. Kurang lebih seperti ini. Perhatikan kotak pencarian blog ini. Perbedaannya jelas antara pertama masuk frontpage atau halaman pertama dengan ketika masuk kepada sebuah posting.
Kemudian perhatikan artikel terkait disamping kanan yang judulnya silahkan baca juga, hanya muncul ketika kita membaca posting saja.
Pertanyaannya, Apakah yang mengatur tampilan ini?
jawabannya adalah kode logika atau if. Dan dalam blog ini mungkin kita akan menambahkan sedikit kode sehingga menjadi b:if cond=, dalam artian, jika kondisi...

Macam...
Ada banyak macam yang bisa digunakan dalam kode ini, namun saya hanya akan memberikan beberapa kode saja, dan anda sendiri dapat mengembangkannya.:

1.<b:if cond='data:blog.url == data:blog.homepageUrl'> ... </b:if>
Kode ini berfungsi agar tampilan hanya pada homepage atau halaman utama saja. Contohnya ada pada blog ini yaitu kotak pencariannya.

2.<b:if cond='data:blog.pageType != &quot;item&quot;'> ... </b:if>
kode ini berfungsi agar tampilan ada pada homepage dan label atau  kategori post. Contoh yang jelas di blog ini adalah kata-kata read more, dan juga panjang lebar kotak posting yang lebih kecil.

3.<b:if cond='data:blog.pageType == &quot;item&quot;'> ... </b:if>
Kode ini berfungsi agar tampilan hanya ada ketika kita membaca posting blog saja. Contoh yang paling sederhana adalah kotak komentar yang terdapat dibawah posting. (kode ini kebalikan dari kode ke 2)

4.<b:if cond='data:blog.url != data:blog.homepageUrl'> ... </b:if>
Kode ini berfungsi agar tampilan ada pada kategori atau label dan posting. Contohnya kebetulan saya tidak memakainya. :). Fungsi ini kebalikan dari kode ke 1.

5.<b:if cond='data:blog.url == &quot;url postingnya disini&quot;'> ... </b:if>
Kode ini berfungsi agar tampilan ada ketika kita membaca posting tertentu. Anda tinggal mengganti kata yang bercetak tebal dengan url posting anda.

Jika bermaksud ingin menghilangkanya sesuai kode diatas (sebaliknya dari kode diatas), anda tinggal mengganti == dengan !=

Penerapan...
Contoh penerapannya silahkan lihat di pembuatan readmore (kode nomor ke 2)

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Read more

0 Meminimalisir Tampilan di Homepage Dengan Cara Menampilkan Posting Tapi Hanya Judulnya Saja

Dalam hal penampilan, kadang orang lebih suka simpel, karena dengan simpel, kecepatan blog akan lebih baik. Kesan pandangan pertama ketika melihat blog kita adalah penampilan, dan kesan pertama yang mereka rasakan ketika merasakan blog kita adalah kecepatan. Google juga menerapkan perasaannya dengan mendahulukan kecepatan daripada penampilan.
Meminimalisir tampilan di homepage (beranda) dengan cara menampilkan posting tapi hanya judulnya saja.

Ada dua alternatif yang bisa saya berikan pada kesempatan kali ini, dan mudah-mudahan kedepannya ada cara yang lebih bagus lagi.

Dengan Kode HTML...
Yang  pertama kita langsung terjun ke kode HTMLnya, jadi kode yang diperlukan hanya akan disimpan di antara <body> dan </body>.
Untuk membuatnya, silahkan ikuti langkah-langkah dibawah ini:

1. Masuk ke www.blogger.com dengan account anda.
2. Pilih rancangan (tata letak)
   
3. Klik Edit HTML
4. Simpan dulu template anda dengan meng-klik Download Template Lengkap
5. Centang Expand Template Widget (berada diatas kotak kode)
6. Cari kode <b:include data='post' name='post'/>. (Gunakan Ctrl + F untuk memudahkan pencarian)
7. Ganti kode diatas dengan kode dibawah ini
<b:if cond='data:blog.homepageUrl == data:blog.url'>      <b:if cond='data:blog.pageType != &quot;item&quot;'>          <a expr:href='data:post.url'>    <div style='padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;'>          <data:post.title/></div></a>      <b:else/>          <b:include data='post' name='post'/>      </b:if>  <b:else/>      <b:include data='post' name='post'/>  </b:if>
Silahkan ganti kode yang bercetak tebal, sesuai style yang anda inginkan
8. Jika sudah, jangan lupa Simpan Template
9. Selesai.

Dengan Kode CSS...
Nah, cara yang kedua ini kita tidak mengubah kode HTMLnya, tapi hanya mengutak-atik kode CSS.
Biasanya dalam kode CSS untuk menghilangkan suatu kode dalam HTML, cukup dengan {display:none} dengan syarat kode dalam HTML terikat oleh kode CSS (misalkan DIV atau Class)
Untuk membuatnya, silahkan ikuti lagkah-langkah dibawah ini:

1. Masuk ke www.blogger.com dengan account anda.
2. Pilih rancangan (tata letak)
3. Klik Edit HTML
4. Cari kode ]]></b:skin>
5. Masukan kode dibawah ini tepat di bawah kode ]]></b:skin>
<b:if cond='data:blog.pageType != &quot;item&quot;'> <style> .post-body { display:none;} </style> </b:if>
6. Nah, itu hanya postingnya saja, sedangkan tanggal dan lain-lain masih ada.
7. Jika anda ingin menghilangkan semuanya (tanggal dll), Silahkan memakain kode dibawah ini,
<b:if cond='data:blog.pageType != &quot;item&quot;'> <style> .post-body, .post-footer, .jump-link, .post-timestamp, .reaction-buttons, .star-ratings, .post-backlinks, .post-icons { display:none;} </style> </b:if>
8. Pilih salah satu kode yang akan anda masukan antara langkah 5 dan langkah 7.
9. Simpan Template, Selesai.

Itulah cara yang bisa saya berikan hari ini, mudah-mudahan bermanfaat.

Read more

0 Cara Memasang Buku Tamu Melayang Yang Dapat Dibuka Tutup

Seperti yang tertera dijudul, kali ini saya akan menjelaskan bagaimana cara membuat buku tamu yang berada disamping blog yang dapat dibuka tutup, seperti apa sich buku tamu itu, lebih jelasnya lihatlah disamping kanan blog saya coba anda klik maka akan keluar buku tamu nya? Jika anda tidak melihatnya, coba periksakan mata anda di dokter. He.. Bagi yang bisa melihatnya, saya ucapkan selamat, anda tidak peru mengeluarkan uang untuk pergi ke dokter. Heee2x...Sudah jelas sekarang..
Sebagai tambahan, ini tidak hanya untuk buku tamu saja, anda juga dapat menggantinya dengan yang lain seperti gambar,Profile anda atau lainnya yang anda ingin tampilkan,,
Ya udah, kayaknya udah jelas nieh… Namun sebelumnya dapatkan dulu buku tamu yang tidak terpasang di samping kanan blog di sini
Oke langsung aja ke proses pembuatannya..!!!


Langkah 1
Copy Paste Script Kode Dibawah Ini :

<style type="text/css">

#gb{

position:fixed;

top:50px;

z-index:+1000;

}

* html #gb{position:relative;}

.gbtab{

height:100px;

width:30px;

float:left;

cursor:pointer;

background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFfhBGXKY3cMeK5DXsPTXHALMRXbtvWIfMMkzXg2qggWvcV2mHVFWX32pqMwXRqYxkPK0SsSjkiMfYT6NBRjNAJWsVJ9MrgBt6U65nvI5hLq0BXYzIiTbpOv18-jEPX-vjWgzZ8ab3tsyX/') no-repeat;

}

.gbcontent{

float:left;

border:2px solid #A5BD51;

background:#F5F5F5;

padding:10px;

}

</style>

<script type="text/javascript">

function showHideGB(){

var gb = document.getElementById("gb");

var w = gb.offsetWidth;

gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);

gb.opened = !gb.opened;

}

function moveGB(x0, xf){

var gb = document.getElementById("gb");

var dx = Math.abs(x0-xf) > 10 ? 5 : 1;

var dir = xf>x0 ? 1 : -1;

var x = x0 + dx * dir;

gb.style.right = x.toString() + "px";

if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}

}

</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

[MASUKAN SCRIPT KODE BUKU TAMU ANDA DISINI]

<br/>

Mau punya buku tamu seperti ini?<br/>

Klik di

<a href="http://www.kikiyo.co.cc/2010/05/membuat-buku-tamu-buka-tutup-di-samping.html">

sini

</a>

<div style="text-align:right">

<a href="javascript:showHideGB()">

[tutup]

</a>

</div>

</div>

</div>

<script type="text/javascript">

var gb = document.getElementById("gb");

gb.style.right = (30-gb.offsetWidth).toString() + "px";

</script>

Lalu cari tulisan [Masukan Script Kode Buku Tamu Anda Disini] di script kode tadi.
Hapus tulisan itu Lalu Ganti dengan Script kode Buku Tamu anda
Langkah 2
1. Login di blogger dengan ID anda
2. Klik menu tata Letak
3. Klik Elemen Halaman
4. Klik Tambah Gadged
5. Klik HTML/JavaScript
6. Lalu Copy paste kodenya
7. Setelah itu klik Simpan
8. Dan Lihat Hasilnya

Semoga Sukses….!!!

Read more

4 Cara Memasang Widget Jam Digital Yang Mengikuti Cursor

Dalam artikel kali ini saya akan menjelaskan tentang cara memasang cursor yang di ikuti oleh jam agar tampilan blog menjadi lebih menarik dan selalu ingat waktu,
karena waktu adalah uang jadi perlu kita manfaatkan dengan sebaik-baik nya..
Sebagai contohnya lihat saja tampilan cursor anda saat berada di blog ini. Gerakkan ke berbagai arah. Pasti ada jam digital yang mengikutinya (bagi pengguna handphone, mungkin tidak bisa) Tertarik untuk memasangnya ya sudah langsung saja ikuti langkah-langkah di bawah ini..
Copy paste script kode dibawah ini :

<script src="http://kikiefendijam.googlecode.com/files/www.kikiyo.co.cc.cursor-jam-digital.js" type="text/javascript"></script>

Langkah - langkahnya :
1.Masuk Ke Akun Blogger Anda
2.Klik Tata letak atau Rancangan
3.Lalu Klik Tambah Gadget
4.Pilih HTML/JavaScript
5.Copy paste script kode diatas didalam HTML/JavaScript
6.Klik Simpan

Read more