F For Fauzie

Tips dan Trik Blogger, Ga sengaja BW ke sana kemari, dan ketemu dengan Template yang berisi Related Post Bergambar (Artikel Terkait Bergambar) Pada bagian postingannya, saya pikir ini boleh juga buat bahan postingan Gue, biarpun mungkin sudah ada diposting sebelumnya oleh Blogger lain, apa salahnya bikin sendiri, buat blog bisa update postingan original gitu, heheheh, udah tau belum maksudnya Judul diatas, tentunya sebagian udah tau bukan , klo yang belum tau Gue jelasin deh, itu lo, saat postingan kita di buka dan jika ada label yang sama dengan dengan label (kategory) yang pernah kita buat, maka disetiap bawah postingan akan tampil dengan Artikel lainnya dengan Category yang sama, ini hampir sama saja dengan postingan saya sebelumnya Membuat Artikel Terkait atau Related Post, hanya saja bedanya Artikel yang terkait ini akan berisi gambar seperti halnya kita menggunakan jasa luar seperti linkwithin yang umum dipakai oleh blogger, tapi sedikit berbeda dengan linkwithin karena linkwithin memakai system random post (atau artikel terkait secara acak), kali kita akan menggunakan kode script dari pengembang blogger sendiri, Untuk Contohnya bisa sobat lihat disalah satu blog saya yang Tempat Coba-Coba, pada bagian bawah postingan akan terlihat Artikel Terkait (Related Post) berupa Gambar dan Judul (Jika pada postingan tidak ada gambar, maka akan tembil gambar yang bertuliskan no image), disarankan jika memakai Related Post ini bagi yang besiri gambar di postingannya). Ok, jika sobat berminat untuk Membuat Related Post Bergambar (Artikel Terkait Bergambar) ini, silahkan ikuti langkah demi langkah di bawah ini, pelan-pelan saja ye, jangan buru-buru. hehhehe

sebelum mengikuti langkah-langkah untuk Membuat Related Post Bergambar (Artikel Terkait Bergambar), saya sarankan sobat untuk membackup templet sobat dulu, demi keamanan bersama.heheheh

1. Login ke Blogger
2. Design (Rancangan) ---->> Edit HTML ---> Centang Expand Widget Template
3. Cari Kode tag </head> (cari dengan Ctrl+F)
4. Letakkan kode Script di bawah ini tepat di atas kode tag </head> tadi


<b:if cond='data:blog.pageType == "item"'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: #585858;
font-family: Georgia, “Times New Roman”, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:#FFFFCC;
}
#related-posts a:hover{
color:#000000;
}
#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script src='http://sastrablog.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
</b:if>


5. Kemudian Cari Kode Tag <div class='post-footer'>
6. Masukkan Kode Script di bawah ini tepat diatas kode tag <div class='post-footer'>


<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=8;
var relatedpoststitle="Related Posts";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>

7. Save Template
pada kode var maxresults=8; diatas, angka 8 bisa sobat ganti sesuai dengan yang sobat mau.
Semoga bermanfaat bagi kita semua untuk cara Membuat Related Post Bergambar (Artikel Terkait Bergambar)
Selesai deh.

sumber : www.ainisastra.com

Tips Membuat Related Post Bergambar (Artikel Terkait Bergambar)

Baca Selengkapnya →

Hai sobat semua, sudah pada tau donk sama lagu nya Ello Feat Sherina yang baru " Ayo Indonesia Bisa ", kalau yang belum tau sama belum punya lagu nya kalian bisa langsung download aja disini >>>

Download Mp3 Ayo Indonesia Bisa - Ello Feat Sherina

Baca Selengkapnya →

Kadang ketika kita blogwalking, kita sering menemukan widget blog yang menarik dan membuat kita ingin memiliki serta memasang widget tersebut di blog milik kita sendiri. Namun tak jarang si pemilik blog susah untuk dihubungi atau bahkan enggan untuk membagi kode HTML widget menarik tadi, sehingga mau tak mau kita tak bisa memiliki widget menarik itu tadi.

Namun jangan kuatir, kita bisa saja mencuri kode HTML widget menarik milik blog lain dengan fasilitas unik milik firefox, yaitu DOM source. Fasilitas ini memungkinkan kita untuk melihat kode HTML suatu laman untuk selanjutnya bisa kita pelajari.

Caranya adalah dengan mem-blok semua materi laman blog (atau bisa saja hanya mem-blok bagian widget yang ingin kita curi, namun cara ini kadang kurang tepat, karena sering ada beberapa bagian kode HTML yang tertinggal) dengan tombol Ctrl + A, setelah itu klik kanan dan pilih menu View selection Source. Setelah itu akan muncul jendela firefox lain yang formatnya mirip dengan notepad. Jendela berjudul DOM Source inilah yang memuat semua kode HTML laman blog.

Setelah itu, kita bisa mencari kode HTML widget yang ingin kita curi dengan menggunakan pencarian Ctrl + F, lalu tulisakn judul widget yang ingin kita curi. Jika sudah, kalian bisa mengambil kode HTML widged tadi yang biasanya diawali dengan kode <div...> dan diakhiri dengan kode </div>

sumber : agusmulyadi

Trik Mengetahui Kode HTML Widget Blogspot

Baca Selengkapnya →

Sebuah blog yang memang dibuat untuk memuat banyak berita sudah barang tentu lebih banyak memerlukan kolom khusus untuk widget yang ingin ditampilkan. Jika template yang Anda gunakan memang sudah tersedia multiple kolom mungkin tidak perlu lagi untuk menambahkan kolom baru. Salah satu area pada template yang sering digunakan untuk menempatkan widget adalah bagian footer. Saat ini sudah banyak template yang menyediakan fasilitas multi kolom di bagian footer.

Tapi jika template yang anda gunakan belum ada fasilitas ini, saya akan coba berikan solusinya atau cara membuat bagian footer template Anda menjadi multi kolom. Maksud dari multi kolom disini adalah membagi kolom footer menjadi 2 kolom, 3 kolom atau 4 kolom, bisa disesuaikan dengan kebutuhan kolom yang Anda inginkan. Baiklah, buat teman-teman yang ingin memperbanyak ruang kolom pada bagian footer template, langsug saja pada langkah-langkah pembuatannya :

Langkah pertama, Anda mesti login dulu ke Blogger
Kemudian klik Design
Backup template dengan klik pada Download Full Template agar bisa mengembalikan template ke kondisi semula jika hasilnya tidak memuaskan.
Kalau sudah, cari kode ]]></b:skin>
Tambahkan kode di bawah ini diatas kode ]]></b:skin>

#footer-column-divide {
clear:both;
}
.footer-column {
padding: 10px;
}
Kemudian cari kode di bawah ini.

<div id='footer-wrapper'>
<b:section class='footer' id='footer' showaddelement='yes'/>
</div>

atau

<div id='footer'>
<b:section class='footer' id='footer' showaddelement='yes'/></div>
Langkah selanjutnya tambahkan kode berikut dibawah kode <b:section class='footer' id='footer' showaddelement='yes'/> atau <b:section class='footer' id='footer' />

Catatan:

Jika pada template yang Anda gunakan tidak ada kode <b:section class='footer' id='footer' showaddelement='yes'/> maka tambahkan saja kode berikut dibawah <div id='footer'>

Jika Anda menginginkan membagi footer menjadi 2 kolom, gunakan kode berikut :

<div id='footer-column-divide'>

<div id='footer1' style='width: 50%; float:left;
margin:0; text-align:left;'>
<b:section class='footer-column' id='col1'
preferred='yes' style='float:left;'/>
</div>

<div id='footer2' style='width: 50%; float: left;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col2'
preferred='yes' style='float:left;'/>
</div>

<div style='clear:both;'/>
</div>

Membagi footer menjadi 3 kolom, gunakan kode berikut :

<div id='footer-column-divide'>

<div id='footer1' style='width: 33%; float:left;
margin:0; text-align:left;'>
<b:section class='footer-column' id='col1'
preferred='yes' style='float:left;'/>
</div>

<div id='footer2' style='width: 33%; float: left;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col2'
preferred='yes' style='float:left;'/>
</div>

<div id='footer3' style='width: 33%; float: right;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col3'
preferred='yes' style='float:right;'/>
</div>

<div style='clear:both;'/>
</div>
Membagi footer menjadi 4 kolom, gunakan kode berikut :

<div id='footer-column-divide'>

<div id='footer1' style='width: 25%; float:left;
margin:0; text-align:left;'>
<b:section class='footer-column' id='col1'
preferred='yes' style='float:left;'/>
</div>

<div id='footer2' style='width: 25%; float: left;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col2'
preferred='yes' style='float:left;'/>
</div>

<div id='footer3' style='width: 25%; float: right;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col3'
preferred='yes' style='float:right;'/>
</div>

<div id='footer4' style='width: 25%; float: right;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col4'
preferred='yes' style='float:right;'/>
</div>

<div style='clear:both;'/>
</div>
Yang terakhir klik Save Template.

Kemudian klik Page Element. Jika berhasil maka pada bagian footer hasilnya akan menjadi seperti gambar dibawah ini :

Footer 2 kolom

Footer 3 kolom

Footer 4 kolom

Sskarang Anda tinggal memasang wigdet yang ingin ditampilkan pada kolom footer. Terserah apa saja, disesuaikan dengan ukuran kolom yang tadi sudah dibuat. Demikian pembahasan tentang cara membagi kolom footer menjadi multiple kolom, selamat mencoba dan semoga bermanfaat.

sumber : creatingwebsite-maskolis

Trik Menambah Footer di Blogspot

Baca Selengkapnya →

Nikmati Streaming Online Mivo TV disni >>>

Streaming Online Mivo TV

Baca Selengkapnya →

Pernahkah anda mengalami komputer windows anda lambat ketika anda gunakan untuk menghapus folder yang memiliki banyak file didalamnya? Hal tersebut memang seringkali terjadi di komputer yang memiliki sistem operasi windows. Ketika sebuah folder yang memiliki ribuan file dihapus, maka windows memerlukan banyak waktu dan resource untuk menghapusnya. Bahkan dalam jumlah file yang ekstrem anda tidak akan bisa menggunakan PC anda ketika proses tersebut berlangsung.

Namun anda tidak perlu khawatir karena saat ini saya akan menunjukkan solusinya kepada anda! Fast Folder Eraser, sebuah software gratis ini bisa menjadi solusi bagi anda yang ingin menghapus folder dengan jumlah file yang sangat banyak.

Fast Folder Eraser adalah software yang bisa anda gunakan untuk menghapus suatu folder yang memiliki jumlah file sangat banyak dengan cepat dan tanpa memerlukan resource komputer yang besar. Bahkan anda juga bisa mengatur besarnya resource memory yang digunakan oleh Fast Folder Eraser ketika menghapus folder tersebut. Dengan begitu Andapun tetap bisa bermain game atau menggunakan komputer seperti biasanya walaupun ketika sedang menghapus folder dengan jumlah file yang sangat banyak.

Fast Folder Eraser Memiliki fitur antara lain:

1. Setelah diinstall akan langsung terintegrasi di menu windows eksplorer.

2. Memiliki fitur command line version.

3. Mendukung fitur drag and drop untuk menghapus folder yang anda inginkan dengan lebih cepat.

4. Menghapus folder dengan jumlah file yang besar secara cepat dan mudah.

5. Mengurangi jumlah resource memory yang digunakan oleh komputer windows ketika sedang menghapus folder dengan file dalam jumlah yang besar.

Bagi anda yang ingin menginstall Fast Folder Eraser, anda bisa mendownloadnya di situs berikut ini:

http://www.novirusthanks.org/product/fast-folder-eraser/

Scroll browser anda kebawah dan anda akan menemukan 2 link Download, yang satu merupakan versi installer nya dan yang satu merupakan versi portable (tanpa install). Silahkan download versi mana saja yang anda inginkan dengan cara klik Link “DOWNLOAD” tersebut.

Review saya mengenai Fast Folder Eraser:

Pros:
1. Menghapus folder dengan banyak file menjadi jauh lebih cepat dan tidak menghabiskan banyak resource komputer.
2. Gratis!

Cons:
1. Pada versi gratis ini, ada 2 fitur yang ditiadakan yaitu Secure File Deletion dan Delete Only Spesific File Extensions. Versi Pro nya dijual dengan harga $9.99.
2. Saat menghapus dengan Fast Folder Eraser, maka file anda akan langsung terhapus tanpa melalui Recycle Bin terlebih dahulu.

Final Verdict:
Cukup Bagus! Bagi anda yang ingin menghapus folder dengan banyak file didalamnya, anda bisa menggunakan Fast Folder Eraser ini. Rating saya untuk Fast Folder Eraser adalah 7 dari 10.

sumber : pusatgratis

Trik Menghapus Banyak File dalam Satu Folder Secara Cepat

Baca Selengkapnya →

F For Fauzie

Tips Membuat Related Post Bergambar (Artikel Terkait Bergambar)

Download Mp3 Ayo Indonesia Bisa - Ello Feat Sherina

Trik Mengetahui Kode HTML Widget Blogspot

Trik Menambah Footer di Blogspot

Streaming Online Mivo TV

Trik Menghapus Banyak File dalam Satu Folder Secara Cepat

Top Artikel

Genre Berita

Blog Archive

About