Tampilkan postingan dengan label blog. Tampilkan semua postingan
Tampilkan postingan dengan label blog. Tampilkan semua postingan

Rabu, 11 April 2012

Cara pasang Widget Twitter di blog

Nah kali ini saya akan share sedikit tentang bagaimana cara memasang widget tweet updates di blog kalian,,
nanti tweet kalian akan muncul di widget,jadi kliatan eksis nya ntar.. ckckck

langsung aja yah..
Pertama kamu login ke twitter terlebih dahulu,
Lalu ke pengaturan/setting

Trus ke profil,kemudian klick link yg berada di bawahnya "Anda juga dapat menambahkan Twitter ke situs Anda di sini."


Pada tampilan selanjutnya kamu Klick "Widget".

Selanjutnya nanti ada pilihan,nanti kamu klick "Situs Web Saya",jika sudah di klick nanti disampingnya ada tampilan pilihan selanjutnya,karna kita ingin memasang widget untuk tweeter update maka kita pilih "Widget Profil".

Selanjutnya maka kamu tinggal edit dan sesuaikan dengan selera kamu deh settingnnya ,,
dan jika sudah sesuai kamu klick "Selesai & Ambil Kode",

Selesai deh,,,tinggal kamu pasang code nya di blog kamu.. :D

ATAU
Kalau gk mau ribet langsung klick link di bawah ini aje.. dan masukan nama penggunanya .. :P

duuhhh tau gitu knapa gw mesti cape2 nulis kya beginian yakk .**^%(**%~@$#@#&*&$  "-_-

Rabu, 23 November 2011

cara setting domain strato di 000webhost

Pada artikel sebelumnya saya sudah memberikan tips cara order domain gratis di strato, nah kali ini saya akan mengajarkan bagaimana cara setting domain strato di tempat penyedia hosting gratis seperti 000webhost.com atau semacamnya..
Pada artikel sebelumnya saya juga pernah post bagaimana cara daftar hosting dan domain gratis di 000webhost dan dot.tk,nah klo di dot.tk atau .co.cc setting domainnya gampang beda sama di strato.klo di strato cuma ada A record saja tidak ada NS, dan Cname nya.

langsung saja yah biar gk klamaan.. :D
pertama pastinya kamu daftar dlu di 000webhost.com ,klo gk tau daftarnya lihat di artikel sebelumnya DISINI.

Lalu kita menuju settingan domain di strato,lalu pilih domain yang ingin di edit kemudian klick "Naar het pakket". pada tampilan selanjutnya kamu klick  instellingen lalu pilih domainbehher,.selanjutnya lihat gambar 1.0..


Jika sudah mengklick "configureren",di tampilan selanjutnya kamu pilih "DNS-behher" lalu pilih "A-Record" ,,selanjutnya lihat gambar 1.1...

Pada halaman "A-Record" kita pilih "eigen IP-adres" selanjutnya kita masukan ip addres dari 000webhost.trus kamu klick "instellingen doorvoeren" lalu klick lagi "Overzicht" selanjutnya lihat gambar 1.2...

Sebenernya ini sudah selesai tinggal tunggu proses nya aja selama 1-2 hari. Tapi nantinya web kamu hanya bisa di buka dengan WWW saja,klo tanpa WWW, web kamu tidak bisa di buka..,
nah cara setting nya dengan menggunakan perantara dns server yaitu memakai dnspark.net, Terlebih dahulu kamu daftar di web tersebut supaya bisa login,jika sudah kemudian kamu login ke dnspark.net.

Kemudian kamu pilih "DNS Hosting" lalu "Add Domain",dan "Enter new domain:" di isi dengan domain kamu,jika sudah, klick "Add now" lalu klick lagi "DNS Hosting". selanjutnya lihat gambar 2.0...

Selanjutnya pada "TYPE" pilih "NS" hostnamenya masukan WWW, Nameserver diambil dari 000webhost lihat gambar "1.2", jika sudah "Update All". 
Pada langkah selanjutnya "TYPE" pilih yang "A" lalu "Dyn IP Address" masukan 72.14.203.121 buat 2 kali lagi dengan ip yg berbeda yaitu 72.14.205.121 dan 72.14.207.121, jika sudah "Update All"selanjutnya lihat gambar 2.1...

Alhamdulillah udah selesai,,tinggal tunggu proses nya,paling lama 2 hari.. 
jika ada pertanyaan silahkan komentar di postingan ini,,:D
salam sejahtera..!!

Sabtu, 01 Oktober 2011

Blogspot tidak bisa di buka karena masalah error bX-3hl23v

     Sudah lebih dari 3 bulan saya tidak pernah mengupdate blog kesayangan saya ini,karena kesibukan di dunia nyata ini :D, pas mau login blog sampe lupa email sama passwordnya,,haaddeehhh bejimana neehhh,,,maklum saking kebanyakan emel,dan faktor usia juga ... upsss hehehe... wah akhirnya kebuka juga setelah ngutak-ngatik selama setengah jam lamanya sampe kaus gw becek ma keringet sendiri,,,udah deg-deg an juga klo gk bisa ke buka,,,secara gitu loh udah lebih dari 2 taon and trafic nya juga lumayan,klo gk bisa kebuka bisa nangis kijing gw ...hufftt,,
Dengan senangnya bisa ngeblog lagi,,asiikkk asiikkk... :P setelah login jreenng jrengg betapa kagetnya gw dengan tampilan blog nya ,kok cuma kotak doang dgn bacaan bX-3hl23v,,waduh makin gk bingung dah gw  permasalahan dimana ada tulisan dewa yg gw gk ngerti "bX-3hl23v" maksudnya apa coba .. ???


   Setelah ngotak ngatik masih gk bisa juga,, nyerah dah gw :(,,akhirnya gw nanya ma mbah gw,,gaul kan embah gw .. :D,mau tau namanya siapa mbah gw ?? hehehe ya embah gugel lah .. :D akhirnya ketemu juga permasalahannya gk ketemu sih sebenarnya ... :P cuma ketemu jalan pintas nya ,,
yaitu kita buka blogspot nya melalui http://draft.blogger.com
akhirnya terbuka juga nie blog gw ,,tapi rada keder gw dengan tampilan nya ,,kok jadi beda jauh begini ,,,
bomat lah yg penting bisa kebuka blog gw ,, hehehe
nah biar http://draft.blogger.com menjadi default kita centang dah,,,liat gambarnya deh .. :D


selesai,,, Alhamdulillah yah sesuatu banget ...bisa ngeblog lagi,,horeee... :D

update :
klo ingin dashboard blogspot kembali seperti semula,tanpa harus lewat draft.blogger.com,,ganti bahasanya menjadi bahasa inggris terlebih dahulu,,
lalu kamu logout,dan login kembali seperti biasa,lewat http://blogger.com
clear..!!!

Rabu, 17 Agustus 2011

Efek zoom pada gambar postingan

Sudah lama gk update blog ini,,,karena ada urusan di dunia nyata gk gk bisa gw tinggalin .. :D
okeh sekarang saya akan membahas gimana cara buat effect gambar seperti di zoom..dalam hal ini cuma di tambahkan sedikit modifikasi di CSS..
CONTOH

gimana OK kan..nah selebihnya secara otomatis gambar yg muncul di setiap postingan akan seperti ini juga tampilannya,jadi kamu gk perlu repot2 memasukan code lagi..

langsung aja yah ke kodenya,kyanya udah pada gk sabaran .. :D

  • Tambahkan kode CSS berikut pada HTML kamu :

.post img, table.tr-caption-container {
border:none;
max-width:560px;
height:auto;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.post img:hover {
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.5);
-o-transform: scale(1.5);
-webkit-transform: scale(1.5);
-webkit-border-radius: 36px 12px;
-moz-border-radius: 36px / 12px;
-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
}

Lihat yg warna BIRU,itu adalah kuran Effect zoom yg akan di tampilkan.silahkan kamu edit dan sesuaikan dengan selera masing-masing..
Selesai effect zoom gambar pada postingan sudah kamu bisa nikmati..

  • Biasanya CSS .post img sudah terdapat pada template blogspot, Jadi tinggal di sesuaikan saja kodenya.
  • Dan cara ini juga bisa di gunakan di blog selain blogspot,tinggal kamu edit CSS nya aja .

Minggu, 27 Maret 2011

Cara cepat Daftar Google Adsense

Pastinya sobat blogger sudah pada tau tentang apa itu google adsense,tapi kalau yang belum tau mari simak apa itu google adsense di bawah ini

KENAPA GOOGLE ADSENSE BISA MEMBAYAR .. ??

Logikanya sangat mudah yaitu apabila ada pengunjung situs web / blog yang mengklik iklan yang di pasang maka Google akan mendapt bayaran dari pemasang iklan. Dari situlah Google mendapat uang untuk membayar kita sebagai pemasang iklannya.

BAGAIMANA SAYA AKAN DI BAYAR .. ??

Hingga saat ini metode pembayaran Google Adsense yang terbaru dan terbaik bagi pemasang iklan Google Adsense (Publisher) adalah dengan metode pembayaran melalui Western Union cash adalah metode pembayaran yang digunakan untuk menerima pembayaran AdSense secara tunai menggunakan layanan transfer uang Western Union di seluruh dunia. Pembayaran dapat diambil di Agen Western Union setempat sehari setelah dikirimkan berdasarkan jadwal pembayaran normal. Untuk pengambilan pembayaran yang dikirim melalui western union bisa di ambil di agen-agen western union yang sudah tersebar di seluruh Indonesia dan bahakan Western Union telah tersebar di daerah pedesaan dan kota-kota kecil sekalipun, jadi tidak ada kesulitan untuk mengambil penghasilan kita.

BERAPA SAYA AKAN DI BAYAR .. ??

Jumlah Dollar yang kita dapatkan bervariasi setiap Klik yang terajadi yaitu antara $ 0,1 – $ 10 per Kliknya bahkan Google berani membayar hingga $ 60 per Kliknya, Wooowww… sebuah nilai yang fantastis untuk sebuah Klik iklan saja. Kita akan dibayar oleh Google apabila pendapatan kita sudah mencapai minimal $100 setiap bulan nya, dan pembayarannya akan di lakukan setelah 30 hari setelah kita melewati pendapatan minimal $100 tersebut, jadi apabila bulan Januari ini anda mendapatkan minimal $100 maka komisi ini akan di bayarkan pada akhir bulan Februari.

SAYA TERTARIK DAN INGIN BERGABUNG DENGAN GOOGLE ADSENSE ….!!

Jika anda tertarik dan ingin bergabung bersama Google Adsense caranya gampang yaitu anda hanya membuat situs web atau blog dalam bahaasa inggris setelah selesai anda hanya tinggal mendaftarkannya saja ke aplikasi program google adsense.

Sebelum anda melakukan pendaftaran ke Google Adsense agar diterima / approve sebaiknya anda mengikuti aturan main Google Adsense atau TOS (Term Of Servise) antara lain :

1. Domain yang kita daftarkan bisa Top Level Domain misal www.adsense.com atau juga blog di blogspot.. misalhttp://freefreshmoney.blogspot.com atau www.namaMu.wordpress.com, www.namasaya.blogsome.com, Dll.
2. Domain situs web atau blog kita minimal sudah aktif 6 bulan sebelum mendaftar adsense
3. Data kita harus akurat ketika mendaftarkan domain
4. . Sudah memiliki Pengunjung minimal 25 pengunjung / hari
5. Content pada website atau blog harus Original bukan Copy Paste dari web atau blog lain
6. harus mematuhi kebijakan google adsense (TOS)

Waduhhh…..Aturan di atas tentunya sangat sulit sekali bagi kita untuk bisa mendapatkan Account Google Adsense.

Tenang, Santai dan jangan Panik, kami akan membantu anda untuk mendapatkan Account Google Adsense dengan mudah dan cepat tanpa harus menunggu berbulan-bulan, Aman dan Tidak melanggar aturan Google Adsense (TOS).



Sudah tau apa itu google adsense,??
nah sekarang saya akan memberikan sedikit tips bagaimana cara mendaftar Google Adsense hanya dalam hitungan jam saja,bisanya sobat blogger jika mendaftar google adsense pasti sering mengalami kegagalan,yg di sebabkan elemen tidak lengkap,alamat tidak lengkap dll.Tapi jangan khawatir sobat blogger sekarang dapat mendaftar google adsense dengan sangat mudah..


Gimana caranya ??? 
langsung saja yah,kyanya sudah pada gk sabar..:D
Sebenarnya kita membuat akun GA melalui web perantaranya yaitu di http://wap.indyarocks.com/.

  • Pertama  kamu buat akun dulu di http://wap.indyarocks.com/ tenang saja web tersebut   semacam Soccial Network kok...
  • Jika sudah isi data2 selengkap mungkin,dan jangan lupa upload foto kamu min 10 buah foto dan tulis 5 buah artikel dalam bahasa inggris di web tersebut,kalau bingung nulis artikel dalam bahasa inggris kamu tinggal COPAS aja dari sini http://goarticles.com/.



nah selanjutnya kamu tinggal daftar di google adsense nya melalui web http://wap.indyarocks.com/adsense/adsense_index.php ini,,,


ini bukti kalau akun google adsense saya di approve dalam waktu 2 jam saja ..:D


giamana gampangkan ???ayo langsung buat akun google adsense nya,,
jika ada pertanyaan "jadi penghasilan kita di bagi 2 donk sama http://www.indyarocks.com?"
tentu tidak jika kamu mempunyai blog sendiri maka penghasilan dari GA tersebut 100% buat kamu.:D




Sabtu, 05 Maret 2011

Membuat daftar isi di blog

Pada tips-trik blog kali ini,saya akan memberitahu bagaimana cara membuat sitemap/daftar isi di blog,karena menurut saya menggunakan widget ini lebih simple dan pengunjung lebih mudah untuk melihat isi postingan kita..

cara membuat daftar isi di blog yah,,,

Copy script code HTML di bawah ini,.
Versi 1
<script style="text/javascript" src="https://sites.google.com/site/pajenkerz/daftarisiblog.js"></script>
<script src="http://www.pajenk-akbar.blogspot.com/feeds/posts/default?max-results=500&alt=json-in-script&callback=loadtoc"></script>

Versi 2
<script style="text/javascript" src="http://www.abu-farhan.com/script/daftarisiblogger/blogtoc-min.js"></script>
<script src="http://www.pajenk-akbar.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

Feature dari Script V2:

1. Mudah digunakan, hanya dua baris script.
2. Dikategorikan Label.
3. Dapat digunakan untuk label Multiple di setiap posting.
4. Berikan "Baru!" Teks untuk 10 posting terbaru.

ganti pajenk-akbar.blogspot.com menjadi nama blog mu...

bagi yang blom tau meletakan script ini di mana,,
coba kamu ke RANCANGAN > di elemen Halaman kamu Tambah Gadget pilih HTML/JavaScript.
dan untuk menambahkan scrol nya tinggal kamu tambahin code berikut di atas code yang tadi

<div style="overflow:auto;width:225px;height:350px;padding:2px;border:1px solid #eee">


Maka jika di gabung hasilnya menjadi seperti ini

<div style="overflow:auto;width:225px;height:350px;padding:2px;border:1px solid #eee"><script style="text/javascript" src="https://sites.google.com/site/pajenkerz/daftarisiblog.js"></script>
<script src="http://pajenk-akbar.blogspot.com/feeds/posts/default?max-results=800&alt=json-in-script&callback=loadtoc"></script></div>

sumber
abu-farhan

Kamis, 03 Maret 2011

Cara melakukan backup pada blogspot

Melakukan Backup pada blog atau website sangatlah penting,apa lagi jika blog/website kita rusak atau yg lebih parahnya lagi di serang oleh hacker dan data-data kita di hapus,dan kejadian ini pernah saya alami saat mengganti domain menjadi .co.cc,pada saat itu saya lupa membackup blog,dan hasilnya blog saya menjadi default,,daftar pengunjung pun menjadi 0..dan kejadian itu membuat saya males ngeblog lagi..T_T..jika tidak ada backup nya bisa repot seperti saya kan,..Nahh,,sebagai antisipasi dari kejadian yang tidak mengenakan pada blog kita, gk ada salahnya membackup blog kita,caranya sangat mudah,,
UNTUK BLOGSPOT :


Backup Posting (tulisan) + Komentar:

  1. Login pada akun blogspot Anda. Pada dasbor, klik link menu Pengaturan. 
  2. Kemudian klik subtab Dasar.  
  3. Di bagian paling atas ada tulisan impor blog,ekspor blog atau hapus blog,,untuk membackup kamu pilih Ekspor blog.
  4. Jika Anda ingin mengembalikan atau meng-upload posting dan komentar yang di-backup tadi, caranya adalah dengan mengklik link "Impor Blog" yang ada pada langkah 3 di atas.
Backup Template Blogspot :

  1. Login blog,lalu pada dasbor kamu pilih tata letak/rancangan.
  2. lalu kamu ke edit HTML
  3. Pada bagian Backup/Restore Template, klik link Download Template Lengkap untuk mem-backup template blogger Anda.
  4. Jika anda ingin mengembalikan template yang kamu backup tadi ikuti 3 langkah yg ada di atas,lalu klick tombol browse/pilih  lalu unggah,.

Rabu, 02 Maret 2011

Cara membuat menu and navigation widget

Seperti biasa berkat blogwalking saya menemukan hal yang baru untuk mempercantik tampilah blog kita dengan menu and navigation widget,,seperti yang saya terapkan pada blog saya,,,itu loh yang berada di pojok kanan bawah...
saya mendapat widget yang bernama zFPmenu apa itu ??
zFPmenu – Fixed-Position Custom Menu and Navigation/Share Widget, adalah widget ‘melayang’ yang bisa diisi dengan menu berisi link-link sesuai keinginan.
Di dalamnya sudah termasuk navigasi scroll to top/bottom of page (scroll ke bagian paling atas/bawah halaman web) ber-engine jQuery, dan juga tombol share Twitter dan Facebook (bila diinginkan).

zFPmenu Code
Letakan code di bawah ini sebelum code </body>

<!-- zFPmenu START -->
<div id="zfpm_div" style="display:none;">
<div id="zfpm_upperBox">
Place ads, text message, or anything here.
</div>
<ul id="zfpm_ul">
<!-- Your menus start -->
<li><a href="">YOUR MENU-1</a></li>
<li class="dir"><a href="">YOUR MENU 2 (containing submenu)</a>
<ul>
<li class="dir"><a href="">YOUR SUBMENU 2.1 (containing sub-submenu)</a>
<ul>
<li><a href="">YOUR SUB-SUBMENU 2.1.1</a></li>
<li><a href="">YOUR SUB-SUBMENU 2.1.2</a></li>
</ul>
</li>
<li><a href="">YOUR SUBMENU 2.2</a></li>
<li><a href="">YOUR SUBMENU 2.3</a></li>
</ul>
</li>
<li><a href="">YOUR MENU 3</a></li>
<!-- Your menus end -->
</ul></div>
<script type="text/javascript">
var zfpm_colorTheme = 'light'
var zfpm_shareBox = 'no';
</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://zfpmenu.googlecode.com/svn/trunk/js/zfpmenu.js"></script>
<!-- zFPmenu END -->



Usage/Configuration

Menu
Replace menu with your own menu. Place class="dir" attribute inside li tag where you want to add submenu.

Setting/Variable
You can change the color theme and the share buttons visibility setting.

var zfpm_colorTheme = 'light';
Set the color theme for the menu widget.
Valid input: 'light' or 'dark'
var zfpm_shareBox = 'no'
Show the Twitter ‘Retweet’, Facebook ‘Share’, and Facebook ‘Like’ buttons (using LinksAlpha’s widget) or not.
Valid input: 'yes' or 'no'

Complete Variabel List
var zfpm_colorTheme = 'light'; valid input: 'dark' or 'light'.
var zfpm_customBackgroundImage = ''; valid input: full URL of an image.
var zfpm_customBackgroundColor = ''; valid input: example: '#999999'.
var zfpm_shareBox = 'yes'; valid input: 'yes' or 'no'.
var zfpm_shareBoxPosition = 'right'; valid input: 'left' or 'right'.
var zfpm_shareBoxCustomWidth = ''; valid input: example: '300'.
var zfpm_waitForPageLoad = 'yes'; valid input: 'yes' or 'no'.
Upper Box
You can also place text messages, advertisements, or whatever you like in the div box with the ID zfpm_upperBox (above the menu).

Warning

This script is not design for Internet Explorer 6 browser.

Instead, if you add a variable var zfpm_ieUpgradeMessage = 'yes'; to the script, it will show an upgrade notification message on the top of page (see screenshot here) for IE 6 users.

sumber http://inimu.com

Sabtu, 26 Februari 2011

Cara bikin mudus hemat energi di blogspot



Duuhh,,,,males banget nulis sekarang yakk,:P,,tapi gw paksain dehh demi sobat blogger,,,:D
okeh sekarang gw akan membagi tips and trick cara membuat modus hemat energi di blogspot,sehingga jika blog kamu diam selama 1 menit, otomatis tampilan blog kamu akan blank/modus hemat energi,seperti yg terlihat di gambar,
langsung aja ke caranya :

1. pertama kamu pergi ke RANCANGAN
2. setelah itu copy script berikut di atas code <head>

<script language='javascript' src='https://sites.google.com/site/pajenkerz/energi.js' type='text/javascript'>
</script>

3. simpan dan lihat hasilnya ....

klo mau edit-edit kata-kata atau tambahin gambar,copas aja dari situs https://sites.google.com/site/pajenkerz/energi.js lalu edit energi.js nya ..

semoga tips saya ini berguna untuk sobat blogger...

Minggu, 05 Desember 2010

Buat halaman web/blog mu lebih berwarna

Bosen dengan warna text yang hitam terus, dan gk bisa di ganti-ganti warnanya,..
kali ini saya akan memberikan tips bagaimana membuat text yang ada di web atau blog kita bisa berganti warna...

caranya tinggal COPAS dan timpah script di bawah ini ke address bar di mozzila kamu



Gimana,?? jadi lebih menarik bukan ???

Anti klick kanan

Berikut adalah script untuk protect web atau blog,supaya tidak bisa di copy paste atau klick kanan,

caranya pergi ke RANCANGAN > TAMBAH GADGET > HTML/Java Script and Copy Paste script di bawah ini


// disable keydown ctrl c & v

<script language="javascript">
function onKeyDown() {
alert("dilarang copas"); // commentnya
// current pressed key
var pressedKey = String.fromCharCode(event.keyCode).toLowerCase();
if (event.ctrlKey && (pressedKey == "c" ||
pressedKey == "v")) {
// disable key press porcessing
event.returnValue = false;
}
} // onKeyDown
</script>



<script language="JavaScript">
//Disable klik kanan di mouse kamu


//pesan yang akan ditampilkan bila kamu klik kanan
var message="Maaf Tidak Boleh Copy Paste dengan Click Kanan";

//Kode selanjutnya merupakan fungsi untuk mendisable klik kanannya
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>


<script type="text/javascript">
<!--
//Disable select-text script (IE4+, NS6+)
///////////////////////////////////
function disableselect(e){
return false
}
function reEnable(){
return true
}
//if IE4+
document.onselectstart=new Function ("return false")
//if NS6
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
// -->
</script>

Cara membuat scroll pada komentar

Bagaimana cara membuat scroll pada halaman komentar ???
pasti bingung yah,,apa bisa halaman komentar menggunakan scroll,jawab nya tentu saja bisa,tinggal sobat blogger ikuti cara nya di bawah ini :

Langkah-langkah membuatnya sebagai berikut :
1. Login ke account blogger Sobat
2. Klik "Rancangan" => "Edit HMTL"
3. Cari kode berikut :

/* Comments
-------------------------------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: $sidebarcolor;
font-size:12px;
}

4. Copy dan paste kode
#comments {
height:500px;
overflow:auto;
}
di antara kode di atas. Sehingga hasilnya akan seperti ini :

/* Comments
----------------------------------------------- */
#comments {
height:500px;
overflow:auto;
}

#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: $sidebarcolor;
font-size:12px;

gampang kan ??? nah sekarang silahkan sobat blogger untuk mempraktekannya...

SEMOGA BERHASIL ....

Cara membuat Hide and Show di postingan blog

Banyak yang bertanya bagaimana cara membuat show-hide/spoiler di dalam postingan,kalau di forum pastinya kamu sudah tau kan,,nah berbeda dengan forum yang simple,jika kita ingin menambah spoiler di dalam postingan blog banyak code yang harus di masukan,,
langsung lihat saja code nya di bawah ini ..:

Penjelasan



Sudah tau kan tentang tombol hide and show,biasanya tombol hide and show di gunakan di forum,Kali ini saya akan menbuat tombol hide and show di dalam pastingan blogspot,
Caranya tinggal COPAS aja code di bawah ini :

<div><div style="margin-bottom: 2px;"><i><b><small>spoiler</small></b></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"></div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">

>>>>>>>>ISI DENGAN KATA ATAU APA SAJA SESUKA MU<<<<<<<<<<< </div></div></div>

Membuat Artikel terkait dengan fungsi scroll

Pasti sobat bloger sudah pada tau tentang "Artikel Terkait",itu looh,, yang biasa berada di bawah postingan :D,Widget ini dibuat agar di blog kita menampilkan artikel-artikel yang masih terkait atau masih berhubungan dengan artikel yang mereka baca,Biasanya "Related Post" atau "Artikel Terkai" tidak di lengkapi fungsi scroll,,,nah kali ini saya akan memberi sedikit tips bagaimana cara membuat "Related Post" atau "Artikel Terkait" dangan fungsi scroll,Sudah pada gak sabar,,,yuukk kita mulai.. :D

silahkan ikuti langkah-langkah berikut ini :
1. Seperti biasa, Login dulu di akun blogger Sobat
2. Klik "Tata Letak" => "Edit HTML"
3. Centang "Expand Template Widget"
4. Cari kode dibawah ini :
    <data:post.body/>
5. Lalu masukan code dibawah ini di bawah code <data:post.body/> tadi.


Lihat Code


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<H2>Artikel Terkait</H2>
<div class='rbbox'>
<div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 50;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;albri&#39;).appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;
var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
<script type='text/javascript'>RelPost();</script>
</div>
</b:if>


5. Klik "Simpan Template"

Catatan :
- Height:200px bisa Sobat ganti sesuai dengan selera sobat.
- Pada beberapa template kodenya berbeda dengan kode di atas

Jumat, 05 November 2010

memasang pesan alert pembuka dan penutup

Nah,kali ini saya kan memberikan sedikit tips bagaimana cara membuat alert mesege pembuka dan penutup di blog kita,Biasanya alert message ini akan muncul saat kita membuka sebuah blog atau website yang sudah terpasang dengan alert message. Selain untuk menyambut pengunjung di blog / website, alert message ini juga digunakan untuk memperindah dan tentunya untuk membuat pengunjung terkesan dengan blog kita. Yang ujung-ujungnya akan melakukan kunjungan balik setelahnya. tapi kadang - kadang alert messege di gunakan untuk menjahili orang,...
langsung aja daah,, caranya di bawah ini :

1. Klick rancangan.
2. pilih tambah gadget > HTML / Java Script.
3. Copy and paste script di bawah ini .

<script quality='high' type='text/javascript'>
var name = prompt("Welcome!!! di pajenk-akbar.blogspot.com", "your name here ");
alert("Salam kenal ya "+name)
//
alert ("masukan kata-kata anda")
// goodbye alert
function goodbye(){
alert('terima kasih atas kunjungannya');
}
parent.window.onunload=goodbye;
//<![CDATA[
//]]>
//<![CDATA[
//]]>
</script>

nb: text bisa kalian edit sendiri sesuka mu..

Selasa, 26 Oktober 2010

Membuat Gambar berada di pojok

Berikut adalah trik untuk membuat gambar atau apapun berada bagian pojok bawah pada blog kita...Okeh langsung aja ke tahan percobaan nya..
pertama kamu copy code berikut ini di atas code ]]></b:skin>

#trik_pojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth);

nah..yang ini code untuk menyisipkan gambar yang berada di pojok blog..
simpan di atas code </body>

<div id='trik_pojok'>

<script src='http://www.clocklink.com/embed.js'/><script language='JavaScript' type='text/javascript'>obj=new Object;obj.clockfile=&quot;5005-green.swf&quot;;obj.TimeZone=&quot;ICT&quot;;obj.width=120;obj.height=40;obj.wmode=&quot;transparent&quot;;showClock(obj);</script>

</div>

selesai...gampang kan..
oh ya...yang kode berwarna merah itu kalian bisa ganti dengan gambar sesukamu...

Rabu, 13 Oktober 2010

Cara memasang chat box show and hide

Menurut saya chat box sangat penting untuk sekedar komentar ataupun ngobrol-ngobrol dengan pengunjung blog kita..bahkan di forum pun chat box banyak di gunakan,biasanya chatbox di pasang di samping postingan blog atau di bawah,tapi kurang efektif karena makan tempat.Kali ini saya akan memberi tips bagaimana cara memasang chat box slide and show,yang pastinya gk "mantep" alias makan tempat ^_^...
ok lanjut,,pastikan kamu sudah terdaftar di shoutmix atau chatbox lainnya,setelah itu kamu copy code hide and shownya

<style type="text/css"> #hitsukeFX{ position:fixed; top:50px; z-index:+1000; } * html #hitsukeFX{position:relative;} .hitsukeFXtab{ height:550px; width:35px; float:left; cursor:pointer; background:url('http://i642.photobucket.com/albums/uu147/remoxp/Chatbox.png') no-repeat; } .hitsukeFXcontent{ float:left; border:2px solid #ffffff; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; background:#000000; padding:10px; } </style> <script type="text/javascript"> function showHidehitsukeFX(){ var hitsukeFX = document.getElementById("hitsukeFX"); var w = hitsukeFX.offsetWidth; hitsukeFX.opened ? movehitsukeFX(0, 40-w) : movehitsukeFX(40-w, 0); hitsukeFX.opened = !hitsukeFX.opened; } function movehitsukeFX(x0, xf){ var hitsukeFX = document.getElementById("hitsukeFX"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; hitsukeFX.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("movehitsukeFX("+x+", "+xf+")", 10);} } </script> <div id="hitsukeFX"> <div class="hitsukeFXtab" onclick="showHidehitsukeFX()"> </div> <div class="hitsukeFXcontent">

>>MASUKAN CODE CHAT BOX KAMU<<

<div style="text-align:right"> <a href="javascript:showHidehitsukeFX()"> [hide] </a> </div> </div> </div> <script type="text/javascript"> var hitsukeFX = document.getElementById("hitsukeFX"); hitsukeFX.style.right = (40-hitsukeFX.offsetWidth).toString() + "px"; </script>

selesai..tinggal pastekan di HTML/JavaScript,udah tau kan cara nya..
klo belum tau ikuti cara-caranya.

RANCANGAN >> TAMBAH GADGET >> Pilih HTML/JavaScript >> lalu COPAS code di atas.
semoga berhasil... ^_^

Senin, 11 Oktober 2010

Cara pasang radio di blog

Hay..udah lama gk posting tentang blog,,
keh..kali ini gw akan ngebahas cara untuk memasang radio di blog yang mudah...
langsung aja pertama kamu copy code embednya dlu,embed nya saya dapat dari forum nyit-nyit.net and indowebster.

<a href='http://www.nyit-nyit.net/index.php?app=radio&view=listen&player=winamp' title='main'><img src="http://www.nyit-nyit.net/public/style_images/overlayblue/radio_images/icons/winamp/16x16.png" border="0" /></a> <a href='http://www.nyit-nyit.net/index.php?app=radio&view=listen&player=wmp'><img src="http://www.nyit-nyit.net/public/style_images/overlayblue/radio_images/icons/wmp/16x16.png" border="0" /></a> <a href='http://www.nyit-nyit.net/index.php?app=radio&view=listen&player=real'><img src="http://www.nyit-nyit.net/public/style_images/overlayblue/radio_images/icons/real/16x16.png" border="0" /></a>

<object width="200" height="20" type="application/x-shockwave-flash" id="playerID" name="playerID" data="http://www.nyit-nyit.net/player.swf"><param name="allowfullscreen" value="false" /><param name="allowscriptaccess" value="always" /><param name="bgcolor" value="#FFFFFF" /><param name="flashvars" value="type=sound&amp;autostart=true&amp;file=http://ur.nyit-nyit.net:8110/;stream.nsv" /></object>

lalu pastekan ke rancangan >>tambah gadget>>HTML/Java Script >> and save...
gimana gampang kan...dengan demikian di harapkan blog kamu lebih berwarna dan lebih rame,dengan adanya musik 24 jam nonstop...
^_^
thx nyit-nyit.net and indowebster.

Senin, 30 Agustus 2010

Cara daftar hosting dan domain gratis

Bosen dengan blog??bagi temen-temen yang mau nyoba bikin web saya akan kasih tau cara nya untuk buat WEB yang gratis dari 000webhost.com di gabungkan dengan domain yang gratis pula dari Dot.tk, pokoknya serba gratis deh..gatai,oke langsung aja,
pertama sobat blogger buka Dot.tk trus pilih "domain situs",masukin nama domain nya.

kalau sudah, kamu pilih domain gratis, trus klik "Gunakan DNS untuk domain ini" dan pilih "Gunakan DNS Service saya sendiri" masukin name servernya seperti ini.

lalu masukan email anda, trus masukan nama dan password untuk daftar ke dot.tk nya . setelah itu cek email anda dan masukan kode konfirmasinya dan login. Buat domain gratis sudah selesai tinggal buat web nya.

Sekarang sobat blogger daftar ke web nya di 000webhost.com,nanti ada tampilan seperti ini

nah yang paling atas isi dengan nama domain yang udah di daftar di dot.tk tadi,bawahnya kosongin aja,untuk passwordnya di gabungin huruf dan angka ya.senyum
jika sudah di isi dengan lengkap klik create account.
Dan web dan domain gratisan anda sudah jadi tinggal tunggu akfit account nya aja selama 1 X 24 jam,klo udah aktif kamu menuju control panel untuk mengedit-edit WEB kamu.
selamat mencoba dan berkreasi.
sengihnampakgigi

Minggu, 20 Juni 2010

Cara pasang musik di blog

Memper cantik blog adalah tujuan utama bagi para blogger supaya blognya banyak di kunjungi atau di minati,,,nah..supaya pengunjung betah dan tidak bosen alangkah baiknya kita memasang musik di blog,supaya blog kita lebih berwarna dan tidak sepi..heheheh..
okeh lah klo beg beg gitu...
langsung aja ke pembahasannya.Saya ada cara untuk memasang musik di blog yg paling gampang kalau menurut saya,klo menurut lo??? mending kita coba aja yah...

Sebagai contoh,kita praktekan di web indowebster
  • Pertama kamu buka web Indowebster nya
  • Jika sudah mencari musik yg di inginkan copy embed codenya ke blog kita.
  • Lalu paste kan embed codenya di tambah gadget > HTML/JAVA SCRIPT.dan simpan.
  • Traaalaaa...Blog kita sudah ada musiknya..heheh..
menurut kalian gampang gk???hehehheh..
Semoga tips yang saya kasih berguna untuk para pecinta blogger...
Selamat mencoba

UPDATE

karena undowebster mp3 nya telah di upgrade dan tidak seperti dulu lagi yg bisa di edit maka pakai embed yang lama aja..
ni code embednya

<embed wmode='transparent' src='http://www.indowebster.com/templates/object/mediaplayer.swf' flashvars='file=http://www51.indowebster.com/83f0bd7cd99ac72617bbab43437cee41.mp3&frontcolor=0x000000&backcolor=0x000000&lightcolor=0x000000&logo=http://www.indowebster.com/templates/img/idws.png&autostart=true&usefullscreen=false&showeq=true' width='1' height='1' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' menu='false' allowfullscreen='false'><br /></embed>

yg warna merah itu code MP3 dan,kalian bisa ganti code mp3 nya...