Cara Mengganti Logo B di Blogspot (Blog Anda)

Cara Mengganti Logo B di Blogspot (Blog Anda)

Bukan Cara yang baru 

 Ada tambahan dikit

Bila kita membuat blog baru di blogspot.com atau blogger.com, maka di atas sebelah alamat atau nama blog kita akan melihat logo/icon dengan huruf B. Logo tersebut merupakan logo dari Blogspot, dan kita bisa menggantinya dengan photo, gambar atau logo yang lain berupa gambar biasa maupun animasi.

nah carane begini ....

Kita haru meng upload dulu photo/gambar yang sudah kita siapkan ke photobucket.com atau ke picasaweb.google.com, atau yag lainnya.. 

Gambar yang akan kita unggah ukurannya = (40x40 s/d 60x60) ini adalah ukuran ideal untk menggantikan logo B tsbut. Kalau  udah diupload klik gambarnya, maka akan tampil  di bawah gambar. klik Link to this Photo, Klik direct linknya , terus ................

 

Terakhir, masuk/login ke blog lalu pilih Tata Letak dan klik Edit HTML.
Cari kode :

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

<b:skin><![CDATA[

masukan kode link yang telah di copy tadi ke dalam kedua kode di atas

contohnya  :

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

<link href='http://i1193.photobucket.com/albums/aa351/brakhmat/bass-1.jpg' rel='shortcut icon'/>

<b:skin><![CDATA[

Bila gagal Parse (tidak biasa/eror) seperti yang pernah aku alami, maka:

cari kode   <link href=' ......................... rel='shortcut icon'/>

yang sudah ada dalam template bawaan anda ....
ganti dengan kode link anda terus di save... cliiiing jadi deh

Begitulah bunyinya sob...   moga moga manfaat

Salam brakhmat!

Tutorial Blog

Cara Mengganti Logo B di Blogspot (Blog Anda)

Cara Mengganti Logo B di Blogspot (Blog Anda)

Bukan Cara yang baru 

 Ada tambahan dikit

Bila kita membuat blog baru di blogspot.com atau blogger.com, maka di atas sebelah alamat atau nama blog kita akan melihat logo/icon dengan huruf B. Logo tersebut merupakan logo dari Blogspot, dan kita bisa menggantinya dengan photo, gambar atau logo yang lain berupa gambar biasa maupun animasi.

nah carane begini ....

Kita haru meng upload dulu photo/gambar yang sudah kita siapkan ke photobucket.com atau ke picasaweb.google.com, atau yag lainnya.. 

Gambar yang akan kita unggah ukurannya = (40x40 s/d 60x60) ini adalah ukuran ideal untk menggantikan logo B tsbut. Kalau  udah diupload klik gambarnya, maka akan tampil  di bawah gambar. klik Link to this Photo, Klik direct linknya , terus ................

 

Terakhir, masuk/login ke blog lalu pilih Tata Letak dan klik Edit HTML.
Cari kode :

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

<b:skin><![CDATA[

masukan kode link yang telah di copy tadi ke dalam kedua kode di atas

contohnya  :

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

<link href='http://i1193.photobucket.com/albums/aa351/brakhmat/bass-1.jpg' rel='shortcut icon'/>

<b:skin><![CDATA[

Bila gagal Parse (tidak biasa/eror) seperti yang pernah aku alami, maka:

cari kode   <link href=' ......................... rel='shortcut icon'/>

yang sudah ada dalam template bawaan anda ....
ganti dengan kode link anda terus di save... cliiiing jadi deh

Begitulah bunyinya sob...   moga moga manfaat

Salam brakhmat!

Tutorial Blog

Cara Memasang Animasi Di Pojok Blog

Cara Memasang Animasi Di Pojok Blog

 

Sering lihat blog dengan animasi di pojok kiri, kanan, atas ataupun bawah , dan anda pun ingin menerapkan hal itu di blog anda agar terlihat lebih unik. Ingat hampir kebanyakan orang yang berkunjung berpendapat hal ini sangat lah mengganggu kenyamanan mereka. Jadi, bagaimana dengan pendapat anda???. Apakah tetap ingin memasang cara ini di blog anda atau juga anda mengurungkan niat tersebut...Sekarang bagi anda yang menginginkan animasi ini berada di blog anda. Ikuti saja langkah - langkah berikut ini:

1. Login terlebih dahulu ke blog anda

2. Klik "Layout" / " Tata Letak "

3. Klik " Edit HTML "

4. Klik "Expand Widget"

5. Carilah Kode ini ]]></b:skin> ( tahan Ctrl + F dan masukan kode yang dicari )

6. Jika sudah ketemu simpan Kode berikut ini tepat sebelum kode tadi ( ]]></b:skin>)

#animasi_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); }

7. Lihat teks yang berwarna Biru. Itu adalah posisi / tempat dimana animasi anda akan dipasang. Jika anda menginginkan posisinya berada di pojok kanan bawah, ubah text "left" menjadi "right". Dan begitu pula dengan tulisan "bottom", jika ingin posisinya diatas anda bisa menggantinya dengan "top"

8. Langkah selanjutnya yaitu letakkan script berikut ini sebelum kode : </body>

<div id="animasi_pojok">

<a href="http://nyoba.blogspot.com/animasi-bawah.html">
<img src="http://1990.photobucket.com/albums/kklls/misal.gif" border="0"/></a>

</div>

9. Ubahlah pada tulisan yang berwarna biru dengan lokasi dimana gambar tersebut anda simpan (misal photobucket, picasa web dll). Klo udah selesai klik "Pratinjau" untuk melihat hasilnya. kemudian klo udah cocok klik "Simpan Tempelate".

---------- (((( Selamat Mencoba )))) ----------

Tutorial Blog

Cara Memasang Animasi Di Pojok Blog

Cara Memasang Animasi Di Pojok Blog

 

Sering lihat blog dengan animasi di pojok kiri, kanan, atas ataupun bawah , dan anda pun ingin menerapkan hal itu di blog anda agar terlihat lebih unik. Ingat hampir kebanyakan orang yang berkunjung berpendapat hal ini sangat lah mengganggu kenyamanan mereka. Jadi, bagaimana dengan pendapat anda???. Apakah tetap ingin memasang cara ini di blog anda atau juga anda mengurungkan niat tersebut...Sekarang bagi anda yang menginginkan animasi ini berada di blog anda. Ikuti saja langkah - langkah berikut ini:

1. Login terlebih dahulu ke blog anda

2. Klik "Layout" / " Tata Letak "

3. Klik " Edit HTML "

4. Klik "Expand Widget"

5. Carilah Kode ini ]]></b:skin> ( tahan Ctrl + F dan masukan kode yang dicari )

6. Jika sudah ketemu simpan Kode berikut ini tepat sebelum kode tadi ( ]]></b:skin>)

#animasi_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); }

7. Lihat teks yang berwarna Biru. Itu adalah posisi / tempat dimana animasi anda akan dipasang. Jika anda menginginkan posisinya berada di pojok kanan bawah, ubah text "left" menjadi "right". Dan begitu pula dengan tulisan "bottom", jika ingin posisinya diatas anda bisa menggantinya dengan "top"

8. Langkah selanjutnya yaitu letakkan script berikut ini sebelum kode : </body>

<div id="animasi_pojok">

<a href="http://nyoba.blogspot.com/animasi-bawah.html">
<img src="http://1990.photobucket.com/albums/kklls/misal.gif" border="0"/></a>

</div>

9. Ubahlah pada tulisan yang berwarna biru dengan lokasi dimana gambar tersebut anda simpan (misal photobucket, picasa web dll). Klo udah selesai klik "Pratinjau" untuk melihat hasilnya. kemudian klo udah cocok klik "Simpan Tempelate".

---------- (((( Selamat Mencoba )))) ----------

Tutorial Blog

Membuat Widget Jam Kaligrafi Allah

Cara Membuat Widget Jam Kaligrafi Allah

Agar Menu sidebar anda bervariasi dan menarik, salah satunya adalah dengan menambah Jam Islami 
Silahkan anda Copy Paste kode Script di bawah ini : 

<p align="center"><embed src="http://www.widgipedia.com/widgets/orido/Jam-Kaligrafi-ALLAH-shadow-4617-8192_134217728.widget?__install_id=1248336094072&__view=expanded" width="200" height="200" flashvars="&col1=d89b09&col2=7cc034&dayAdd=0&cal=true&gig_lt=1248336103578&gig_pt=1248336182359&gig_g=1&gig_n=blogger" swliveconnect="true" quality="best" loop="false" menu="false" wmode="transparent" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" > </embed></p> 

 Selamat Mencoba .............
 

Tutorial Blog

Membuat Widget Jam Kaligrafi Allah

Cara Membuat Widget Jam Kaligrafi Allah

Agar Menu sidebar anda bervariasi dan menarik, salah satunya adalah dengan menambah Jam Islami 
Silahkan anda Copy Paste kode Script di bawah ini : 

<p align="center"><embed src="http://www.widgipedia.com/widgets/orido/Jam-Kaligrafi-ALLAH-shadow-4617-8192_134217728.widget?__install_id=1248336094072&__view=expanded" width="200" height="200" flashvars="&col1=d89b09&col2=7cc034&dayAdd=0&cal=true&gig_lt=1248336103578&gig_pt=1248336182359&gig_g=1&gig_n=blogger" swliveconnect="true" quality="best" loop="false" menu="false" wmode="transparent" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" > </embed></p> 

 Selamat Mencoba .............
 

Tutorial Blog

Membuat Daftar Posting Terbaru

Membuat Daftar Posting Terbaru 

Setelah kemarin saya memposting tetang daftar isi,kali ini saya akan menjelaskan juga bagaimana membuat daftar posting terbaru.pada dasarnya hampir mirip dengan daftar isi yang pernah saya jelaskan...

Okeey,,dari pada kelamaan langsung saja saya jelaskan proses prosesnya,ikuti langkah berikut ini :

1. Seperti biasa masuk ke blogger.com
2. Selanjutnya masuk ke Layout => Page Elements => Add a Gadget
3. Disitu pilih HTML/Script
4. Masukan script dibawah ini ke dalamnya

<div style="border: 0px solid rgb(51, 255, 51); overflow: auto; height: 250px;" margin="5px" ;><script src="http://h1.ripway.com/h4ns424/recent-post.js"></script>
<script>var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://br4khm4t.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp">
</script>
</div>

Selanjutnya....

Lihat teks yang berwana merah, ganti tulisan dengan alamat blog anda..
Nah cukup sekian tutorial ini,,jika ada penyampaian kata yang tidak dimengerti dan masih acak-acakan mohon maklum,karna saya juga masih tahap pebelajaran..
Silahkan tinggalkan post comment dibawah ini,trimakasih....

Tutorial Blog

Membuat Daftar Posting Terbaru

Membuat Daftar Posting Terbaru 

Setelah kemarin saya memposting tetang daftar isi,kali ini saya akan menjelaskan juga bagaimana membuat daftar posting terbaru.pada dasarnya hampir mirip dengan daftar isi yang pernah saya jelaskan...

Okeey,,dari pada kelamaan langsung saja saya jelaskan proses prosesnya,ikuti langkah berikut ini :

1. Seperti biasa masuk ke blogger.com
2. Selanjutnya masuk ke Layout => Page Elements => Add a Gadget
3. Disitu pilih HTML/Script
4. Masukan script dibawah ini ke dalamnya

<div style="border: 0px solid rgb(51, 255, 51); overflow: auto; height: 250px;" margin="5px" ;><script src="http://h1.ripway.com/h4ns424/recent-post.js"></script>
<script>var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://br4khm4t.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp">
</script>
</div>

Selanjutnya....

Lihat teks yang berwana merah, ganti tulisan dengan alamat blog anda..
Nah cukup sekian tutorial ini,,jika ada penyampaian kata yang tidak dimengerti dan masih acak-acakan mohon maklum,karna saya juga masih tahap pebelajaran..
Silahkan tinggalkan post comment dibawah ini,trimakasih....

Tutorial Blog