Blogger - Bogor: July 2011

7.09.2011

Keutamaan Sedekah yang luar biasa dahsyat

Sedekah memiliki keutamaan yang luar biasa dahsyatnya.. Alloh SWT telah menjanjikan pahala dan balasan yang berlipat-lipat ganda. Seperti yang telah dirasakan oleh ribuan orang.. mereka kini hidupnya telah menjadi sangat sejahtera dan kaya raya.
Berikutnya mungkin giliran anda.. Silahkan simak dengan seksama..
Untuk lebih jelasnya, silahkan download file format pdf

SEMOGA MEMBAWA KEBERKAHAN BUAT KITA SEMUA..

Belajar memahami Terobosan Adsense

Silahkan download file pdf nya disini GRATISS

SEMOGA BERMANFAAT

Cara Memasang Templete Bagi pemula

Bagi anda yang ingin merubah tampilan template menjadi lebih bagus, coba saja ikuti langkah-langkahnya seperti dibawah ini.

1. Setelah login ke account blogger Anda. Kemudian Anda dapat memilih template yang tersedia di blogger.com atau disitus
http://www.freewebsitetemplates.com/
http://www.themesbase.com/
http://x-template.blogspot.com/

atau Anda bisa cari di search engine google dengan keyword free template. Kemudian Anda dapat men-download template yang Anda suka dari website tersebut dan simpan template pada hard drive Anda.

2. Anda juga perlu untuk membackup template asli Anda terlebih dahulu. Untuk ini dari Dasbor pergi ke>> Rancangan>>Edit HML>> Download Template Lengkap dan memilih simpan/save ke disk dan menyimpannya pada hard disk. Cadangan ini akan bermanfaat jika ada yang tidak beres dengan template baru yang Anda pilih tadi.

3. Cara mengunggah templete yang anda download tadi ke blog anda yaitu dari Dasbor pergi ke>>Rancangan>>Edit HTML>>Browse>>lalu Unggah.

4. Jika ada peringatan ini Anda bisa pertahankan widget.

5. Selesai…dan jangan lupa atur widget Anda sesuai keinginan Anda karena widget akan acak2kan karena templatenya yang baru. Selamat mencoba??

Sumber : http://mas-debby.blogspot.com/

SEMOGA BERMANFAAT

Cara Membuat Blog Menjadi Dofollow

Dofollow adalah suatu blog dimana link-linknya dapat dibaca oleh search engine google melalui spider yang dimilikinya. Apabila blog Anda termasuk blog yang dofollow maka link commentnya juga dofollow jadi secara otomatis URL comment yang Anda tinggalkan di blog/web yang Anda komentari akan ikut kebaca oleh search engine google. Kalau blog Anda nofollow berarti sebaliknya,percuma saja meski Anda berkomentar di 100 blog/web sekalipun, google tidak akan membaca link Anda. Sehingga pekerjaan Anda berkomentar sungguh sangat sia-sia. Walaupun komentar Anda tidak dibalas sama sekali, ini juga bertujuan untuk meningkatkan seo Anda. Terus bagaimana cara mengecek blog apakah blog tersebut dofollow atau nofollow?Anda bisa klik disini. Jika Anda berminat mari ikuti tips merubah blog menjadi dofollow berikut ini:

1. Login ke blogger, Dasbor pergi ke>> Rancangan>>Edit HML.

2. Centang Expand Template Widget.

3. Anda juga perlu untuk membackup template asli anda terlebih dahulu dengan Download Template Lengkap dan memilih simpan/save dan menyimpannya pada hard disk. Cadangan ini akan bermanfaat jika ada yang tidak beres dengan langkah2 yang anda kerjakan.

4. Cari kode dibawah ini:

Kalau sulit bisa dengan cara cepat saat pencarian yaitu dengan tekan CTRL F/F3.
Letakkan kode dibawah ini diatas kode tersebut.

5. Hapus kode rel='nofollow' sehingga menjadi:

6. Simpan template dan selesai semoga bermanfaat.

7. Jangan lupa berkomentar yach soalnya blog saya sudah dofollow hehehe...

Sumber : http://mas-debby.blogspot.com/

SEMOGA BERMANFAAT

Cara Membuat Artikel Terkait di Bawah Postingan Blogspot (part 2)

Menampilkan artikel-artikel terkait di bawah postingan kita tujuannya adalah supaya para pengunjung dapat membaca content yang ada dalam blog kita, sehingga dengan demikian para pengunjung akan menjadi betah berlama-lama di blog kita.
Ikuti saja cara nya berikut ini :

1. Login ke Blogger
2. klik Tata Letak dan pilih Edit HTML
3. Kalau sudah, klik Expand Template Widget
4. Lalu cari kode berikut (Ctrl + F) : ]]></b:skin>
5. Kemudian copy paste kode dibawah ini persis berada diatas kode ]]></b:skin>

/* Kode CSS untuk Artikel Terkait */
#underpost{
font-family:Arial, Tahoma, Verdana, Sans-serif;/* Jenis font. */
font-size:small;/* Ukuran font. */
color:#0080FF;/* Warna teks. */
background:#81BEF7;/* Warna latar belakang. */
clear:both;
float:left;
width:410px;/* Lebar area artikel terkait. Sesuaikan dengan lebar main-wrapper (kolom posting) anda. */
-moz-border-radius:10px;
border:0;
height:auto;
margin:0 auto;
padding:10px;
}
#underpost h2{
font-family:'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;/* Jenis font heading. */
font-size:large;/* Ukuran font heading. */
color:#0080FF;/* Warna teks heading. */
margin-bottom:5px;
border-bottom:1px solid #0080FF;/* Warna garis pembatas dibawah teks heading. */
padding:0 0 5px;
}
#underpost a,#underpost a:link,#underpost a:active,#underpost a:visited{
color:#0B243B;/* Warna link */
text-decoration:none;
}
#underpost a:hover{
text-decoration:underline;
}
#artikel-terkait{
overflow:auto;
width:auto;
height:400px;/* Tinggi dari artikel terkait */
padding:10px;
}

Keterangan :
Sebelum membuatnya sobat bisa edit-edit dulu lebar dari kolom artikel terkait tsb. dan sobat juga bisa ubah warna backgroundnya sesuai selera sobat. pada script diatas kiranya sudah cukup jelas.

6. Lalu cari kode ini lagi <p><data:post.body/></p>

7. Kemudian kopy paste-kan kode dibawah ini tepat di bawah kode <p><data:post.body/></p>

<b:if cond='data:blog.pageType == "item"'>
<div id='underpost'>
<div class='similiar'>

<div class='widget-content'>
<h2><blink>Artikel Terkait Lainnya Seputar:</blink></h2>
<div id='artikel-terkait'>
<div id='relposts'/><br/><br/>
<script type='text/javascript'>

var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;

function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;

for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
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 < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('relposts').appendChild(div1);
}
}
}
function search10(query, label) {

var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
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 = "<data:label.name/>";

var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
</div>

</div>
</div>
</b:if>

8. Bila sudah klik Simpan.. sekarang lihat hasilnya...

SEMOGA BERMANFAAT

Cara Membuat Spoiler (Tombol Buka/Tutup)

Inilah Cara Membuat Spoiler atau Tombol Buka/Tutup pada blog yang disimpan di sidebar atau dalam postingan , selan itu sekalian juga Cara Membuat Spoiler Show/Hidden Widget .

Cara Membuat Spoiler Pada Sidebar atau Postingan

Sebenarnya Spoiler bisa ditempatkan dimana saja di Sidebar, Komentar atau di postingan , Dengan Spoiler kita bisa menghemat tempat dll. Cara membuatnya sama saja tinggal menggunakan kode HTML seperti di bawah ini :
<div style="margin-bottom: 2px;">Judul Spoiler
<div style="margin-top: 5px; text-align: center;"><input value="Buka" style="margin-top: 5px; 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 = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" type="button"> </div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;"> Silahkan masukan Isi Spoiler disini, Bisa teks atau gambar / foto </div></div></div>
Perhatikan tulisan berwarna merah, itu bisa diganti sesuai keinginan. dan isi pokok dari spoiler bisa berupa teks atau gambar.

Cara Membuat Spoiler Show / Hidden Widget

Untuk Membuat Spoiler Show/Hidden Widget kita harus merubah kode HTML langsung pada template blog., widgetnya bisa yang mana saja.. misalnya pada Daftar Isi, Label , Komentar atau Link Sahabat dll.
Langkah membuatnya :

Masuk ke Blogger , pilih Design atau Layout , lalu Edit HTML
Sebaiknya backup dulu dengan Download full template
Centang Expand Widget Templates
Cari kode widget yang akan di rubah .. nah berdasarkan pengalaman sebaiknya tiap widget itu diberi nama, jadi mudah untuk mencarinya.. tinggal Ctl+F lalu ketik nama widgetnya langsung ketemu deh.
Contoh yang akan saya buat Spoilernya adalah Link Sahabat.,

Widget Link Sahabat kodenya seperti ini :

<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'>
<b:widget id='HTML8' locked='false' title='Link Sahabat' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>

Ganti kode yang berwarna pink dengan script berikut

<h2 class='title'><script type='text/javascript'> /* <![CDATA[ */ if(typeof(rnd) == 'undefined') var rnd = ''; rnd = Math.floor(Math.random()*1000); rnd = 'id-' + rnd; document.write('<a href="#" onclick="tmp = document.getElementById("' + rnd + '"); tmp.style.display = (tmp.style.display == "none") ? "block" : "none"; return false;" style="float:right;margin-right:0px;">[Show/Hidden]<\/a>'); /* ]]> */ </script><data:title/></h2><script type='text/javascript'> /* <![CDATA[ */ document.write('<div id="' + rnd + '" style="display:none;">'); /* ]]> */ </script>

Copy kode dibawah ini & simpan diatas kode </b:includable>

Bila kodenya digabungkan maka akan seperti ini :

Klik Kotak Spoilernya untuk melihat :

<b:include name='quickedit'/>
<script type='text/javascript'> /* <![CDATA[ */ document.write('<\/div>'); /* ]]> */ </script>
</b:includable>
</b:widget>

Sampai disini urusan Spoiler selesai, tinggal Save Templates

Selamat mencoba, Cara Membuat Spoiler ( Buka/Tutup) dan Cara Membuat Spoiler Show / Hidden Widget .

Sumber : http://saungweb.blogspot.com/

SEMOGA BERMANFAAT

7.08.2011

Cara membuat link berkedip warna pelangi ketika kursor mendekati

Kali ini saya sampaikan bagaimana membuat link berkedip warna pelangi, tampilannya agak berbeda dengan cara membuat link berkedip bintang

Ikuti saja caranya seperti di bawah ini :

1. Login ke blogger Dasbor pergi ke>> Rancangan>>Edit HML.

2. Cari kode

(cari cepat dengan F3 dan masukkan kode tersebut).

3. Masukkan kode di bawah ini di bawah kode tersebut.

bintang berkedip ketika cursor mendekati link

Langsung aja kita praktekan gimana cara membuat bintang berkedip ketika kursor mendekati link :

Login ke blogger
masuk ke tata letak/rancangan
Edit HTML cari kode</head> dan letak kan kode di bawah ini tepat di atas nya :

Agar Judul Postingan Ada Efek Coretan dan Juga Efek Berkedip

Tepat seperti judulnya, dengan trik ini anda bisa membuat efek coretan pada judul postingan dan juga bisa membuat efek berkedip tentunya. Yaaaa....bisa dikatakan kurang kerjaan sih, tapi beberapa blogger juga akan menggunakan trik ini dengan tujuan yang serius (nggak main2 hehe...). Ya biasanya judul postingan yang diberi efek coretan bermaksud untuk menandai suatu kata yang penting atau memang perlu ditekankan.

Nih singkatnya seperti berikut:

Judul postingan yang ingin kita beri efek adalah judul postinga=> "Wao Keren - Ditemukan Anak Alien di Meksiko". Jika kita ingin memberi efek coretan pada kata yang ingin ditekankan (untuk kata yang ingin ditekankan kita pilih kata -ditemukan anak alien-), maka nanti jadinya seperti berikut_

"Wao Keren - di Meksiko"

Hehe...lumayan buat nanda-nandain tho? Jika teman-teman tertarik untuk membuat judul postingannya ada efek coretan seperti di atas, maka tulisan yang ingin diberi efek coretan harus diapit dengan kode <del>, jika dibikin - maka formatnya sebagai berikut:

<del>KATA YANG INGIN DICORET</del>

Contoh Penggunaan

"Wao Keren - <del>Ditemukan Anak Alien</del> di Meksiko"

Maka hasilnya....

"Wao Keren - di Meksiko"

LALU UNTUK EFEK YANG SATU LAGI...yaitu efek berkedip atau blink!

Kita ambil contoh judul tadi aja...jika kita terapkan efek blink/berkedip pada judul postingan yang kita maksud, maka jadinya seperti berikut

"Wao Keren - Ditemukan Anak Alien di Meksiko"

Ingin membuatnya? Maka kata2 pada judul postingan teman-teman harus diapit dengan kode <blink>, maka nanti formatnya seperti berikut:

<blink>KATA YANG INGIN DIKEDIPKAN</blink>

Contoh penggunaan_

"Wao Keren - <blink>Ditemukan Anak Alien</blink> di Meksiko"

Maka nanti hasilnya seperti berikut...

"Wao Keren - Ditemukan Anak Alien di Meksiko"

Hehehe....gampang bukan?

Oh ya, kode efek untuk membuat coretan serta kedipan di atas nggak hanya untuk judul postingan saja, tapi juga untuk sembarang tulisan yang ada di blog, tulisan dalam postingan misalnya.

Semoga bermanfaat_

Cara Mudah Membuat Scroll Box dengan Background Kertas

Cara membuat scroll box dengan background kertas :

Login blogger
Rancangan, Edit Html, Cari kode ]]></b:skin>
Dan Simpan kode berikut diatasnya (Sekaligus Demonya ada dibawah ini) :

/* scroll

----------------------------------------------- */

.scrollboxs{

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiauIDjpZ0ytPHfELzM-pLiJs3fP6G8U50hN19iwO-jSxyVoySY6oGDRHPDHxSj3h5Rd8_MX0zfTL17F1hdCSrbn7UQxsmpB_to2Kcn_aiwoQCFZBH5XIdbGW6uPVLngV7kORP-LxZo5xc/s1600/papers.jpg) repeat;

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#cccccc');

color: #940f04;

color:rgba(0,0,0,0.9);

border:1px solid rgba(0,0,0,0.5);

-moz-border-radius-topright:10px;

-webkit-border-top-right-radius:10px;

-moz-border-radius-bottomright:10px;

-webkit-border-bottom-right-radius:10px;

-moz-border-radius-topleft:10px;

-webkit-border-top-left-radius:10px;

-moz-border-radius-bottomleft:10px;

-webkit-border-bottom-left-radius:10px;

-webkit-box-shadow: 3px 3px 5px #000000;

-moz-box-shadow: 3px 3px 5px #000000;

-webkit-border-bottom-left-radius:10px;

text-shadow:1px 1px 0px rgba(255,255,255,0.8);

text-decoration: none;

padding: 3px;

overflow: auto;

width: auto;

height: 150px;

padding-top:3px;

padding-bottom:3px;

.scrollboxs a, .scroll:hover {

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNMzIi4Yv0GtqCWZi91bE6nsQ40N-tRXwTXDuwHEErYQqxsRHpaIuyIaVFAudMcm1BZ7HkcvgrdAP5iJNpWEP56rPGDKhReTcslZt9FWwZid-H9e0XLJmlrLfrXFet3cMIGZxRHlWCAn0n/s1600/papers.jpg) repeat;

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#f3f3f3');

color:#000;

color:rgba(0,0,0,0.9);

border:1px solid rgba(0,0,0,0.5);

-moz-border-radius-topright:10px;

-webkit-border-top-right-radius:10px;

-moz-border-radius-bottomright:10px;

-webkit-border-bottom-right-radius:10px;

-moz-border-radius-topleft:10px;

-webkit-border-top-left-radius:10px;

-moz-border-radius-bottomleft:10px;

-webkit-box-shadow: 3px 3px 5px #2E2E2E;

-moz-box-shadow: 3px 3px 5px #2E2E2E;

-webkit-border-bottom-left-radius:10px;

text-shadow:1px 1px 0px rgba(255,255,255,0.8);

text-decoration: none;

padding: 3px;

overflow: auto;

width: auto;

height: 150px;

padding-top:3px;

padding-bottom:3px;

Untuk ukuran Height ,Width dan lainnya silahkan sesuaikan dengan keinginan kawan-kawan,

simpan template...

selanjutnya cara pemanggilannya pada Html atau pada edit html Posting:

Blogger - Bogor

Pages

7.09.2011

Keutamaan Sedekah yang luar biasa dahsyat

Belajar memahami Terobosan Adsense

Cara Memasang Templete Bagi pemula

Cara Membuat Blog Menjadi Dofollow

Cara Membuat Artikel Terkait di Bawah Postingan Blogspot (part 2)

Cara Membuat Spoiler (Tombol Buka/Tutup)

Cara Membuat Spoiler Pada Sidebar atau Postingan

Cara Membuat Spoiler Show / Hidden Widget

7.08.2011

Cara membuat link berkedip warna pelangi ketika kursor mendekati

bintang berkedip ketika cursor mendekati link

Agar Judul Postingan Ada Efek Coretan dan Juga Efek Berkedip

Cara Mudah Membuat Scroll Box dengan Background Kertas

Gabung Yuk...!!

Subcribe