Membuat Link Warna Warni

Halo sahabat semua, berikut ini Bangiz mau berbagi salah satu trik untuk memperindah tampilan blog Anda. Adapun triknya yaitu cara membuat link warna-warni. Maksudnya link akan berubah-ubah warnanya ketika tersentuh oleh kursor. Atau bisa juga dikatakan cara membuat link dengan efek rainbow. Apabila Anda tertarik untuk mencobanya atau lagi mencari cara-cara untuk mempercantik tampilan blog, mungkin cara berikut ini bisa Anda gunakan. Selanjutnya langsung ikuti saja tutorialnya berikut ini:

1. Masuk dasbor Blogger

2. Pilih Template > Edit HTML

3. Cari kode </head> (Gunakan Ctrl+F untuk mencarinya)

4. Copy-paste kode berikut tepat diatas kode </head>

<script type='text/javascript'>

    //<![CDATA[

    var rate = 20;

    if (document.getElementById)

    window.onerror=new Function("return true")

    var objActive;  // The object which event occured in

    var act = 0;    // Flag during the action

    var elmH = 0;   // Hue

    var elmS = 128; // Saturation

    var elmV = 255; // Value

    var clrOrg;     // A color before the change

    var TimerID;    // Timer ID

    if (document.all) {

        document.onmouseover = doRainbowAnchor;

        document.onmouseout = stopRainbowAnchor;

    }

    else if (document.getElementById) {

        document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);

        document.onmouseover = Mozilla_doRainbowAnchor;

        document.onmouseout = Mozilla_stopRainbowAnchor;

    }

    function doRainbow(obj)

    {

        if (act == 0) {

            act = 1;

            if (obj)

                objActive = obj;

            else

                objActive = event.srcElement;

            clrOrg = objActive.style.color;

            TimerID = setInterval("ChangeColor()",100);

        }

    }

    function stopRainbow()

    {

        if (act) {

            objActive.style.color = clrOrg;

            clearInterval(TimerID);

            act = 0;

        }

    }

    function doRainbowAnchor()

    {

        if (act == 0) {

            var obj = event.srcElement;

            while (obj.tagName != 'A' && obj.tagName != 'BODY') {

                obj = obj.parentElement;

                if (obj.tagName == 'A' || obj.tagName == 'BODY')

                    break;

            }

            if (obj.tagName == 'A' && obj.href != '') {

                objActive = obj;

                act = 1;

                clrOrg = objActive.style.color;

                TimerID = setInterval("ChangeColor()",100);

            }

        }

    }

    function stopRainbowAnchor()

    {

        if (act) {

            if (objActive.tagName == 'A') {

                objActive.style.color = clrOrg;

                clearInterval(TimerID);

                act = 0;

            }

        }

    }

    function Mozilla_doRainbowAnchor(e)

    {

        if (act == 0) {

            obj = e.target;

            while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {

                obj = obj.parentNode;

                if (obj.nodeName == 'A' || obj.nodeName == 'BODY')

                    break;

            }

            if (obj.nodeName == 'A' && obj.href != '') {

                objActive = obj;

                act = 1;

                clrOrg = obj.style.color;

                TimerID = setInterval("ChangeColor()",100);

            }

        }

    }

    function Mozilla_stopRainbowAnchor(e)

    {

        if (act) {

            if (objActive.nodeName == 'A') {

                objActive.style.color = clrOrg;

                clearInterval(TimerID);

                act = 0;

            }

        }

    }

    function ChangeColor()

    {

        objActive.style.color = makeColor();

    }

    function makeColor()

    {

        // Don't you think Color Gamut to look like Rainbow?

        // HSVtoRGB

        if (elmS == 0) {

            elmR = elmV;    elmG = elmV;    elmB = elmV;

        }

        else {

            t1 = elmV;

            t2 = (255 - elmS) * elmV / 255;

            t3 = elmH % 60;

            t3 = (t1 - t2) * t3 / 60;

            if (elmH < 60) {

                elmR = t1;  elmB = t2;  elmG = t2 + t3;

            }

            else if (elmH < 120) {

                elmG = t1;  elmB = t2;  elmR = t1 - t3;

            }

            else if (elmH < 180) {

                elmG = t1;  elmR = t2;  elmB = t2 + t3;

            }

            else if (elmH < 240) {

                elmB = t1;  elmR = t2;  elmG = t1 - t3;

            }

            else if (elmH < 300) {

                elmB = t1;  elmG = t2;  elmR = t2 + t3;

            }

            else if (elmH < 360) {

                elmR = t1;  elmG = t2;  elmB = t1 - t3;

            }

            else {

                elmR = 0;   elmG = 0;   elmB = 0;

            }

        }

        elmR = Math.floor(elmR).toString(16);

        elmG = Math.floor(elmG).toString(16);

        elmB = Math.floor(elmB).toString(16);

        if (elmR.length == 1)    elmR = "0" + elmR;

        if (elmG.length == 1)    elmG = "0" + elmG;

        if (elmB.length == 1)    elmB = "0" + elmB;

        elmH = elmH + rate;

        if (elmH >= 360)

            elmH = 0;

        return '#' + elmR + elmG + elmB;

    }

    //]]>

    </script>

   5. Simpan Template dan lihat hasilnya

Demikian tutorial kali ini mudah-mudahan bisa membantu untuk Anda yang membutuhkannya. Jika ada pertanyaan seputar topik di atas silahkan tinggalkan komentar dan jangan lupa bagikan juga ke teman-teman Anda melalui sosial media yang tersedia.

Cara Menghapus Akun Facebook

Jika Anda salah satu pengguna Facebook dan mungkin karena berbagai hal akun tersebut perlu untuk  dihapus, didelete atau dinonaktifkan untuk selamanya. Perlu diketahui bahwa dengan menonaktifkan akun, Kronologi akan segera hilang dari layanan Facebook. Begitu juga teman-teman Anda tidak akan menemukan Anda di Facebook.

Dengan mendelete akun secara permanen, Anda tidak akan dapat mengaktifkan kembali akun atau mengambil data apa pun yang pernah ada di akun Facebook Anda. Jadi sebelum melakukan, sebaiknya Anda mengunduh salinan informasi dari Facebook. Sebelum menghapus secara permanen ada baiknya nonaktifkan dahulu akun Anda. Silahkan lihat caranya disini.

Cara mendownload salinan data facebook

Untuk mendownload salinan Facebook, Klik Pintasan Privasi yang ada gambar kuncinya > Klik Lihat Pengaturan Lain  

Pilih menu Umum > Klik Unduh salinan data facebook Anda

Berikutnya klik Mulai Arsip Saya

Masukkan kata sandi Facebook Anda lalu Kirim

Pada langkah berikutnya tinggal klik Mulai Arsip Saya, untuk keterangannya bisa dibaca berikut ini

Berikutnya adalah hapus semua riwayat Facebook Anda seperti komentar, like, foto album, semua teman Anda, keluar dari group yang diikuti dan sebagainya. Menghapus riwayat dengan cara membuka Activity Log untuk membatalkan semua tindakan sebelumnya di Facebook, seperti menyukai posting dan komentar. Ini dimaksudkan untuk memudahkan dalam proses penghapusan.

Apabila Anda sudah yakin bahwa hanya sedikit data yang tersisa, berikutnya adalah kunjungi halaman ini:
https://www.facebook.com/help/delete_account lalu klik Hapus Akun Saya.

Berikutnya Anda tinggal menunggu saja sekitar 14 hari untuk memastikan akunnya sudah dihapus olah Facebook. Ada baiknya sebelum 14 hari Anda tidak mencoba untuk membuka akun tersebut, baru setelah lebih dari itu Anda coba masuk untuk memastikan akunnya sudah dihapus. Apabila sudah tidak dapat masuk berarti akun Anda berhasil dihapus/didelete dari Facebook.

Cara Membuat Buku Tamu di Blog

Apabila Anda suka membuka blog orang tentunya pernah melihat widget guest book atau buku tamu. Apabila tertarik dengan widget tersebut, berikut ini Bangiz akan berbagi cara untuk membuat buku tamu di blog. Dengan menyimpan buku tamu maka pengunjung akan dengan mudah untuk menyapa, bertanya, memberi kritik, saran dan lainnya. Gimana tertarik untuk menggunakannya?

Tetapi sebelum bisa membuat buku tamu di blog, Anda harus memiliki kode buku tamunya terlebih dahulu, silahkan kunjungi saja salah satu situs Shoutbox, Chat Boxatau Shoutmix. Setelah mendaftar dan mendapatkan kode buku tamu tersebut, maka langkah selanjutnya adalah:

1. Masuk ke dasbor Blogger

2. Pilih Tata Letak --> Tambahkan Gadget --> Pilih HTML/Javascript.

3. Copy kode berikut dan Paste Pada kolom konten yang tersedia:

<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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrbcp-GSE0c6qySlo3jcWFzleINvcD9XrP7OyUmR99D8CbiJAaahkT_ZL1F9pIOSDzsEIGdnJdNohhKFeGA6O3wlUsQeeiNLG9l4-rQGqw4NC4XkuPXuTN52Lhni01wKg2KVgstY8ZZjnT/') 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">

< Simpan kode Anda disini>

<div style="text-align: center;"><span style="font-size: 10px;"><span style="font-family: &quot;Trebuchet MS&quot;,sans-serif;">Supported by <a href="http://amronbadriza.blogspot.com/" target="_blank">Blogaul</a></span></span></div><div style="text-align:right"><a href="javascript:showHideGB()">

[tutup]

</a>

</div>

</div>

<script type="text/javascript">

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

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

</script></div> 

4. Ganti tulisan berwarna merah dengan kode script guestbook Anda

5. Jangan lupa simpan dan lihat hasilnya.

Demikian tutorial kali ini tentang cara membuat buku tamu di blog, Apabila ada pertanyaan silahkan tinggalkan komentar dan jangan lupa sebarkan ke teman Anda melalui sosial media.

Cara Menjadi Publisher Kliksaya

Untuk Anda yang suka menggunakan internet dan sering pula membuka situs-situs di internet, pastinya pernah melihat iklan yang berada pada situs atau blog tersebut. Penayangan iklan di internet pastinya akan memberikan nilai positif kalau di antara pihak-pihak yang bersangkutan tidak adanya penipuan dan sebagainya. Adapun pihak-pihak tersebut adalah pengiklan, penerbit atau juga situs PPC (Pay per click) yang mana menjadi penghubung antara pengiklan dan penerbit. Berbicara tentang situs PPC, Kliksaya.com merupakan situs yang bisa menjadi pilihan untuk Anda yang memiliki situs karena Kliksaya.com  terbukti membayar publishernya.

Awalnya saya juga cuma mencoba menjadi publisher, karena kalau tidak dicoba tentunya kita tidak akan tahu situs tersebut beneran membayar atau tidak. Hari demi hari saya cek komisinya dan selalu bertambah hingga pada akhirnya sudah melebihi  Rp 60.000,-. Nominal tersebut merupakan batas minimum supaya komisi bisa dibayarkan dan benar saja di bulan berikutnya saya mendapatkan pemberitahuan email yang mengatakan bahwa komisi saya sudah ditransferkan. Begitu juga uangnya sudah masuk ketika saya cek di ATM. Itu merupakan salah satu keuntungan yang bisa didapatkan hingga sekarang dari internet dan menjadi publisher di Kliksaya.com.

SYARAT DAN KETENTUAN

Jika Anda ingin mendapatkan uang dari Kliksaya, sebelum daftar menjadi publisher ada baiknya baca dahulu  kriteria berikut ini supaya situs Anda langsung diterima oleh pihak Kliksaya:

1. Situs Anda memiliki traffic minimal 10.000 pageview perbulan.

2. Isi situs tentunya harus original.

3. Isi situs tidak berbau SARA, ponografi, melanggar hukum dan hal-hal negatif lainnya. Untuk lebih jelasnya silahkan baca 'Persetujuan Penerbit' pada situs Kliksaya.com.

CARA DAFTAR DI KLIKSAYA.COM

Kalau sudah yakin dengan ketentuan di atas silahkan mendaftar, caranya sebagai berikut:

1. Silahkan buka situsnya disini

 

2. Di halaman yang terbuka, isikan informasi yang dibutuhkan dengan lengkap lalu klik Daftar.

3. Buka email yang Anda daftarkan tadi lalu klik untuk verifikasi. Kalau sudah silahkan login ke pub.kliksaya.com dengan ID yang dibuat dan password yang diberikan.

4. Berikutnya silahkan ganti password Anda supaya mudah diingat, isikan data bank untuk penerima komisi, upload juga KTP/SIM, jangan lupa centang kotak tanda persetujuan untuk memenuhi persyaratan dan ketentuan lalu klik Simpan.

 5. Menunggu persetujuan, karena pihak Kliksaya akan melakukan pemeriksaan dahulu. Disetujui atau tidaknya akan dirim melalui email dan selambatnya sekitar 3 hari.

CARA MENAMBAHKAN ZONA IKLAN

Jika sudah disetujui maka langkah berikutnya yaitu menambahkan zona iklan pada situs Anda. Berikut ini adalah cara untuk mendapatkan kode iklannya:

1. Login ke pub.kliksaya.com

2. Pilih Zona Iklan pada menu bar, Pada Submenu pilih zona iklan yang diinginkan (disana ada iklan teks, header dan gambar).

3. Klik Tambahkan Zona Iklan > Pilih ukuran > Pilih warna > Isikan mengenai situs Anda > Beri nama zona iklan Anda > Lalu klik Tambahkan Zona Iklan xxx.

4. Ubah Tag Zona Iklan > Masukkan kata kunci untuk situs Anda > Barang/jasa apa yang bisa dijual > Gambaran mengenai pengunjung situs Anda > Klik Ubah Tag.

5. Di halaman berikutnya Anda sudah mendapatkan kode iklannya. Silahkan copy-paste kodenya dan masukkan ke situs atau blog. Usahakan iklan berada pada tempat-tempat yang strategis supaya mudah terlihat. Tutorial cara menambahkan kode bisa baca disini.

Demikian tutorial kali ini tentang cara menjadi publisher atau penerbit di Kliksaya.com yang mana telah dijelaskan mulai dari daftar sampai terakhir mendapatkan kode iklannya. Untuk Anda yang belum mendaftar silahkan daftar sekarang juga gratis.

Daftar Sekarang

Sevida Blogger Template Free Download

Template yang bagus dan keren tentunya menjadi dambaan setiap orang yang suka dengan dunia blog. Walaupun setiap orang mungkin memiliki selera yang berbeda-beda antara satu dengan yang lainnya. Mungkin Anda suka dengan responsive template, magazine/news template, SEO template  dan sebagainya. Berikut ini Bangiz memiliki template keren yang bisa Anda download secara gratis namanya adalah Sevida Premium Responsive Blogger Template.

Fitur Sevida Blogger Template:

• Responsive Design
• Optimize SEO
• Top Social Icon
• JSON Search Result *
• Ajax load more post
• Ajax Page Navigation New *
• Auto Featured Post from JSON (Slideshow) *
• Manual Featured Post Work with Image Widget(Slideshow) New
• Support Advance Editor
• Lightweight Auto read-more support third party image and youtube (option make it slideshow) New
• Cool blogger threaded comment (Support Google+ Comment)
• Lightweight Summary (option make it slideshow)
• Two View Mode (List and Grid) width Cookies
• Recent Comment Widget *
• News Ticker Widget *
• Related Post Widget *
• Recent Post by Labels (3 Post Type (Slider, Vertical, Horizontal) support Random) New *
• Archive Page *
• Emoticon
• Dropdown Menu
• Custom Error 404 Page
• Compatible with major browsers (IE8+,Mozilla,Chrome,Safari)
• Professional admin layout, help you easy work with blog layout.

 DEMO   /   DOWNLOAD

Merubah Tampilan Windows XP Ke Windows 7

Halo sahabat Bangiz semua,, berikut ini saya akan membahas tentang cara merubah tampilan Windows Xp menjadi Windows Seven. Disini yang berubah hanya tampilan grafiknya saja bukan semua program secara keseluruhan. Untuk merubahnya kita hanya membutuhkan software, mungkin ada banyak software yang bisa kita gunakan namun kali ini yang akan kita gunakan adalah Seven Remix XP.

Seven Remix XP ini dibuat dan dikembangkan oleh Niwradsoft. Adapun perubahan yang bisa kita lihat adalah pada skin, icon, gambar, suara, style dan sebagainya. Jika Anda ingin menggunakannya supaya tampilan XP Anda menjadi lebih keren dan sedap dipandang, silahkan download lalu install. Berikut ini ada lima warna yang bisa Anda pilih sesuai selera. Diantaranya ada warna biru, grey, hitam, pink dan abu-abu.

Seven Remix Black, 19.0 MB. Download Now

Seven Remix Red, 16.7 MB. Download Now

Seven Remix Grey, 16.7 MB. Download Now

Seven Remix Blue, 16.8 MB. Download Now

Seven Remix Pink, 16.8 MB. Download Now

Membuat Recent Post Berdasarkan Kategori

Berikut ini Bangiz mau berbagi cara untuk mempercantik tampilan blog Anda, Sesuai judul di atas yaitu Widget Artikel Berdasarkan Label. Tutorial blogging sebelumnya Bangiz pernah membahas tentang Membuat Random Post hanya Thumbnail dan juga Membuat Recent Post hanya Thumbnail, kalau mau tahu tutorialnya silahkan klik saja linknya. Widget Recent Post berdasarkan kategori atau label ini cocok untuk ditampilkan di sidebar, footer, bawah postingan, atau di homepage apabila Anda menggunakan template News. Untuk contohnya silahkan lihat gambar di bawah ini.

Apabila Anda tertarik untuk menggunakannya, langsung ikuti saja tutorialnya berikut ini:

1. Silahkan masuk ke Dasbor Blogger.

2. Pilih Tata Letak > Tambahkan Gadget > Cari HTML/Javascript.

3. Copy-paste kode berikut pada kolom konten yang tersedia, jangan lupa beri judul widgetnya.

<style>
img.recent_thumb {padding:1px;width:55px;height:55px;border:0; float:left;margin:0 0 5px 10px;}.recent_posts_with_thumbs {float: right;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;}.recent_posts_with_thumbs a {text-decoration:none;}.recent_posts_with_thumbs strong {font-size:10px;} </style><script src="http://id-pemula-javascript.googlecode.com/files/recent-post-label-thumbnail.js">
</script><script>
var numposts = 6;var showpostthumbnails = true;var displaymore = true;var displayseparator = true;var showcommentnum = true;var showpostdate = true;var showpostsummary = true;var numchars = 100;
</script><script src="http://downloadwallpaperanimasi.blogspot.com//feeds/posts/default/-/Widget?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs">
</script> 

Sumber kode: id-pemula.blogspot.com 

4. Klik Simpan dan lihat hasilnya di blog Anda.

Keterangan kode pada nomor 3:

Angka 12 adalah ukuran font untuk judul postingan

Angka 6 merupakan jumlah postingan yang ditampilkan

Angka 100 adalah jumlah karekter huruf pada deskripsi postingan

Bangiz.blogspot.com adalah link tujuan, silahkan ganti dengan url blog Anda

Widget, silahkan ganti dengan label atau kategori yang akan ditampilkan. Apabila labelnya memiliki 2 kata maka ganti spasinya dengan kode %20

Untuk pengaturan lainnya silahkan sesuikan dengan keinginan Anda

Tidak Bisa Install Chrome? Download Chrome Portable

Pernahkah Anda mengalami ketika sudah uninstall Google Chrome lalu pas mau diinstall ulang bahkan yang versi terbaru malah tidak bisa alias error. Pastinya ada kesalahan yang mana belum diketahui sehingga muncul tulisan "The installer encountered eror 0x0000018". Seperti pada gambar berikut ini:

Mungkin itulah pengalaman yang pernah saya lalui, meskipun sudah saya hapus di registry, program file dan romove program dari control panel tetap saja tidak bisa. Memang menjengkelkan, tetapi walau bagaimanpun apabila kita mau terus berusaha dan mencari solusinya pasti akan terselesaikan. Pastinya bukan hanya masalah seperti ini melainkan semua masalah yang sedang maupun akan dihadapi berikutnya.

Untuk mengatasi masalah tersebut, sekarang Anda tidak perlu pusing lagi. Mudah-mudahan solusi yang saya berikan kali ini bisa memecahkan masalah Anda yang tidak bisa meng-install Chrome. Solusinya adalah silahkan download lalu install Google Chrome Portable terbaru versi 34.0.1847.116 untuk Windows. 

Download Now, 76 MB

                              

Fitur pada Google Chrome meliputi:

1. Cepat untuk memulai
2. Melihat halaman web dalam sekejap
3. Menjalankan aplikasi web lebih cepat dari sebelumnya
4. Dirancang untuk efisiensi dan kemudahan penggunaan
5. Mencari dan menavigasi ke halaman web dari kotak yang sama
6. Mengatur dan menyusun tab yang Anda inginkan - dengan cepat dan mudah
7. Dapatkan ke situs web favorit Anda hanya dengan satu klik, dari thumbnail situs yang paling sering dikunjungi di halaman Tab Baru
8. Bisa menambahkan tema yang menyenangkan untuk browser Anda

 Baca selengkapnya tentang Google Chrome

Demikian cara mengatasi Google Chrome yang tidak bisa di install. Dengan mendownload dan menginstall Google Chrome Portable mudah-mudahan bisa terselesaikan. Jika Anda suka tulisan ini silahkan bagikan ke teman-teman Anda, siapa tahu ada yang membutuhkan.

Cara Menghapus Recent Document

Secara default, ketik Anda membuka document di windows baik word, picture, video atau yang lainnya maka secara otomatis akan tampil di recent document. Adapun gunanya tentu saja untuk memudahkan ketika kita sudah menutup aplikasi tersebut dan ingin membuka kembali, tidak perlu membuka dari awal jadi tinggal lihat saja ke recent document. Namun apabila komputer tersebut bukan hanya Anda yang menggunakannya tentu repot juga kalau kita lupa menghapus apa yang baru saja kita buka.

Untuk menghapus recent document secara otomatis ketika di shutdown atau restart di windows berikut tahapannya:

1. Klik Star > Run

2. Ketik gpedit.msc > Enter

3. Di kolom sebelah kiri, pada User Configurasi cari Administrative Template lalu klik Star Menu dan Taskbar

4. Di kolom Setting sebelah kanan, cari clear history of recently opened document on exit lalu klik 2x

5. Setelah muncul jendela baru pilih Enabled

6. Selanjutnya klik Apply atau langsung OK

Untuk memastikan setting tersebut berhasil silahkan Anda coba restart. Tapi sebelumnya pastikan di recent document tersebut ada file yang telah Anda buka, jika tidak ada Anda bisa coba membuka beberapa file dan pastikan ada shortcutnya di recent document kemudian restart.

Cara menghapus recent document secara manual, Anda tinggal klik kanan pada filenya lalu pilih delete. Jika terlalu banyak file yang harus di delete Anda bisa mencoba cara berikut ini:

1. Klik kanan Start > Properties

2. Pilih Star Menu > Customize

3. Pilih tab Advance > klik tombol Clear List (supaya dokument, gambar atau yang lainnya tidak muncul lagi pada start menu silahkan hilangkan tanda ceklist pada 'List my most recently opened documents')

4. Terakhir jangan lupa klik OK

Demikian tutorial cara menghapus recent document secara otomatis saat komputer dimatikan dan juga secara manual. Jika ada pertanyaan silahkan tinggalkan komentar dan jangan lupa bagikan ke teman-teman Anda siapa tahu membutuhkan. Semoga bermanfaat.

Cara Membuat Recent Post Hanya Thumbnail

Setelah sebelumnya pernah membahas tentang cara membuat random post hanya thumbnail dan tooltip, berikut ini Bangiz mau berbagi lagi tentang tutorial Blogger yaitu membuat recent post atau postingan terbaru yang hanya menampilkan thumbnail saja. Sebagai contohnya, silahkan lihat gambar berikut ini:

Gimana tertarik? Untuk penempatannya sendiri bisa Anda sesuaikan sendiri misalnya ingin di sidebar blog, bagian footer, di atas postingan maupun di bawah postingan. Kalau Anda suka dengan tampilan recent post hanya menampilkan thumbnail, langsung ikuti saja caranya sebagai berikut:

--> Masuk Dasbor Blogger

--> Pilih Tata Letak > Tambahkan Gadget > cari HTML/Javascript

--> Copy-paste kode berikut pada kolom tersedia selain judul untuk widget

<style type='text/css'>

.bp_item_thumb {

background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYnI7bKQmKpqsHlwY2_l_jwIUGnSu0Soaw83ykZyJvCIkN9u0xoX7NDkzR6FHUdW6hvZsT1IN7LMh5xaKrqw_fVV0932f66TYnsPuuOgL-hRAfkmV7WdMIGSkyhkq-ogfP0ZlPkQrEgbw/s1600/zoom.png) no-repeat center;

position: center;

display: block;

}

.bp_item_thumb img {

border: 1px solid #c6c6c6;

text-decoration: none;

background:#fff;

border-radius:5px;

-moz-border-radius:5px;

-webkit-border-radius:5px;

padding:3px;

}

.bp_item_thumb img:hover{

opacity: 0.6;

background-color: rgb(255, 255, 255,);

-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);

-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);

-webkit-transition: all 0.6s ease-in-out;

}

</style>

<div id='bp_recent'></div>

<script style='text/javascript' src='https://lioneldandy.googlecode.com/files/xc-recentpost.js'></script>

<script style='text/javascript'>

var numberOfPosts = 16;

var showPostDate = false;

var showSummary = false;

var titleLength = 0;

var showCommentCount = false;

var showThumbs = true;

var showNoImage = true;

var imgDim = 100;

var imgFloat = 'left';

var myMargin = 10;

var mediaThumbsOnly = false;

var showReadMore = false;

</script>

<script src='http://downloadwallpaperanimasi.blogspot.com//feeds/posts/summary?max-results=16&amp;orderby=published&amp;alt=json-in-script&amp;callback=bprecentpostswiththumbnails'></script>

--> Simpan dan lihat hasilnya

Keterangan:

Silahkan ganti http://downloadwallpaperanimasi.blogspot.com/ dengan url blog Anda

Angka 16 adalah jumlah thumbnail yang akan ditampilkan

Angka 100 adalah ukuran thumbnail gambar

Untuk pengaturan lainnya silahkan atur supaya sesuai dengan template yang digunakan