membuat iklan melayang close 2x





selamat malam sobat setia solidaritas blog, pasti lagi beraktivitas ya? hehehe :>

     tetapi belum lengkap beraktivitasnya kalau tidak membaca artikel ini sob, disini saya akan memberikan info mengenai seputer blogger nih !
    hehe :> walaupun artikel ini sudah tak asing lagi bagi pengguna blogger, namun saya ingin memberikan yang terbaik bagi pembaca setia solidaritas blog sekalian.
oke lah, langsung saja ke langkah-langkah dibawah berikut ini !



1.login ke blogger sobat masing-masing terlebih dahulu.
2.lalu masuk ke tata letak ===> add gadget/tambah gadget ===> pilih html javascript. :)
3.copas script di bawah ini sob ! :


<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}


.gbcontent{
float:right;
border:2px solid #A5BD51;
background:#ffffff;
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.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

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

<div class="gbcontent">

<div style="text-align:right">
<a href="javascript:showHideGB()">
.:[Close][Klik 2x]:.
</a>
</div>
<center>

Masukan Kode iklan atau Gambar yang anda inginkan di sini

</center>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></center></div></div>

 4.ganti tulisan yang berwarna biru dengan script iklan sobat.
5.pilih save untuk menyimpan script sobat .! :)

    sekian dulu tentang membuat iklan melayang close 2x. semoga berhasil ..... ! :)


salam hangat


Solidaritas Blog
 

Daftar Isi

 

membuat kata penutup di blog

         Selamat Malam Sob, semoga sehat wal'afiat. o iya, kali ini saya ingin berbagi ilmu nih... yaitu tentang bagaimana cara membuat kata penutup pada blog Sobat sekalian. oke deh langsung saja ke TKP....
hehee :>



1. jangan lupa login dulu ke blogger sob
2. lalu pilih Layout ===> Edit HTML
3. Cari kode </head> di HTML sobat, untuk mempermudah pencarian tekan ctrl+F pada keyboard sobat.
4. Copy pastekan script di bawah ini tepat dibawah kode </head> :




<script type='text/javascript'>
// goodbye alert
function goodbye(){
alert('Masukkan kata penutupnya disini sob');
}
parent.window.onunload=goodbye;

</script>


5.setelah itu,Jangan Lupa di simpan sob.... :)

         selesai deh....!!!!    Selamat mencoba Sob..... :)


salam hangat


solidaritas blog
 

membuat read more di postingan blog

assalamu'alaikum sobat , selamat pagi. pasti sobat semangat pagi ini kan? hehe
leih tambah semangat lagi dengan membaca artikel saya. hehe .

kali ini saya akan mengsharing ilmu tentang membuat read more di postingan blog. langsung saja ke langkah-langkah nya sob di bawah ini . :
1. masuk ke blogger sobat
2. Setelah masuk sobat membuat postingan baru atau bisa juga mengedit postingan yang telah ada.
3. Arahkan kursor ke salah satu baris, ambil beberapa baris saja dan jangan terlalu banyak, terus di klik. Setelah itu lihat sebuah icon kertas terpotong dua bagian lalu klik icon itu.


4. Maka postingan sobat sudah terpotong dengan aktifnya garis read more, simpan dan terbitkan entri. sobat harus melakukan langkah ini setiap sobat membuat postingan baru.

5. Untuk mengatur jumlah artikel atau postingan di halaman Home, sobat bisa menuju ke bagian rancangan.

6.sobat bisa mengedit pada bagian elemen posting blog.

7.Kita bisa atur berapa jumlah posting pada halaman pertama, dan kita bisa mengganti teks tautan "read more" lalu SIMPAN.

8.Maka kalau sobat membuka halaman depan atau home blog sobat, postingan kita terpotong dengan adanya fungsi read more.

sumber:  gunklaten.blogspot.com/2012/.../cara-membuat-read-more-di-postingan.html

sekian dulu sob, semoga berhasil
jangan lupa isi buku tamu nya ya?


salam hangat


solidariats blog
 

follow twitter memakai burung tweet

ass, selamat pagi sob, semoga semangat ya pagi ini..........
agar biar semangat , buka donk solidaritas blog. hehehe




      pagi ini saya akan berbagi tentang membuat follow twitter menggunakan burung tweet.
hehhe , pasti unik tuh....

langsung saja ijuti langkah-langkah di bawah ini sob:
1.login ke blogger sobat
2.pilih tata letak, tambah gadget/add gadget.
3.copas script di bawah ini di gadget sobat!

<script type="text/javascript" src="http://tmm999.googlecode.com/files/twitter.js"></script>

<script type="text/javascript">

var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnSppXr50HPexLuvdFVEKKgQXiM0Ico01bb1Xi5ZEz69gBGDzCPTSXhLTXi3v_HYjwGB-y7ZndAWkCSdTCxwWkDkBPYH_2bMB1AZILeXvTu-vYEEpWvqhIeKcgv7zEIhbndJni5vyPqvrV/s1600/burung+twitter+biru.png"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "https://twitter.com/rezaginting15";var tweetThisText= "@rezaginting15 Hi,Follow me";tripleflapInit();

</script>

keterangan:

ganti  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnSppXr50HPexLuvdFVEKKgQXiM0Ico01bb1Xi5ZEz69gBGDzCPTSXhLTXi3v_HYjwGB-y7ZndAWkCSdTCxwWkDkBPYH_2bMB1AZILeXvTu-vYEEpWvqhIeKcgv7zEIhbndJni5vyPqvrV/s1600/burung+twitter+biru.png dengan warna burung tweet yang sobat inginkan

* Hijau → https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8m7tIOXlP37Yy_1v-Wt8kl8fsruphOZB0phm5WNF_5iYGVDyW7KEmaNOJnaXvJc2NSPFm67JEDnwpfF3aG5h7TTHmexKReAcwk6wpWMYAB6abIhwmsr3N2c6lTg5BhDlFuJXmblH-qsaB/s1600/Burung+Twitter+Hijau.png
* Ungu → https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2GDV5eDliZ46aCoa_MLaOXaeXN_X1Yp3hw-P2BfwrawqTRjOZRqoCpckVXSjwACF75hIInUeu7OTIAKxaZeQ1-89awwgjYHvz2K9N9CZJ6s1M5Ocxo4UXj_XeXmwA5S9sdG5XzCLo2349/s1600/Burung+Twitter+Ungu.png
* Hitam → https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi28pBVAUQ1-Ru-N3rFaDLOqAdEmqBmSOgfPvKMtIqzH40D3YWCOufZqkWTiLpbLhacxKt4tEO7MHxZCLNX2oduW826FxW22tCfCNeUcpvQNpYJbMmn_a7SLJvsPn4fBVyVWf5V1kFMMfNv/s1600/Burung+Twitter+Hitam.png
 * Kuning → https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1u2WnB0cuRSQMWzrkGKRfFUwE1nyUCvmLifEQH64nGzCh58TkEuRSixQKa4hoXhXnf7o5BnP4xfQLmL6z_Yqt5652_v72Ei5dFHJt09CRZvRKqt-_peigZ33PUraelalEz5xL1byN0wzx/s1600/Burung+Twitter+Kuning.png
* Merah Muda → https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPtvCEprHUraKlUKPC8TL3iajIRFaqd8JsT30h9TwFbxyGjtF6mtkE8C78RDjpNZof3PcJ_I62gffuiDRjOH0vSTENCaVfy9S3siE6lk4Pz-SJbx16flWAhU8SASkSPMShC22y7e1MHWM1/s1600/Burung+Twitter+Pink.png


 4.save gadget sobat dan lihat hasilnya.



         gimana sob, mudah kan? semoga berhasil ..
tolong isi buku tamu dan follow ya sebagai ucapan terima kasih...

salam hangat


Solidaritas blog
 


 

membuat scroll bar di posting blog

selamat malam sobat sekalian , semoga sehat wal'afiat. amin...
 o,iya terkadang sobat membuat entri uang di posting terlalu banyak dan berantahkan. dengan menggunakan scroll bar akan terlihat rapi dan menarik.

langsung saja simak langkah-langkah nya sob...... di bawah ini !
1.masuk ke blogger sobat masing-masing.
2.pilih tata letak ===> add gadget ===> pilih html javascript.
3.copas Kode Script Scroll Bar Posting Blog di bawah ini sob:



<div style='padding: 5px; overflow: auto; width: auto; height:200px;border:1px solid #000000'>

letakkan isi entri sobat yang akan di buat scroll bar.........

</div>

attention !

  • Ingat, Sobat Tulis  pada mode Edit HTML, bukan Compose.!!!
  • Untuk melihat dan mengecek berhasil atau tidak, silahkan sobat klik Compose.
  • height:200px; adalah ukuran lebar atas bawah kotak scroll, silahkan sobat ganti nilainya, seperti keinginan sobat.
  • width: auto; adalah ukuran otomatis lebar samping kotak scroll, silahkan sobat ganti nilainya, seperti keinginan sobat.
  • border:1px solid adalah ukuran tebal garis kotak scroll, silahkan sobat ganti nilainya, seperti yang sobat inginkan.
  • #000000 adalah Kode warna pada garis kotak scroll, silahkan sobat ganti Kode warnanya seperti yang sobat inginkan. 
4.save gadget sobat.

 selesai
 semoga sobat berhasil ya?......


jangan bosan-bosan ya sob berkunjung ke solidaritas blog.....

salam hangat

SoLiDaRiTaS Blog


 

Membuat Buku Tamu Tersembunyi CBOX

        selamat malam sob, kali ini saya akan berbagi ilmu tentang membuat buku tamu tersembunyi CBOX.....
langsung aja ke langkah-langkah di bawah ini.... :

1.Masuk ke blogger sobat.
2.pilih tata letak, tambah gadget.
3.copas script di bawah 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('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') 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">

LETAKKAN SCRIPT CBOX SOBAT

    </div>

    <script type="text/javascript">

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

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

    </script></div>

4.tulisan berwarna biru ganti dengan script yang sobat dapat dari Akun Cbox sobat.
5.simpan script sobat dan lihat hasilnya....


          gimana sob? mudah kan? silahkan sobat berterima kasih dengan follow blog saya.
wassalam.....

:)
 

menambahkan scroll widget di blog

 saya akan mengshare ilmu tentang cara menambahkan scroll widget di blog .
langsug saja ikuti langkah-langkah di bawah ini! :

1. Login ke Blogger

2. silahkan pilih widget sobat yang ingin di beri scroll

3. Edit Widget tersebut

3. Masukan kode dibawah ini

<div style="
padding-right: 10px;
padding-left: 10px;
padding-bottom: 10px;
overflow: auto;
width: 90%;
padding-top: 10px;
height: 150px" 1px="1px" solid="solid">
<ul>
<p>
KODE WIDGET Sobat
</p>
</ul>
</div>

4. jika sob ingin mengganti tinggi dan lebar scroll ,ubah width dan height sesuai dengan kehendak sobat,

5. Simpan dan lihatlah hasilnya.....


good luck ..
silahkan tinggalkan komentar jika ada keluhan :)




 

cara memasukkan spoiler hide show di blog

kali ini saya akan memposting tentang bagaimana cara memasukkan spoiler hide show di blog.

silahkan sobat ikuti langkah-langkah nya di bawah ini !

1. Masuk ke akun blogger sobat

2. Pada saat kita ingin membuat postingan blog,pilih edit HTML bukan compose.

3. Masukan kode HTML berikut:


<br /><div><div style="margin: 5px;"> <div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Masukkan Judul </span></i><br/><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 class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;"> <div style="display: none;"> Isi spoiler </div></div></div></div>

4.ganti "masukkan judul" dengan judul sobat yang di inginkan.
5.ganti "isi spoiler" dengan isi postingan yang sobat inginkan.

        sekian dulu sob, semoga bermanfaat....!




salam hangat


solidaritas blog
 

cara mengubah slide show template blog

Assalamu'alaikum sobat pembaca setia solidaritas blog. kali ini saya akan memposting bagaimana cara mengubah slide show template blog. langsung saja sobat ikuti langkah-langkahnya di bawah ini!
  • masuk ke dasbor blog 
  • masuk ke rancangan 
  • masuk ke edit Html 
  • tekan CTRL +F untuk mempermudah pencarian
  • cari  tulisan yang telah saya lingkari pada gambar di bawah ini :


  • setelah ketemu maka akan muncul code seperti ini:

<div class='fp-thumbnail'><a href='http://monggomampir.tk/'><img src='https://fbcdn-sphotos-a.akamaihd.net/hphotos-ak-ash4/s720x720/391069_221978194542848_100001920062783_562845_644357137_n.jpg'/></a>
</div>
<h3 class='fp-title'><a href='http://monggomampir.tk/'>This is Featured post 1 title</a></h3>
<p>Reaplace hfsjnfdfngslndfgkjsngvmcxngjsnmf nsjfgnsmc vsjdfnsdjkndfkjsndgjnsjdgnskdngdcmnvgjskdn</p>
</div>
  • ganti yang warna merah dengan alamat gambar anda
  • ganti yang warna biru dengan judul gambar
  • ganti yang warna hijau dengan keterangan gambar
  • save
  • Tratatttt gambar telah ganti jika anda ingin mengubah gambar yang kedua tinggal Ketikan "This is Featured post 2 title" di Ctrl+f 
  • lalu lakukan hal yang sama dengan yang atas
 
gimana sobat? mudah kan? so pasti sobat butuh kesabaran dalam melakukan sesuatu.
sekian dulu ya sobat.....
jika ada saran, kritik,dan keluhan, langsung tinggalkan komentar ....
 
wassalam........sobat setia solidaritas blog
 

cara membuat/memasukkan banner di blog


 Assalamu'alaikum pembaca setia solidaritas blog. saya akan memposting bagaimana cara membuat / memasukkan banner di blog. langsung aja sobat membaca perintah dibawah ini !

dan biasanya akan diberikan kode html yang nantinya akan kita pasang di blog kita, seperti ini contoh kode html-nya :
<a href="http://www.buxp.net/?r=miskahiper"><img src="http://buxp.net/banner1.gif" alt="" /></a>
dan bagaimana cara memasangnya di blog kita? silahkan ikuti panduannya berikut ini :
  1. Login ke Blogger dengan ID sobat.
  2. Klik Tata Letak.
  3. Klik Elemen Halaman.
  4. Kemudian klik yang bertuliskan Tambah Gadget, bisa di sidebar, header atau bagian bawah template.
    add gadget
  5. Kemudian pilih yang HTML/Java Script
    image
  6. Copy paste kode HTML sobat kedalamnya, sobat bisa menambahkan judul diatasnya jika mau.
    insert html
  7. Lalu klik Simpan.
  8. Selesai.




Membuat banner sendiri

Bagaimana jika sobat ingin memasang banner atau gambar sendiri ke dalam blog sobat dan jika di klik akan menuju ke situs atau blog sobat yang lain? saya akan berikan contohnya berikut ini.

Saya punya gambar kecil dengan bentuk seperti ini : blog go blog

Bagaimana membuatnya menjadi banner yang mempunyai link didalamnya?
  • Upload gambar tersebut kedalam situs penyimpanan online, sobat bisa upload ke Photobucket atau Google Sites
  • Anggap saja sobat ingin menggunakan jasa Photobucket, pada halaman depan silahkan sobat klik Join Now It’s Free! untuk menjadi anggota image
  • Ikuti saja langkah-langkah pendaftarannya sampai selesai.
  • JIka sudah selesai register, klik login untuk masuk ke halaman utama Photobucket
  • Bagaimana cara upload gambarnya? pada bagian atas coba cari tulisan Upload images & videos, klik dan upload gambar yang sudah sobat siapkan. image
  • Setelah selesai upload gambar, kemudian sorot pada gambar tersebut dan klik yang HTML Code
    miscah
  • Sekarang copy paste saja dulu kedalam notepad, misalnya kode html untuk gambar yang saya upload ke Photobucket seperti ini :
    <a href="http://s643.photobucket.com/albums/uu155/miskahiper/?action=view&current=BANNER2.jpg" target="_blank"><img src="http://i643.photobucket.com/albums/uu155/miskahiper/BANNER2.jpg" border="0" alt="blogspot tutorial,blog,tips blogging"></a>
  • Hapus kode yang berwarna merah dan ganti dengan kode url blog sobat atau situs yang ingin sobat beri link, sehingga jadinya seperti dibawah ini :
    <a href=http://miscah.blogspot.com" target="_blank"><img src="http://i643.photobucket.com/albums/uu155/miskahiper/BANNER2.jpg" border="0" alt="blogspot tutorial,blog,tips blogging"></a>
  • Kode tersebutlah yang sekarang bisa sobat copy paste ke blog sobat.

Mudah kan, selamat berkreasi !
 

Cara Mengubah/Edit Menu Pada Template Thesis

            assalamu'alaikum sobat setia pembaca blog solidaritas.saya akan memposting bagaimana cara mengubah/edit menu pada template thesis. langsung saja sobat membaca nya.
Mengganti atau menambahkan menu baru pada navbar mungkin bukan hal yang sulit buat blogger yang sudah paham dengan penulisan kode HTML. Namun bagi mereka yang kurang memiliki pengetahuan boleh jadi hal ini merupakan kesulitan besar. Postingan ini merupakan request sobat Sports  yang ingin mengetahui bagaimana cara menambahkan menu pada template thesis yang digunakannya seperti juga template yang saya pakai ini. Tapi sebelum kita ke pokok pembahasan saya ingin menampilkan contoh struktur penulisan kode HTML menu navigasi yang saya ambil dari 3 buah template untuk melihat perbedaannya. Namun satu hal yang harus diperhatikan adalah meskipun penulisan menu dari tiap template ini berbeda, tapi ada tanda pengenal atau ciri dimana kode-kode ini berada pada template yaitu biasanya ditandai dengan tag <div id='nav'> atau tag <div id='menu'> . Kemudian pada bagian CSS ditandai dengan kode #navbar-iframe {  atau kode #menu { .

·         Kode menu pada template Simple SEO :

<div id='nav'>
<ul>
<!--EDIT NAVBAR -->
<li id='current'><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' title='Posts RSS'>Posts RSS</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;' title='Comments RSS'>Comments RSS</a></li>
<li><a href='#' title='Edit this link'>Edit</a></li>
<!--END NAVBAR -->
</ul>
</div>

·         Kode menu pada template  SEO Friendly Blogspot Template :

<div id='nav-left'>
<ul>
<li><a href='/'>Home</a></li>
<li><a href='#'>About</a></li>
<li><a href='#'>Contact</a></li>
</ul>
</div>

·         Kode menu pada template SEO Thesis Blogjuragan :

<div id='menu'>
<ul class='menunav superfish'>
<li class='page_item home'><a Title='Home' expr:href='data:blog.homepageUrl'>Home</a></li>
<li class='page_item page-item-1'><a href='#'>About</a></li>
<li class='page_item page-item-2'><a href='#'>Contact</a></li>
</ul>
</div>

Ketiga contoh template ini ada embel-embel SEOnya karena memang saya selalu mencari template yang SEO friendly sebab biasanya loadingnya cepat dan sudah dilengkapi beberapa meta tag. Nah dari ketiga contoh ini sobat sudah bisa melihat bukan perbedaannya ? Menambahkan menu barunya pun sangat mudah koq. Misalnya kita ingin menambahkan 2 menu baru yaitu Sitemap/Daftar Isi dan Tukar Link, maka caranya adalah :
·         Simple SEO :
Ganti tanda # dengan link referensi menu yang ingin ditambahkan.
<li><a href=' http://blogger/' title='masuk'>log in</a></li>
<li><a href=' http://facebook/' title='fb'>log in</a></li>

Struktur lengkap kode HTML pada template menjadi seperti ini :

<div id='nav'>
<ul>
<!--EDIT NAVBAR -->
<li id='current'><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' title='Posts RSS'>Posts RSS</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;' title='Comments RSS'>Comments RSS</a></li>
<li><a href=' http://blogger/' title='masuk'>log in</a></li>
<li><a href=' http://facebook/' title='fb'>log in</a></li>
<!--END NAVBAR -->
</ul>
</div>

·         SEO Friendly Blogspot Template :
Sama dengan Simple SEO, tinggal ganti tanda # dengan link referensi menu yang ingin ditambahkan.
<li><a href=' http://bla…bla..bla../'>Sitemap</a></li>
<li><a href=' http://bla…bla..bla../'>Tukar Link</a></li>

Struktur lengkap kode HTML pada template menjadi seperti ini :

<div id='nav-left'>
<ul>
<li><a href='/'>Home</a></li>
<li><a href='http://bla..bla..bla../'>About</a></li>
<li><a href='http://bla..bla..bla../'>Contact</a></li>
<li><a href='http://bla..bla..bla../'>Sitemap</a></li>
<li><a href='http://bla..bla..bla../'>Tukar Link</a></li>
</ul>
</div>

·         SEO Thesis Template :
<li class='page_item page-item-3'><a href='isi dengan link daftar isi'>Sitemap</a></li>
<li class='page_item page-item-4'><a href='isi dengan link tukar link'>Tukar Link</a></li>

Struktur lengkap kode HTML pada template menjadi seperti ini :
<div id='menu'>
<ul class='menunav superfish'>
<li class='page_item home'><a Title='Home' expr:href='data:blog.homepageUrl'>Home</a></li>
<li class='page_item page-item-1'><a href='http://bla…bla..bla../'>About</a></li>
<li class='page_item page-item-2'><a href='http://bla…bla..bla../'>Contact</a></li>
<li class='page_item page-item-3'><a href='http://bla…bla..bla../'>Sitemap</a></li>
<li class='page_item page-item-4'><a href='http://bla…bla..bla../'>Tukar Link</a></li>
</ul>
</div>

NB : Penempatan urutan link bisa ditukar/diganti atau dibolak-balik terserah anda. Yang penting jangan sampai menghapus atau meniadakan link yang pertama (Home).

Proses perubahan menu pada template ini dapat dilakukan dengan lebih dulu login ke dashboard blogger kemudian pilih Rancangan > Edit HTML dan centang Expand widget template. Mencentang Expand widget template ini tujuannya adalah untuk memunculkan kode-kode yang disembunyikan oleh blogger. Secara default blogger menyembunyikan kode-kode tertentu / kode widget pada template apabila kita tidak mencentang Expand widget template ini. Sehingga akhirnya kita tidak bisa menemukan kode yang kita cari. Keliatan sepele bukan ? Tekan Ctrl+F untuk mempercepat pencarian, ketikkan kode atau kata yang ingin dicari pada template kemudian klik simbol next atau previous untuk kembali keatas. Trik ini membantu sekali saat kita melakukan editing template.

Saya juga sempat mengambil screenshot judul artikel pada template Thesis yang tumpang tindih. Saya lupa nama blognya, tapi mumpung lagi membahas Thesis mending sekalian aja.

Judul artikel yang tumpang tindih seperti seperti gambar diatas terjadi karena pada bagian CSS untuk judul posting yaitu .post h1, .post h2 { belum diedit jaraknya. Cari tulisan line-height:1em; yang ada dibawah kode .post h1, .post h2 { , dan ganti menjadi line-height:1.3em;  maka ini akan membuka jarak antara 2 baris judul sehingga judul tidak akan terlihat tumpang tindih.

semoga bisa bermanfaat bagi sobat...... wasalam
like this
 

cara menampilkan icon favicon di blogger

          assalamu'alaikum pembaca setia solidaritas blog. saya mau posting tentang bagaimana cara menampilkan icon favicon di blogger.tapi saya akan menjelaskan apa yang dimaksud dengan favicon.
 Favicon merupakan singkatan dari Favorites Icon. Favicon adalah gambar multi-resolusi yang disertakan pada hampir semua situs atau blog yang tampil pada address bar suatu situs atau blog dan merupakan logo dari blog tersebut.
Favicon,Blog favicon,blogger favicon,blogspot favicon,blogger favicon
Sebelum mengganti Favicon, tentunya sobat blogger harus memiliki gambar dulu. Gunakan gambar persegi yang ukurannya kurang dari 100KB. Kalau sobat blogger tidak memiliki gambar tersebut, silahkan download saja gambar di http://www.iconarchive.com atau http://www.iconj.com, disana sobat blogger bisa memilih gambar yang bisa sobat blogger jadikan Favicon blog sobat. Ingat, gambar yang akan digunakan, harus ukuran yang sangat kecil.
jika sobat ingin mendownload favicon,saya sudah menyediakan link nya sob.
klik link nya sob. http://www.ziddu.com/download/20164494/reza-solidaritas.blogspot.com-faviconblog.zip.html
saya sudah mencobanya dan hasilnya 100% work. langsung saja ke langkah-langkahnya sob, :
  • Login terlebih dahulu di www.blogger.com
  • Pada menu dropdown, klik Layout.

Layout Blogger.com,layout blog,layout blogger,layout blogspot

  • Klik kata Edit di bagian Favicon (Lihat gambar!)
  • Klik pilih berkas, kalau sudah di Upload klik save.
Cara konfigurasi Favicon,configure favicon,upload favicon,upload favicon blogger

cara ke dua:
  • Login terlebih dahulu di blogger.com
  • Pada menu dropdown, klik Template.
  • Klik Edit HTML dan Proceed
  • Cari kode </head>
  • Tempatkan kode berikut sebelum kode </head>
<link href='URL ICON' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
  • Save Template sobat.
Ingat : Tulisan yang berwarna biru harus di ganti dengan URL gambar sobat.

cara ke tiga :
   cara yang ke tiga ini di rekomendasikan jika langkah yang sebelumnya favicon tidak muncul juga.
   sobat harus mengkosongkan temporary file browser nya.
   untuk mozilla firefox:
  • klik menu tools=>clear private data, lalu checklist pilihan cache=>lalu klik tombol "Clear Private Data Now",setelah itu coba sobat restart browser mozilla nya.

jika sobat kurang paham bisa meninggalkan komentar sobat , insya allah saya bisa memberi solusi bagi sobat pembaca blog solidaritas. wassalam...........
 

MENDIAGNOSIS PERIPHERAL KOMPUTER


Ada beberapa kerusakan yang terjadi pada peripheral yaitu :
1. Keyboard tidak terdeteksi oleh PC
Penyebab :
Kerusakan yang sering terjadi pada keyboard adalah tidak dikenalnya keyboard oleh komputer. Pada saat proses booting, tiba-tiba komputer macet dan muncul pesan kesalahan “Keyboard error or no keyboard present”. Pesan tersebut diartikan bahwa saat proses booting, komputer tidak mendeteksi adanya keyboard.
Solusi :
> Matikan kembali komputer dan cek apakah kabel keyboard telah tertancap dengan benar ke CPU.
> Lepas dan tancapkan kembali kabel keyboard tersebut untuk meyakinkan bahwa koneksi sudah tepat.
> Jika komputer dihidupkan kembali dan pesan kesalahan masih muncul, kemungkinan pertama adalah keyboard rusak.
> Gunakan keyboard lain untuk memastikan bahwa keyboardnya yang rusak.
> Jika dengan mengganti keyboard pesan kesalahan masih tetap muncul, berarti bukan keyboard yang rusak. Bisa saja port keyboard di motherbord yang rusak.

2. Tombol keyboard macet
Penyebab :
Tombol keyboard sering macet untuk ditekan, atau tombol keyboard tertekan terus. Hal itu mungkin disebabkan oleh debu yang sudah menumpuk di sela-sela tombol keyboard sehingga menyebabkan keyboard macet.
Solusi :
> Pembersihan pada keyboard. Keyboard dapat dibersihkan dengan menyedot atau menyemprotnya dengan vacuum cleaner atau dapat memakai kuas. Dan juga dapat dibersihkan dengan menggunakan kain lap yang dibasahi dengan cairan pembersih atau alkohol.
> Ingat bahwa proses pembersihan harus dilakukan pada saat komputer mati dan keyboard dilepas dari portnya.

3. Mouse tidak terdeteksi oleh PC
Penyebab 1 :
Kabel mouse tidak terhubung dengan baik.
Solusi :
> Matikan komputer. Cek apakah kabel mouse telah terpasang dengan benar.
> Lepas dan pasangkan kembali mouse tersebut untuk meyakinkan koneksinya. Pada saat melepas dan memasang mouse komputer dalam keadaan mati agar tidak terjadi konsleting.
Setelah itu hidupkan kembali komputer.
Penyebab 2 :
Rusaknya driver yang menghubungkan sistem dengan mouse.
Solusi :
> Melakukan pendeteksian ulang driver secara otomatis dengan windows melalui device manager.
Langkah yang dilakukan :
Klik kanan My Computer pada desktop windows
Pilih properties>>Hardware>>Device Manager
Klik mouse tersebut dengan menggunakan keyboard dengan bantuan tombol Tab.
Hapus drive mouse yang lama dengan menggunakan tombol Remove.
Setelah itu restart ulang komputer.

> Jika sambungan dan driver mouse sudah benar tetapi ternyata mouse tidak terdeteksi oleh windows, ada kemungkinan mouse rusak. Atau kemudian coba dengan mouse yang lain, apakah terjadi hal yang sama.
> Apabila masih tetap seperti itu, berarti port PS/2 nya yang rusak.

4. Pointer mouse yang sering meloncat-loncat
Masalah lain yang sering muncul adalah pointer mouse yang meloncat-loncat secara acak sehingga pemakai kesulitan untuk menggunakan mouse secara tepat dan presisi.

Penyebab :
Kotornya komponen bola mouse. Karena komponen bola tersebut banyak bersentuhan dengan mouse pad yang tidak selalu bersih.
Solusi :
> Buka penutup bola mouse di bagian bawah dengan memutarnya 900 derajat.
> Keluarkan bolanya dan bersihkan dengan air hangat atau alkohol serta sikat dengan kuas, lalu keringkan.
> Di bagian dalam mouse dapat diamati adanya tiga buah roda. Dua lebar dan satu yang kecil. Kotoran yang menempel pada komponen tersebut perlu dibersihkan. Demikian juga dengan kotoran yang menempel pada gerigi dan bantalan bola. Lakukan pembersihan dengan hati-hati sehingga tidak merusak komponen-komponen di dalamnya.

5. Fan pendingin mati
Penyebab :
Komputer akan cepat panas, sering hang, reboot dengan sendirinya dikarenakan fan pendingan mati.
Solusi :
> Memeriksa fan yang terdapat dalam casing komputer apakah kabel power sudah terpasang dengan baik.
> Bersihkan kotoran-kotoran yang ada didalamnya.
> Lepas penutup poros fan, serta diberi sedikit pelumas supaya gerakan fan tidak ada hambatan.
> Jika sambungan kabel power sudah benar dan fan sudah bersih dari kotoran tetapi masih tetap mati, kemungkinan besar fan rusak.
6. Bunyi fan yang berisik
Penyebab :
Ketika komputer sedang digunakan, suaranya terdengar sangat berisik sehingga sering mengganggu konsentrasi terhadap pekerjaan.
Solusi :
> Matikan komputer dan buka casing komputer lalu hidupkan komputer dalam keadaan casing terbuka.
> Cek apakah mungkin ada kabel yang menyangkut pada fan.
> Jika ada kabel yang menyangkut pada fan, rapikanlah agar tidak mengenai fan.
7. Monitor tidak mau menyala.
Penyebab :
Pada saat proses booting komputer, tombol power yang terdapat pada monitor sudah ditekan tetapi monitor tetap gelap dan tidak mau menyala.

Solusi :
> Pastikan bahwa tombol power dalam keadaan ON.
> Jika lampu indikator tidak menyala, lihat kabel power baik pada monitor maupun yang ke arah outlet listrik. Pastikan bahwa pemasangan sudah benar.
> Apabila tetap tidak menyala, gantilah dengan kabel power lain.
Jika lampu indikator pada monitor hidup dan berwarna orange atau berkedip-kedip, cek kabel video yang menghubungkan monitor dengan CPU apakah sudah terpasang dengan baik dan benar. Pastikan sudah terpasang dengan benar.
> Apabila dengan pengecekan di atas masalah ini tetap tidak teratasi berarti ada problem pada sinyal video board adapter CRT.
8. Monitor menjadi gelap saat loading windows
Penyebab :
Monitor menjadi gelap saat loading windows disebabkan karena setup driver untuk monitor tidak tepat. Yang sering terjadi adalah karena dalam keadaan ON screen display setting, setting frekuensi terlalu tinggi.
Solusi :
> Lakukan booting windows dalam keadaan safe mode dengan cara menekan F8 saat komputer loading windows.
> Lakukan instalasi ulang driver VGA Card. Setelah itu pilih jenis monitor yang cocok yang akan menentukan frekuensi maksimal yang akan ditampilkan oleh windows.



Sumber: pc media
Penulis ; pc media ekonomis
 

Cara Memperbaiki Flashdisk Yang Tidak Bisa Di Format.

1. Klik Start –Run
 2. Lalu ketiklah “compmgmt.msc” tanpa tanda petik
 3. Pada bagian storage, buka disk management.
 4. Normalnya flash disk anda akan terdeteksi.
5. Anda klik kanan, trus pilih create partition.
6. Klik kanan lagi, pilih format. Selesai.

Atau dengan cara
Software:

Caranya :

Cara kerjanya juga cukup mudah

  1. download softwarenya
  2. Colokkan flashdisk
  3. Jalankan software maka akan lansung mendeteksi device driver usb flashdisk
  4. Selanjutnya klik Update.
  5. Tunggu proses penggantian drivernya selesai dan flashdisk bisa digunakan kembali.
Notes : Tool ini pernah saya coba untuk 2 jenis flashdisk yaitu Kingston dan USB best Storage. Untuk jenis yang lain belum dicoba. Tool ini juga sepertinya tidak mampu untuk memperbaiki flashdisk yang mati total.



 

PPA

earn money with Probux

Earn Cash by Traffic Exchange

The Most Popular Traffic Exchange

Bitcoin

http://static1.freebitco.in/banners/468x60-1.png

Trading Forex

Payza payment processor

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. SoLiDaRiTaS Community - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger