Rabu, 16 Maret 2011

Cara Menghilangkan Garis Bawah Judul Artikel Blog


Menghilangkan Garis Bawah Judul Postingan.
Mungkin para pembaca yang sering melakukan blogwalking sering kali melihat blog – blog yang judul postingannya mempunyai garis bawah kalo dalam bahasa inggrishnya underline mungkin..hehehehe.maklum masih kuper banget kalo ngomong soal bahasa inggrish…sama seperti blog ini..kemaren – kemaren judul postingannya juga pake garis bawah tuh.setelah ngulik – ngulik coding xmlnya ahirnya ketemu juga coding buat ngilangin garis bawah postingan..mungkin cara ini memang sangat sederhana tapi siapa tau aja ada yang lagi

membutuhkan atau pengen nyoba..jadi nggak ada salahnya kalo pada postingan ini saya berbagi sedikit tips mengenai cara menghilangkan garis bawah pada judul postingan.

langsung saja karna kalo semakin lama ngetik kayaknya akan semakin jauh dari pokok bahasan..buat para teman – teman blogger yang pengen nyobain tips ini..berikut langkah – langkahnya :
1. login ke akun blog anda
2. pada menu dashboard pilih menu Tata letak atau rancangan
3. kemudian pada tampilan rancangan pilih menu Edit HTML
4. untuk mempermudah pencarian,tekan control + F kemudian cari kode di bawah ini biasanya berada pada bagian MAIN template anda :

.post h3 {
margin: 0px 0px 20px 0px;
padding: 0px 0px 2px 0px;
color: $postTitleColor;
font: $postTitleFont;
text-decoration: none;
text-align: left;
line-height: 1.4em;
/* text-transform: uppercase; */
border-bottom: 1px solid $posttitleBorderColor;
}


Untuk menghilangkan Garis bawah Postingan tadi anda hanya tinggal merubah ukuran pixel pada bagian border-bottom: 1px solid $posttitleBorderColor; rubah ukuran pixelnya menjadi 0

jika anda ingin merubah posisi judul postingan anda anda tinggal mengganti kode pada bagian text-align: left; untuk posisi normalnya biasanya menggunakan aligment kiri..anda bisa merubah sesuai dengan keinginan anda
5. setelah itu save template anda.

Sederhana bangetkan?hehehe..


Selamat mencoba dan semoga bermanfaat




Copyright®
http://sauri-sofyan.blogspot.com
Read More

Mengganti Warna Border Pada Blog

Cara Merubah Warna Border Gambar Posting.
Kenapa warnanya harus dirubah? Tentu karena kita ingin mempercantik tampilan blog. Sedangkan warna border bawaan blogspot biasanya adalah hitam, sehingga bisa jadi kurang menarik atau tidak selalu cocok dengan latar belakang halaman posting. Yang menjadi masalah adalah bagaimana cara merubah warna border gambar posting tersebut? Karena fasilitas untuk merubahnya tidak ada di halaman Edit Entri. Nah, sebenarnya caranya cukup mudah. Jika anda ingin mencoba anda bisa ikuti beberapa langkah di bawah ini


1. Masuklah ke halaman Dasbor blog anda lalu klik Rancangan.


Cara Merubah Warna Border Gambar Posting

2. Kemudian klik pada Edit HTML


Cara Merubah Warna Border Gambar Posting

3. Untuk berjaga-jaga jika terjadi kesalahan sebaiknya backup dulu template anda dengan mengklik Download Template Lengkap.


Cara Merubah Warna Border Gambar Posting

4. Kemudian carilah kode:   .post img

5. Agar lebih mudah mencarinya tekan (Ctrl + F) pada keyboard lalu tekan Enter. Maka akan muncul kotak Find. Ketiklah kode yang akan dicari pada kotak tersebut lalu tekan Enter, maka secara otomatis akan muncul kode yang dicari dalam keadaan terseleksi dengan warna hijau.


Cara Merubah Warna Border Gambar Posting

6. Sekarang perhatikanlah beberapa kode di bawahnya, sehingga akan terlihat seperti ini:

.post img {
padding:2px;
border:1px solid #000000;

7. Anda tidak perlu bingung jika beberapa kodenya tidak sama dengan blog anda, karena itu tergantung pada template yang anda gunakan. Yang penting diperhatikan adalah tulisan bodernya. Perhatikanlah kode yang berwarna biru. Itulah kode dari warna bordernya. Sekarang gantilah kode tersebut sesuai dengan warna border yang anda inginkan.  Sebagai contoh di sini saya ingin menggantinya dengan warna merah. Kodenya adalah #FF0000. Maka penulisannya akan menjadi seperti ini:

.post img {
padding:2px;
border:0px solid #FF0000;

9. Jika sudah jangan lupa klik SIMPAN TEMPLATE dan tunggu hingga proses selesai.

Cara Merubah Warna Border Gambar Posting

10. Sekarang anda sudah bisa melihat perubahannya dengan mengklik Lihat Blog.


Cara Merubah Warna Border Gambar Posting

11. Sebagai contoh hasilnya akan tampak seperti di bawah ini:


Cara Merubah Warna Border Gambar Posting

Selamat mencoba dan semoga berhasil. 






Copyright® 
http://www.blogernas.co.cc
Read More

Membuat Garis Pada Blog (membuat border atas/bawah saja)

Cara membuat garis tepi atau border pada blog.

sementara3 Untuk membuat garis pinggir pada posting, caranya adalah sebagai berikut: 1. Login ke Blogspot--> Tata LeTak --> Edit HTML editHTML 2. Cari kode berikut:
.post {
lalu ganti baris kode
border-bottom:1px dotted $bordercolor;
dengan baris kode
border:1px solid $bordercolor;
sehingga baris kodenya akan menjadi seperti dibawah ini:
.post { margin:.5em 0 1.5em; border:1px solid $bordercolor; padding:0 10px;/*jarak antara text dengan garis pinggir*/ padding-bottom:1.5em; }
lalu klik tombol SIMPAN TEMPLATE 3. Jika ternyata garis pinggir yang ingin dibuat hanya pada bagian tertentu saja, disebelah atas atau bawah saja misalnya, sementara5maka baris kode yang berwarna merah tadi bisa diganti dengan baris kode berikut:
Border-top: 1px solid $bordercolor; /*garis pinggir atas */ Border-bottom: 1px solid $bordercolor; /*garis pinggir bawah */ Border-left: 1px solid $bordercolor; /*garis pinggir kiri */ Border-right: 1px solid $bordercolor; /*garis pinggir kanan */
4. Untuk membuat garis pinggir pada sidebar, maka letakan kode yang berwarna merah tadi dibawah baris kode .sidebar {
/* Sidebar Content ----------------------------------------------- */ .sidebar { border:1px solid $bordercolor; padding:10px;/*jarak antara text dengan garis pinggir*/color: $sidebartextcolor; line-height: 1.5em; }
5. Bisa juga membuat garis pinggir pada kolom posting dan sidebar dibuat sekaligus, dengan menganti baris kode berikut:
.sidebar .widget, .main .widget { Border-bottom:1.5px solid $bordercolor; margin:0 0 1.5em; padding:0 0 0.5em; }
dengan baris kode berikut:
.sidebar .widget, .main .widget { Border:1.5px solid $bordercolor; margin:0 0 1.5em; padding: 5px; }
dan hasil akan seperti terlihat pada gambar dibawah ini: sementara3 _________________________________ Catatan: 1. border:1px solid $bordercolor;
Variabel dengan nilai 1px menunjukan ketebalan garis pinggir tersebut. Rubahlah sesuai dengan keinginan. Variabel dengan nilai solid menunjukan garisnya merupakan garis lurus. Rubahlah sesuai dengan keinginan, misalnya menjadi dotted (titik). Variabel dengan nilai $bordercolor menunjukan warna garis pinggir. $bordercolor adalah warna default dari border template minima. Rubahlah dengan sesuai keinginan, misalnya biru (#0000ff), kuning (#ffff00), merah(#ff0000), hijau (#008080), hitam (#000000), atau putih (#ffffff).
2. Untuk memudahkan pencarian baris kode, tekan Ctrl + F untuk menampilkan kolom pencarian yang letaknya ada dibawah kolom Edit HTML seperti terlihat pada gambar dibawah ini, lalu ketikan atau kopi paste baris kode yang ingin dicari pada kotak pencarian. Baris kode yang sesuai akan ditunjukan dengan diberi warna hijau.
finder_thumb4






Copyright®
http://www.indodut.co.cc
Read More

Selasa, 15 Maret 2011

Menghilangkan Garis Bawah Link Pada Blog

5 langkah panduan Menghilangkan garis bawah pada link di blog. Jika anda mempunyai blog dan menautkan link di blog anda dan terdapat sebuah link yang bergaris bawah jika anda letakkan mouse tepat delink tersebut, anda bisa menghilangkannya dengan cara yang akan saya jelaskan dibawah. Tapi tidak semua blog seperti ini. Banyak fasilitas layanan dari penyedia template blog yang sudah mengatur sebaik mungkin template yang ada. Anda hanya tinggal menggunakan.

Mau tau cara menghilangkan garis bawah pada link di blog. Berikut langkahnya silahkan diikuti :

Langkah # 1

Masuk ke dasbord account blog anda

Langkah # 2


Jika sudah silahkan klik menu rancangan – trus klik edit html

Langkah # 3

Cari kode berikut dengan bantuan Ctrl + F dan silahkan anda tulis




A:hover {
Color:$mainVisitedLinkColor;
Text-decoration:underline;
}

langkah # 4

Jika kode tersebut terdapat pada template blog anda, silahkan anda ubah kata underline dengan None dan hasilnya seperti dibawah




A:hover {
Color:$mainVisitedLinkColor;
Text-decoration:none;
}


langkah # 5


Jika sudah klik save template dan silahkan dicek hasilnya

Itulah 5 langkah panduan Menghilangkan garis bawah pada link di blog.silahkan anda coba jika blog anda menghadapi masalah garis bawah yang ada pada link.selamat mencoba





Copyright®
http://www.aryesnovianto.com
Read More

Membuat Link Pada Label Bergeser Saat Disorot (Link Nudging)


Membuat tampilan Pada link Label saat disorot teks link bergeser-geser Contoh pada gambar disamping Teks Portable Software Saat disorot bergeser ke samping..... Link Nudging adalah salah satu fasilitas dari jQuery yang memberikan effect pada link. Effect Link Nudging ini di kembangkan oleh David Walsh Blog, untuk cara membuatnya:

1. Silahkan login blogger, Rancangan, Edit HTMl,
2. Cari kode </head> lalu simpan kode berikut diatas kode tadi :
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
Jika kode tersebut sudah ada tak perlu disimpan lagi.


Selanjutnya simpan kode berikut Dibawah kode berwarna biru tadi Java :

<script type='text/javascript'>
$(document).ready(function() {
$(&#39;#Label1 li&#39;).hover(function() { //mouse in
$(this).animate({ marginLeft: &#39;12px&#39; }, 400);
}, function() { //mouse out
$(this).animate({ marginLeft: 0 }, 400);
});
});
</script><!-- end LinkNudging -->

Yang berwarna Biru silahkan ganti sesuai keinginan atau mau lebih tau tentang hal ini bisa dipelajari pada tutorial Memindah-mindahkan widget dengan jQuery (Draggeble)

Simpan template.......

Dalam pemakaian tutorial ini kadang tidak berhasil, semua itu bisa disebabkan bentroknya script jQuery yang dipakai...

Jadi selamat mencoba saja,,, semoga berhasil




Copyright® 
http://www.kangdadang.co.cc 
Read More

Cara Ganti Font Pada Blog

Mengganti font blogger dengan tips terbaru.
Selama bertahun-tahun, Blogger dan-web desainer menggunakan font  yang  sederhana untuk gaya blog mereka dan template mereka. Mereka tidak punya Pilihan  untuk mengubah font tersebut.  hanya ada beberapa font yang berlaku di seluruh dunia sebagai web font. Mustahil untuk menggunakan font lain pada halaman web !. Jadi web desainer terjebak di bawah mereka font dpt dihitung ...


Tapi sekarang Google telah meluncurkan layanan baru mereka font web Google dengan slogan - 'Membuat Web Indah!'. Layanan ini akan memungkinkan Anda untuk menggunakan font kustom pada direktori font google di blog kita / website tanpa sign-up atau apa pun. Karena dari 'Google',  tidak memiliki komplikasi dan  benar-benar gratis untuk penggunaan komersial dan umum., Tidak ada pembatasan  hukum yang keras. Hal ini bisa membuat blog Anda terlihat lebih bergaya dan berlaku untuk blogger juga. Jangan heran, It's True! Saya akan menunjukkan cara untuk melakukannya dengan blogger.

Langkah 1: Back-up template blogger Anda

Ini selalu untuk langkah pertama untuk blogger tutorial. Aku akan menggunakan langkah ini sebagai langkah pertama untuk semua tutorial saya. Anda harus selalu back-up  blogger template Anda sebelum pengujian
hack apapun di blogger.

Untuk ini, pergi ke Desain atau tata letak -> Edit HTML -> download full template

langkah 2: pergi ke Google Font directory 
pilih  gaya font yang anda inginkan. kemudian klik font tersebut. kemudian pilih get code

undefined
Langkah 4: Tambahkan Kode untuk template Blogger Anda
Sekarang Anda harus menyalin kode yang google berikan dan Anda harus menambahkan kode ke blogger template, setelah kode


<head>


Penting!! code yang diberikan google adalah seperti ini
<link href='http://fonts.googleapis.com/css?family=Tangerine' rel='stylesheet' type='text/css'>

dan anda harus menambahkan slash sebelum akhir kode atau mengubahnya seperti ini

<link href='http://fonts.googleapis.com/css?family=Tangerine' rel='stylesheet' type='text/css/'>

Sekarang Salin dan sisipkan kode hanya setelah kode
 
<head>

Harap ingat untuk menambahkan garis miring sebelum tag akhir. dan sekarang, silakan klik Simpan Templatesekarang kode yang diperlukan untuk font web Google telah ditambahkan ke blog Anda. Sekarang Anda harus dapat menggunakan font google di blog Anda dengan menerapkan itu pada setiap tag widget. caranya:

Langkah 5: Tambahkan kode CSS untuk Font untuk Blog Anda.
Sekarang langkah terakhir dan akhir. Dalam langkah ini, Anda harus menentukan di mana Anda ingin menambahkan font dan harus menambahkan kode css untuk itu.
Jika Anda ingin membuat font muncul untuk suatu kalimat tertentu saja dalam posting blog Anda, kemudian gunakan kode HTML; -

<div style="font-family: 'FontName', serif;">Your text</div>

FontName: nama font yang dipilih dari google. :  
Your text   : Tulisan yang ingin iubah fontnya


Anda juga dapat mengatur font itu muncul pada:
    
* Blog Title
    
* Post Title
    
* Posting Artikel
    
* Font sidebar
Anda harus menambahkan kode CSS untuk itu. Jangan khawatir, itu sangat sangat mudah.Di sini saya akan memberitahu Anda Bagaimana Anda dapat mengubah judul posting Anda. Untuk ini, Anda harus mencari kode css judul


.post h3 atau .post-title h3
 
 
Ini adalah kode css umum untuk judul posting di blogger. sekarang kita harus menambahkan kode css untuk font baru tersebut,. Untuk ini, tambahkan / memodifikasi baris-baris di bawah kode di atas. contoh:

.post h3 {
font-family: 'Your Font Name';
}
 
menjadi

.post h3 {
font-family: 'google Font Name ';
}


selamat mencoba !!!



Copyright®
http://www.jasa-pembuatan-blog.com 
Read More

Senin, 14 Maret 2011

Menambah Sidebar Pada Blog

Cara enambah kolom sidebar.
Begitu blog anda sudah banyak widget di sidebar, 1 kolom mungkin mulai terasa kurang memadai. Mau ganti template rasanya sayang, karena desain tampilannya mungkin sudah oke. Nah bisakah kita menambah kolom sidebar tanpa harus ganti template? Jawabannya adalah bisa! Tapi sebelumnya anda harus melakukan beberapa hal.

Pertama menambah lebar blog anda. Karena penambahan kolom membutuhkan ruang. Kedua menambah lebar header. Jika tidak nanti bentuknya bisa menjadi lucu. Sebagai contoh anggaplah beberapa ukuran template anda seperti di bawah ini:

Lebar header anda sekarang (header-wrapper): 700px



lebar blog anda sekarang (outer wrapper):         700px
lebar halaman posting (main wrapper):                500px
lebar sidebar (sidebar-wrapper):                         200px

Nah, bila lebar halaman posting dijumlahkan dengan lebar kolom sidebar maka jumlahnya harus sama dengan lebar blog. Kalau dijadikan rumus lebih kurang bisa ditulis seperti ini: posting + sidebar = lebar blog. Sebagai contoh: (posting 500px)+(sidebar 200px)=(lebar blog 700px). Ini baru satu kolom sidebar. JIka kolom sidebarnya ditambah maka contoh rumusnya bisa menjadi seperti ini: (posting 500px)+(sidebar-satu 200px)+(sidebar-dua 200px)=(lebar blog 900px). Sekarang berapa lebar kolom sidebar yang akan anda tambahkan? Tarohlah juga 200px. Maka lebar blog anda harus dijadikan 900px. Jika tidak, nanti template anda bisa berantakan, karena tidak muat Tapi anda tidak usah bingung. Jika belum tau cara manambah lebar blog bisa anda lihat Kunci Merubah Ukuran Blog. Khusus untuk lebar header bisa dilakukan menyusul. Caranya nanti bisa dilihat pada Merubah Ukuran Header.

Jika lebar blognya sudah anda tambah, sekarang anda bisa lanjutkan dengan langkah-langkah berikut:

1. Masuklah ke halaman Dasbor blog anda lalu klik Rancangan.


Cara Menambah Kolom Sidebar
2. Kemudian klik pada Edit HTML.


Cara Menambah Kolom Sidebar

3. Untuk berjaga-jaga jika terjadi kesalahan sebaiknya backup dulu template anda dengan mengklik Download Template Lengkap.


Cara Menambah Kolom Sidebar

4. Centanglah Expand Template Widget.

Cara Menambah Kolom Sidebar

5. Kemudian carilah kode:    #sidebar-wrapper

6. Agar lebih mudah mencarinya tekan (Ctrl + F) pada keyboard lalu tekan Enter. Maka akan muncul kotak Find. Ketiklah kode yang akan dicari pada kotak tersebut lalu tekan Enter, maka secara otomatis akan muncul kode yang dicari dalam keadaan terseleksi dengan warna hijau.

Cara Menambah Kolom Sidebar

7. Kemudian perhatikanlah beberapa baris kode pengiring di bawahnya, sampai pada tanda kurung penutupnya, seperti tampak pada gambar di bawah ini:

#sidebar-wrapper {
width: 220px;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

8. Anda tidak usah bingung jika semua kode di bawahnya tidak sama dengan yang anda temukan pada blog anda. Karena itu tergantung pada jenis dan pengaturan template yang anda digunakan.

9. Sekarang copylah semua kode tersebut dan letakkan di bawah kode yang tadi. Dengan catatan tambahkan sedikit identitas pembeda pada judulnya: misalnya sidebar-second, sidebar-kedua, dan sebagainya. Ini hanya sekedar untuk pembeda. Pada contoh ini saya menggunakan sidebar2, sehingga keduanya akan tampak seperti ini:

#sidebar-wrapper {
width: 220px;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

# sidebar2-wrapper {
width: 220px;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

10. Sekarang carilah kode:   <div id='sidebar-wrapper'>

Gunakan Ctrl + F untuk memudahkan pencarian.

Cara Menambah Kolom Sidebar

11. Scrollah ke bawah sehingga terlihat satu paket kode pengiringnya. Anda tidak usah bingung jika kode di bawahnya tidak sama dengan template blog anda. Panjang kode terwsebut tergantung pada jumlah widget sidebar yang telah ditambahkan pada blog anda. Yang penting diperhatikan adalah sampai tag penutupnya, yaitu sampai kode   </div>


<div id='sidebar-wrapper'>
        <b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Image1' locked='false' title='' type='Image'/>
<b:widget id='BlogArchive1' locked='false' title='Artikel' type='BlogArchive'/>
<b:widget id='Feed1' locked='false' title='Headlines' type='Feed'/>
<b:widget id='HTML3' locked='false' title='' type='HTML'/>
<b:widget id='LinkList1' locked='false' title='Links' type='LinkList'/>
<b:widget id='HTML1' locked='false' title='' type='HTML'/>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>
<b:widget id='HTML2' locked='false' title='' type='HTML'/>
</b:section>
      </div>


12. Nah, sekarang copy dan letakkanlah kode di bawah ini tepat di bawah tag penutup tersebut (yaitu dibawah kode (</div>):

<div id='sidebar2-wrapper'>
        <b:section class='sidebar' id='sidebar2' preferred='yes'>
      </b:section>
      </div>


13. Setelah di copy hasilnya akan menjadi seperti ini:

<div id='sidebar-wrapper'>
        <b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Image1' locked='false' title='' type='Image'/>
<b:widget id='BlogArchive1' locked='false' title='Artikel' type='BlogArchive'/>
<b:widget id='Feed1' locked='false' title='Headlines' type='Feed'/>
<b:widget id='HTML3' locked='false' title='' type='HTML'/>
<b:widget id='LinkList1' locked='false' title='Links' type='LinkList'/>
<b:widget id='HTML1' locked='false' title='' type='HTML'/>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>
<b:widget id='HTML2' locked='false' title='' type='HTML'/>
</b:section>
      </div>


  <div id='sidebar2-wrapper'>
        <b:section class='sidebar' id='sidebar2' preferred='yes'>
      </b:section>
      </div>


14. Sekarang tinggal tahap akhir. Kita pindah ke halaman lain, kliklah Elemen Laman.

Cara Menambah Kolom Sidebar

15. Nah, pada contoh ini tampak satu kolom sidebar sudah ditambahkan. Hanya saja widgetnya masih kosong.


16. Jika anda ingin bukti, cobalah lihat blog anda. Pada contoh ini tampak sudah ada ruang kosong antara halaman posting dan sidebar kanan.

Cara Menambah Kolom Sidebar

17. Agar area kosong itu ada isinya, tambahkanlah widget pada kolom sidebar yang baru saja anda buat. Atau sekedar untuk mengujinya, draglah salah satu widget yang ada pada sidebar kanan.

Cara Menambah Kolom Sidebar

18. Jika sudah kliklah SIMPAN TEMPLATE dan tunggu hingga proses selesai.

Cara Menambah Kolom Sidebar

19. Sekarang lihatlah perubahannya. Sebagai contoh hasilnya akan menjadi seperti di bawah ini:

Cara Menambah Kolom Sidebar










Copyright®
http://www.blogernas.co.cc
Read More

Mengganti Readmore Dengan Image

Customisasi Tampilan Read more


Secara default, tampilan " Read more » " atau " Baca Selengkap » " adalah seperti ini "
 
Besarnya huruf ( font ) akan mengikuti besarnya font yang di setting dalam template anda, begitupun dengan warna link akan sama dengan warna link yang dipakai. Tampilan tersebut sebenarnya bisa anda kreasikan menjadi bentuk lain yang mungkin akan dianggap lebih menarik sehingga akan sedikit menambah keindahan tampilan blog anda.

Sebagai dasar pengetahuan, kode read more blogger adalah seperti ini :

<b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
        <a expr:href='data:post.url + &quot;#more&quot;'><data:post.jumpText/></a> 
      </div>
    </b:if>

Dengan mengetahui kode dasarnya, maka tentu saja kita dapat membuat berbagai kreasi.

  • 1. Agar read more tampil di sebelah kanan
Secara default " Read more " akan tampil di sebelah kiri. Jika anda berkeinginan agar read more tampil di sebelah kanan, anda bisa menambahkan kode tambahan seperti ini :

 
<b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
<div style='float:right;padding:10px 0px 5px 0px'>        
<a expr:href='data:post.url + &quot;#more&quot;'><data:post.jumpText/></a> 
</div>       </div>
    </b:if>

Atau jika anda lebih suka memasang pada CSS, bisa seperti ini ;

Simpan ini di atas kode ]]></b:skin>

.readmore { float:right;padding: 10px 0px 5px 0px; }

dan pasang ini di bagian body nya ;

<b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
<div class='readmore'>        
<a expr:href='data:post.url + &quot;#more&quot;'><data:post.jumpText/></a> 
</div>       </div>
    </b:if>

  • 2. Agar Read more ditampilkan tebal
Agar tampilan  " Read more » " atau " Baca Selengkapnya » " bisa tampil dengan huruf tebal, anda cukup menambahkan kode <strong> … </strong> atau <b> … </b>. Contoh :

<b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
        <strong><a expr:href='data:post.url + &quot;#more&quot;'><data:post.jumpText/></a> </strong>       </div>
    </b:if>
  • 3. Agar Read more tampil plus Judul Posting 
    Tulisan read more anda bisa tampil bersama dengan tulisan judul posting anda, contoh kodenya bisa seperti ini :
<b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;'><data:post.jumpText/>&#160;&#8594;&#160;
<data:post.title/></a>
      </div>
    </b:if>

  • Agar Read more diganti dengan banner
    Apabila anda menganggap tampilan huruf kurang menarik, anda bisa menggantinya dengan dengan tombol atau banner, misal banner seperti ini :

Format kodenya seperti ini ;

<b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'> 
      <a expr:href='data:post.url + &quot;#more&quot;'><img src='URLgambarmu' alt='read more'/></a>
</div>
    </b:if>

Contoh nyata seperti ini :

<b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'> 
       <a expr:href='data:post.url + &quot;#more&quot;'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8QPE_th4RDQZSCz2qN9HQVgfwwirG-WUzqwGuVInwCfoV6z5ezXueZs_uTGlnLuO92oWC55vB2M94CZeFDwJPtWrgllui0jqDsDrS-NrK_Rxq7mVQz2E-6e67C92u3YkeTgM3-2odo9w/[1].png' alt='read more'/></a>
      </div>
    </b:if>

Dan anda bisa menciptakan puluhan atau bahkan ratusan kreasi untuk tampilan read more ini agar blog anda tampil menarik.

Masih pusing dimana menempatkan hasil kreasi read more mu? berikut gambaran langkah-langkahnya :

  1. Silahkan login ke blogger dengan ID anda.
  2. Klik Tata Letak.
  3. Klik tab Edit HTML.
  4. Beri tanda centang pada kotak kecil di sampil tulisan " Expand Template Widget " expand-template-widget
  5. Carilah kode yang mirip seperti Ini :

    <div class='post-body entry-content'>
          <data:post.body/>
          <div style='clear: both;'/> <!-- clear for photos floats -->
        </div>
  6. Silahkan ganti kode di atas dengan hasil kreasimu seperti yang di contohkan kang rohman tadi di atas.
  7. Klik tombol SIMPAN TEMPLATE
  8. Selesai.
Selamat berkreasi!






Copyright®
http://kolom-tutorial.blogspot.com 
Read More

Cara Hapus Shortcut Virus

Berikut 8 langkah praktis untuk mendepak virus yang mampu mengubah folder yang ada di dalam USB flash disk menjadi shortcut tersebut:
 
1. Nonaktifkan ‘System Restore’ untuk sementara selama proses pembersihan.
 
2. Putuskan komputer yang akan dibersihkan dari jaringan.
 
3. Matikan proses virus yang aktif di memori dengan menggunakan tools ‘Ice Sword’. Setelah tools tersebut terinstal, pilih file yang mempunyai icon ‘Microsoft Visual Basic Project’ kemudian klik ‘Terminate Process’. Silahkan download tools tersebut di http://icesword.en.softonic.com/
 
4. Hapus registri yang sudah dibuat oleh virus dengan cara:
-. Klik menu [Start]
-. Klik [Run]
-. Ketik REGEDIT.exe, kemudian klik tombol [OK]
-. Pada aplikasi Registry Editor, telusuri key [HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Run]
-. Kemudian hapus key yang mempunyai data [C:\Document and Settings\%user%].
 
5. Disable autoplay/autorun Windows. Copy script di bawah ini pada program notepad kemudian simpan dengan nama REPAIR.INF, install file tersebut dengan cara: Klik kanan REPAIR.INF –> INSTALL
[Version]
Signature=”$Chicago$”
Provider=Vaksincom
[DefaultInstall]
AddReg=UnhookRegKey
DelReg=del
[UnhookRegKey]
HKLM, Software\CLASSES\batfile\shell\open\command,,,”"”%1″” %*”
HKLM, Software\CLASSES\comfile\shell\open\command,,,”"”%1″” %*”
HKLM, Software\CLASSES\exefile\shell\open\command,,,”"”%1″” %*”
HKLM, Software\CLASSES\piffile\shell\open\command,,,”"”%1″” %*”
HKLM, Software\CLASSES\regfile\shell\open\command,,,”regedit.exe “%1″”
HKLM, Software\CLASSES\scrfile\shell\open\command,,,”"”%1″” %*”
HKCU, Software\Microsoft\Windows\CurrentVersion\Policies\Explorer, NoDriveTypeAutoRun,0x000000ff,255
HKLM, SOFTWARE\Microsoft\Windows\CurrentVersion\policies\Explorer, NoDriveTypeAutoRun,0x000000ff,255
 
6. Hapus File induk dan file duplikat yang dibuat oleh virus termasuk di flash disk. Untuk mempercepat proses pencarian, Anda dapat menggunakan fungsi ‘Search’. Sebelum melakukan pencarian sebaiknya tampilkan semua file yang tersembunyi dengan mengubah pada setting Folder Options.
Jangan sampai terjadi kesalahan pada saat menghapus file induk maupun file duplikat yang telah dibuat oleh virus. Lalu hapus file induk virus yang mempunyai ciri-ciri:
-. Icon ‘Microsoft Visual Basic Project’.
-. Ukuran File 128 KB (untuk varian lain akan mempunyai ukuran yang bervariasi).
-. Ekstesi file ‘.EXE’ atau ‘.SCR’.
-. Type file ‘Application’ atau ‘Screen Saver’.
Kemudian hapus File duplikat shortcut yang mempunyai ciri-ciri:
>. Icon Folder atau icon
>. Ekstensi .LNK
>. Type File ‘Shortcut’
>. Ukuran file 1 KB
Hapus juga file yang .DLL (contoh: ert.dll) dan file Autorun.inf di flash disk atau folder yang di-share. Sementara untuk menghindari virus tersebut aktif kembali, hapus file induk yang mempunyai ekstensi EXE atau SCR terlebih dahulu baru kemudian hapus file Shortcut (.LNK).
 
7. Tampilkan kembali folder yang telah disembunyikan oleh virus. Untuk mempercepat proses tersebut, silahkan download tools UnHide File and Folder dihttp://www.flashshare.com/bfu/download.html.
Setelah diinstall, pilih direktori [C:\Documents and settings] dan folder yang ada di flash disk dengan cara menggeser ke kolom yang sudah tersedia. Pada menu [Attributes] kosongkan semua pilihan yang ada, kemudian klik tombol [Change Attributes].
 
8. Install security patch ‘Microsoft Windows Shell shortcut handling remote code execution vulnerability-MS10-046′. Silakan download security patch tersebut dihttp://www.microsoft.com/technet/security/Bulletin/MS10-046.mspx
Seperti biasa, untuk pembersihan secara optimal dan menecegah infeksi ulang, sebaiknya install dan scan dengan antivirus yang up-to-date dan sudah dapat mendeteksi virus ini dengan baik.

Original source: vaksin[dot]com & detikinet[dot]com


Wink Wink CARA KEDUA MENGHAPUS VIRUS SHORTCUT Wink Wink


Ciri-ciri virus shortcut :
Pertama-tama, setelah menginfeksi komputer, dia akan membuat file induk database.mdb di My Documents
Yang kedua adalah virus tersebut akan membuat file autorun.inf di setiap drive harddisk, flash disk, dan folder tanpa kecuali.
Yang ketiga adalah dia akan membuat file Thumb.db (hati-hati, perhatikan bahwa file ini tanpa huruf s sedangkan thumbnail cache yang asli di komputer memiliki tambahan huruf s alias thumbs.db) di setiap folder
Untuk memancing korban, dia akan membuat file Microsoft.lnk dan New Harry Potter and….lnk di setiap folder yang jika dieksekusi akan langsung mengaktifkan virus tersebut.
Seperti halnya virus-virus lokal lainnya, dia akan membuat duplikat setiap folder namun kali ini bukan dengan ekstensi .exe melainkan extensi .ink alias shortcut.
Pada task manager terdapat proses services wscript.exe yang sedang berjalan. Dalam kondisi normal, tidak ada proses seperti ini.
Langkah-langkah menghapus virus shortcut :
 
1. Matikan System Restore. Sejak dulu saya selalu mematikan system restore segera setelah proses instalasi windows. Untuk keperluan backup dan imaging system, saya lebih memilih menggunakan third party seperti acronis ataupun Norton Ghost (baca dan dowload : Norton Ghost 15.0.0.35659 (2010) Full Serial Crack)
 
2. Matikan proses virus wsrcipt.exe (C:\WINDOWS\System32\wscript.exe)
Bisa menggunakan Process Explorer atau misc. tool pada HijackThis (baca dan download : HijackThis 2.0.2 ).
3. Hapus file virus database.mdb di My Documents..
4. Hapus file duplikat virus..
Untuk proses penghapusan, anda bisa menggunakan fasilitas search pada Windows.. Pada “More advanced options”, pastikan option “Search system folders” dan “Search hidden files and folders” keduanya telah dicentang.
Search file dengan nama autorun.inf ukurannya 8 KB
Search file dengan nama Thumb.db ukurannya 8 KB
Search file dengan ekstensi .lnk.lnk ukurannya 1 KB
Hapus semua file yang ditemukan..
Untuk lebih memudahkan proses pencarian yang sekaligus menghapus file yang ditemukan, anda bisa menggunakan software UTool, sebuah freeware yang dapat anda download secara gratis. Program ini akan secara otomatis mencari dan kemudian menghapus file-file yang diinginkan (lihat gambar).
5. Hapus registry Autorun yang dibuat virus dengan menggunakan HijackThis..
Cari di bagian HKCU\..\Run: yang berhubungan dengan file database.mdb (pada gambar namun file database.mdb udah saya hapus)
regedit_run
Untuk lebih memantabkan proses pencegahan dan melindungi komputer kita dari serangan virus lokal yang sangat memusingkan ini, anda dapat melakukan hal-hal berikut:
1. Setelah proses instalasi windows, segera matikan system restore.
2. Install software third party misal Tweak UI atau Magic Tweak untuk mendisable autorun dan mencegah teraktivasinya file-file .inf. Mungkin pada Windows XP Professional, proses menon-aktifkan autorun bisa dilakukan dengan mudah, namun pada versi Win XP Home, anda memerlukan software ini. Tambahan informasi, program MagicTweak selain berfungsi menon-aktifkan autorn dapat juga digunakan untuk mencegah dijalankannya file-file .inf File autorun.inf yang biasanya merupakan awal dari berjangkitnya virus akan secara otomatis diubah menjadi murni file txt alias notepad oleh program ini dan dia tidak lagi bisa dieksekusi. Ini sangat membantu jika memang secara tidak sengaja kita mengaktifkan atau mengeksekusi autorun.inf meski proses autorun sudah didisable untuk semua drive (termasuk flash disk).
 
3. Setelah semua proses instalasi windows, driver, program, dan lain-lain telah selesai, segera backup image system anda menggunakan software macam Acronis True Image atau Norton Ghost, sehingga jika nanti ada masalah yang tidak dapat anda selesaikan dengan mudah, anda dapat merestoreasi backup system tersebut.
 
4. Jika perlu, instal juga Deep Freeze apabila komputer anda digunakan oleh banyak orang, sehingga settingan komputer tidak akan berubah-ubah.
 
5. Update info: Ciri-ciri virus terdapatnya virus shortcut pada flashdisk dapat diketahui dengan perbedaan icon flashdisk tersebut yang biasanya berbentuk seperti icon drive menjadi berubah seperti icon folder. Jika menemui icon seperti ini, berarti dalam flashdisk tersebut terdapat virus. Gunakan explorer dan buka flashdisk lewat explorer (jangan klik 2x dari my computer) dan hapus file autorun dan file2 tersangka virus lainnya secara manual dengan menekan shift + DEL (supaya tidak tersangkut di recycle bin). Rata-rata virus lokal dapat dicegah dengan cara manual seperti ini asalkan OPSI DISABLE AUTORUN pada windows dan/atau MagicTweak telah diaktifkan, dan juga OPSI DISABLE .INF FILE pada MagicTweak telah diaktifkan.
Nah, itu mungkin sedikit tips cara menghapus virus shortcut dan smoga komputer kamu setelah hapus virus shortcut jadi bebas deh dari virus shortcut.





 
Copyright®
http://maswafa.blogger.com


Read More

Agar Judul Artikel Blog Ditengah

Membuat Judul Post dan Judul Widget Sidebar Berada Di Tengah.
Bila anda ingin mencoba merombak judul sidebar agar rata tengah maka ini langkah-langkah yang harus dilakukan yaitu :
  1. login blogger -> rancangan ->edit html
  2. cari kode .sidebar h2 {
  3. setelah ketemu tambahkan kode    text-align:center;    setelah kode .sidebar h2 {
  4. kalau sudah jangan lupa klik save

Agar Judul Posting berada ditengah atau rata tengah, caranya sama saja dengan langkah di atas cuman bedanya kalau judul sidebar kodenya: .sidebar h2 sedangkan Judul posting kodenya: .post h3
Baiklah kalau masih bingung lakukan langkah berikut ini:
  1. login blogger -> design ->edit html
  2. cari kode .post h3 {
  3. setelah ketemu tambahkan kode    text-align:center;    setelah kode .post h3 {
  4. kalau sudah jangan lupa klik save

Tambahan :
Bila di dalam template anda sudah terdapat elemen .sidebar h2 { maupun .post h3 { sudah terdapat kode text-align:left; maka anda cukup mengganti left; menjadi center;
Agar lebih jelas, perhatikan kode berikut ini:
  • text-align: left; artinya tulisan rata kiri
  • text-align: center; artinya tulisan rata tengah
  • text-align: right; artinya tulisan rata kanan

Itulah tadi tips Membuat Judul Post dan Judul Widget Sidebar Berada Di Tengah mudah mudahan jelas dan bermanfaat. Jika masih belum jelas atau ada tulisan yang salah mari kita sharing karena kita juga sama-sama belajar.





Copyright® 
http://brugkembar.blogspot.com 
Read More

Minggu, 13 Maret 2011

Membuat Kotak Iklan Pada Blog

Cara menambah banner iklan di blogger.
Akhirnya nulis artikel lagi setelah sekian lama... mumpung lagi semangat lanjut...
Kali ini mau bagi - bagi cara menambah banner di blogger, kayak di saamping kanan blog ini. Buat apa sich dikasih banner? Ndak usah dijelaskan ya? para blogger sudah pasti tau to. Langsung ke caranya aja ya?
spot bannerikuti langkah - langkah di bawah ini :
  1. Masuk ke account blogger kamu.
  2. Lalu pilih Tataletak/layout dan pilih tab Edit Html.
  3. Jangan lupa backup Blog kamu dulu, klik Download Template Lengkap dan juga contreng Expand Template Widget.
  4. Cari Kode di bawah ini :
  5. ]]></b:skin>
    Setelah itu copy paste kode di bawah ini tepat diatas kode tersebut.
    /* Banner Iklan 125x125 */ #spotbanner{ overflow: hidden; padding:0; } .ad1, .ad3 { float: left; margin-bottom: 5px; padding-left:0px; } .ad2, .ad4 { float: right; margin-bottom: 5px; padding-right:0px; }
    klik simpan template
  6. Masuk ke Tab Elemen laman
    Kemudian buat element HTML/Javascript baru (di bagian sidebar kiri atau kanan halaman sesuai keinginan kamu) lalu masukan kode di bawah ini
  7. <div id='spotbanner'> <!-- Ad1 start --> <a class='ad1' href='http://permakblogs.blogspot.com'><img src='http://i945.photobucket.com/albums/ad300/andrebwid/banner/banneriklan.jpg'/></a> <!-- Ad2 start --> <a class='ad2' href='http://permakblogs.blogspot.com'><img src='http://i945.photobucket.com/albums/ad300/andrebwid/banner/banneriklan.jpg'/></a> <!-- Ad3 start --> <a class='ad3' href='http://permakblogs.blogspot.com'><img src='http://i945.photobucket.com/albums/ad300/andrebwid/banner/banneriklan.jpg'/></a> <!-- Ad4 start --> <a class='ad4' href='http://permakblogs.blogspot.com'><img src='http://i945.photobucket.com/albums/ad300/andrebwid/banner/banneriklan.jpg'/></a> <div class='clearer'/> </div>
    *text warna biru dapat diganti dengan Url web yang lain *text warna merah bisa diganti dengan Url gambar
  8. Klik Simpan, setelah proses simpan selesai klik lihat blog... kelihatan kan banner iklannya?
ok semoga berhasil ya...undefined





Copyright® 
http://permakblogs.blogspot.com
Read More
 
www.Indo-pages.blogspot.com