Home / Tutorial
Showing posts with label Tutorial. Show all posts
Showing posts with label Tutorial. Show all posts

Sunday, April 29, 2018

Sumber: http://teziger.blogspot.com

Cara membuat situs forum online sendiri – Pernah gak kamu berfikir untuk membuat sebuah komunitas? Seperti forum misalnya. Di forum kamu bisa berinteraksi dengan orang/pegguna lain yang tergabung. Forum berisi postingan berupa gambar dan tulisan yang memuat suatu konten bebas.

Salah satu situs forum terbesar di Indonesia adalah situs Kaskus. Situs ini memiliki jutaan pengguna. Tak hanya pengguna dari Indonesia, tetapi juga ada beberapa pengguna dari luar negeri. Situs yang diluncurkan pada tahun 1999 ini dibuat oleh salah satu pengusaha internet terkenal di Indonesia, Andrew Darwis dan Ken.

Situs ini udah berdiri lumayan lama juga ya. Bahkan Kaskus berpengaruh banyak terhadap istilah dalam dunia online di Indonesia seperti “Sundul, Up, Agan, Agan Wati, Gan, Sis, dan lainnya”.
Situs ini menjalankan sistem iklan. Dengan banyaknya jumlah pengguna, siapa yang tidak sudi untuk menjadi advertiser website ini? Sudah pasti, website ini memiliki penghasilan yang sangat fantastis.

Bila orang lain bisa membuatnya, kenapa kamu nggak? Kamu bisa membuat website forum sendiri lho. Mulailah dengan yang sangat sederhana. Disini saya sudah memiliki source code website forum yang bisa kamu coba dan kembangkan, atau mungkin kamu pelajari dasar pemrogramannya.
Namanya adalah 85Web.

85Web dikembangkan sejak 2016. Website forum ini masih tergolong sangat sederhana. Tujuan saya membagikan kode website ini tujuannya agar tblogers semua yang mendownload kode website berikut ini bisa belajar membuat website forum mulai dari awal sampai menjadi website besar. Tentunya semua perlu usaha dan waktu yaa..

Sederhana, dan sedap dilihat. 85Web bisa digunakan oleh siapa saja dan semua dapat bergabung. Seperti situs social bookmark. Oh iya, ngomongin website media social, saya juga sudah membagikan source code situs media social yang bagus. Kalian bisa download disini:

Cara Membuat Website Jejaring Sosial Sendiri (Source Code)

Oke, balik lagi ke website forum. Beberapa fitur di website forum ini adalah:

1. Sederhana dan tampilan menarik serta bahasa yang familiar
2. Masuk & daftar pengguna
3. Buat dan hapus postingan
4. Galeri foto
5. Edit profil
6. Berkomentar dan memberi like
7. Notifikasi/pemberitahuan
8. Fitur hapus user, komentar, memberi pengumuman, dan buka tutup registrasi bagi administrator.
9. Mobile friendly
10. Dan masih banyak fitur keren lainnya.

Berikut ini beberapa cuplikannya..

Membuat Webiste Forum Sendiri - Halaman Notifikasi Komentar
Membuat Situs Forum Sendiri - Halaman Galeri, Berisi kumpulan foto disemua postingan dan kumpulan foto yang dikirim oleh salah satu pengguna

Cara Membuat Situs Web Forum Sendiri - Halaman Utama

Cara Membuat Webiste Forum Sendiri - Halaman notifikasi suka/jempol

Membuat Webiste Forum Sendiri - Halaman detail post/thread

Membuat Webiste Forum Sendiri - Pengaturan akun

Oke, bila kamu tertarik dengan website forum sederhana ini, kamu bisa memulai buat dan mengembangkannya di sini.

Download Source Code Website Forum Disini

Setelah itu download dan jalankan. Bila kamu ingin menjalankan websitenya secara offline untuk dikembangkan, gunakan Web server local seperti XAMPP.

Baca: Cara Menjalankan Website Secara Offline Dengan XAMPP.

Bila kamu ingin langsung dionlinekan, kamu bisa menggunakan hosting dan domain khusus.
Oke, sekian dulu artikel saya kali ini tentang cara membuatwebsite forum sederhana. Semoga artikel ini bermanfaat. Terima kasih!

Saturday, July 23, 2016

Beberapa Pintasan Keyboard CTRL Paling Umum

Beberapa Pintasan Keyboard CTRL Paling Umum -Pada awalnya, keyboard adalah salah satu perangkat pada mesin ketik. Keyboard pada komputer merupakan alat yang digunakan untuk mengetik dalam sebuah lembar kerja ataupun aplikasi. Selain mengetik, keyboard juga dapat digunakan sebagai pintasan untuk membuka atau memerintahkan program komputer.


Apa itu pintasan keyboard?
Pintasan keyboard adalah tombol yang berfungsi sebagai kode untuk memerintahkan program komputer untuk melakukan tugasnya sesuai dengan kode perintah yang ditekan.
Setiap komputer memiliki fitur pintasan keyboard. Sudah banyak sekali tombol pada keyboard untuk memerintahkan program komputer seperti pada tombol CTRL, Windows, Alt, dan lain sebagainya.



Namun kali ini saya akan membagikan beberapa pintasan keyboard dengan menggunakan tombol CTRL.
Berikut ini adalah tombol pintasan keyboard dengan CTRL.

CTRL + C = Untuk mencopy teks atau gambar
CTRL + V = Untuk menempel atau mempaste teks atau gambar
CTRL + Z = Untuk mengulang atau Undo pada software
CTRL + Y = Untuk mengembalikan atau Redo pada software yang di Undo sebelumnya
CTRL + F = Untuk mencari file/kata
CTRL + H = Untuk mengganti kata
CTRL + A = Untuk memilih atau blok semua kalimat atau gambar
CTRL + S = Untuk menyimpan data
CTRL + K = Untuk membuat link pada teks
CTRL + E = Untuk membuat teks rataan tengah pada editor teks
CTRL + L =  Untuk membuat teks rataan kiri pada editor teks
CTRL + R = Untuk membuat teks rataan kanan pada editor teks
CTRL + J = Untuk membuat teks rataan netral pada editor teks
CTRL + N = Untuk membuat lembar kerja baru
CTRL + O = Untuk membuka lembar kerja lama
CTRL + B = Untuk menebalkan tulisan
CTRL + I = Untuk memiringkan tulisan
CTRL + U = Untuk memberi garis bawah pada tulisan
CTRL + P = Print
CTRL + W = Menutup tab
CTRL + T = Membuka tab
CTRL + X = Cut tulisan atau gambar
CTRL + D = Untuk memberi efek tulisan/konfersi huruf pada MS. Word

Nah itulah tadi beberapa perintah pintasan keyboard pada kode CTRL. Itu hanya beberapa sebatas yang saya ketahui. Sebenarnya masih banyak lagi seperti CTRL + SHIFT, CTRL + ALT, dan lain-lain. Semoga artikel ini dapat menambah wawasan kalian Terima kasih!

Cara Memperkecil Besar Ukuran Berkas Di Komputer


Cara kompres file di komputer –  Komputer sebenarnya adalah mesin untuk menghitung. (Bahasa inggris: ‘Compute’). Namun sekarang, komputer memiliki lebih banyak lagi tugas selain menghitung. Dengan komputer, apa saja dapat dilakukan. Misalnya dalam mengetahui informasi, menciptakan software, sebagai media pembelajaran, dan masih banyak lagi. Komputer telah banyak membantu pekerjaan manusia.


Dengan fungsi komputer yang bermacam – macam ini, pastinya komputer perlu memiliki aplikasi dan instalan bawaan. Salah satu instalan bawaan komputer yang terpopuler sekarang ini adalah Windows dari Microsoft Corp. yang dikembangkan oleh Microsoft.




Untuk menampung atau menyimpan instalan dan aplikasi tersebut, komputer perlu memiliki RAM atau Kapasitas. Kapasitas komputer terendah adalah 500GB. Walaupun banyak, kamu perlu tahu kalau aplikasi yang diinstal oleh komputermu dapat lebih besar dari itu jika dijumlahkan. Jadi, apa akibatnya?

Akibat dari aplikasi/software yang ukurannya melebihi kapasitas komputer adalah komputer akan menjadi lebih lambat, dan beberapa aplikasi akan dihapus. Jika kamu adalah pekerja kantoran yang memiliki komputer berkapasitas rendah, kamu tidak perlu membeli komputer baru yang kapasitasnya lebih banyak. Bagaimana sebaiknya?

Mengkompres berkas atau memperkecil ukuran file/folder adalah caranya.Oke, jadi cara memperbanyak file adalah dengan mengkompres file. Lalu bagaimana cara mengkompres file nya? Untuk menjawab pertanyaan, saya disini akan menjelaskan tentang cara memperkecil ukuran file atau berkas di komputer agar ruang pada komputer lebih banyak.

Untuk memperkecil ukuran file dikomputer, disini saya menggunakan Kompresor Winrar atau Winzip. Gak perlu download aplikasi tersebut karena sudah tersedia di setiap komputer.
Oke, cara mengkompresnya adalah berikut ini.

1. Pertama, pilihlah atau blok semua berkas yang ingin dikompres
2. Lalu kamu hanya perlu klik kanan
3. Setelah klik kanan, pilih Add To (NamaFile).zip/.rar

Contoh:
Misalnya nama file: Test. Kamu tinggal klik Add To Test.zip/rar. Zip/Rar itu adalah jenis format/kompresornya. Kamu bisa mengubahnya atau klik saja langsung.

4. Cara berikutnya, kamu hanya perlu menunggu proses, setelah itu lihat hasil ukuran berkas setelah dikompres. Lebih kecil bukan?

Berikut adalah buktinya..

Dengan mengkompres file, file/folder/berkas akan menjadi lebih kecil. Dengan begini, ruang di komputermu akan lebih banyak. So, langsung praktek gan!

Monday, February 22, 2016

Cara Gampang Mengetahui Kecepatan Blog

Cara Gampang Mengetahui Kecepatan Blog


Cara mengetahuikecepatan blog – Apakah blog kamu terasa lambat diakses? Kalau begitu, artikel ini akan menjelaskan cara cek kecepatan blog dan bagaimana cara memperbaikinya. Selain karena koneksi internet, fitur yang ada diblog dengan letak yang tidak responsive akan menyebabkan ketidaknyamanan pengunjung blog.

Kenyamanan pengunjung merupakan salah satu hal yang harus dipikirkan. Loading blog yang lambat akan menimbulkan rasa ketidaknyamanan pengunjung dalam membaca artikel. Salah satu cara agar blog tidak lambat misalnya dengan menghapus widget blog yang tidak perlu, dan mengoptimasi loading blog.

Jika kita sudah edit blog se-responsive mungkin, dimanakah tempat yang paling bagus untuk cek kecepatan loading blog? Tidak perlu nyari susah-susah. Google telah menyediakan sebuah situs dengan alat yang digunakan untuk cek kecepatan blog kita. Apakah situs untuk mengetahui kecepatan blog tersebut?

Google PageSpeed adalah situsnya. Google pagespeed adalah situs pengecek kecepatan sebuah halaman web yang tentunya situs ini punya mbah google. Di situs ini, kamu hanya perlu memasukan URL situs kamu, lalu lihat nilai yang diberikan berdasarkan media yang digunakan seperti pada tampilan komputer dan mobile.

Bagaimana cara cek url di Google Pagespeed ini?
Caranya sangat mudah! Kamu hanya perlu mengunjungi situs google pagespeed disini. Ada sebuah kotak pada halaman depan situs itu, masukan URL blog kamu didalamnya. Setelah itu, klik Analisis. Disana situs kamu akan dinilai oleh mesin dari mbah google ini dan disertai cara memperbaikinya.

Adapun penjelasan dan keterangan dari nilai yang diberi kepada situs kamu yaitu.
Jika angka yang diberikan mesin terseut kepada situs kamu diatas 75/100, maka situs kamu termasuk situs yang mudah diakses.
Sebaliknya, jika dibawah 75/100, situs kamuj adalah situs yang sulit diakses atau lemot. Eits, jangan panik dulu kalau situs kamu dinilai lemot oleh mesinnya gugel. Situs tersebut akan memberikan solusi kepada kamu tentang bagaimana cara memperbaiki situs kamu yang lambat.

Itulah cara mengetahui kecepatan weblog dengan Google Pagespeed. Semoga artikel ini bermanfaat! Selamat mencoba!

Tuesday, February 16, 2016

Cara Menghapus Widget Yang Tidak Bisa Dihapus Atau Terkunci

Cara Menghapus Widget Yang Tidak Bisa Dihapus Atau Terkunci
Cara Menghapus Widget Yang Tidak Bisa Dihapus Atau Terkunci - Kali ini Script Sampah Akan Membahas Cara Menghapus Widget Yang Tidak Bisa Di Hapus Atau Terkunci.

Biasanya widget yang tidak bisa terhapus ini akan muncul jika berganti-ganti template, dimana widget maupun fitur yang ada ditemplate tersebut jika diganti maka akan meninggalkan widget tersebut pada bagian tata letak.


Mengapa widget tersebut tertinggal? Karena widget akan menjadi terkunci bila kita mengganti template. Widget yang tertinggal ini tidak bakal kita ubah posisinya sehingga dapat mengganggu tampilan blog anda.

Cara Menghapus Widget Yang Tidak Bisa Dihapus Atau Terkunci

1. Masuk Ke Blogger Anda 
2. Setelah Masuk Ke Blogger > Klik Tata letak Dan lihat nama widget yang terkunci


Gimana Si cara ngebedain widget yang terkunci dengan yang tidak terkunci?

widget yang terkunci dan tidak terkunci pada bagian tata letak dapat dilihat dari sisi bagian kiri widget yang dimana widget yang tidak terkunci terdapat garis berwarna abu-abu.

Cara Menghapus Widget Yang Tidak Bisa Dihapus Atau Terkunci
Gambar Diambil Dari bagiilmubermanfaat
3.Lanjut, Abis Itu masuk ke bagian Template,klik edit HTML
Cara Menghapus Widget Yang Tidak Bisa Dihapus Atau Terkunci
Gambar Diambil Dari bagiilmubermanfaat
4.CTRL+F, Kemudian cari nama widget yang terkunci atau tidak bisa dihapus.
Cara Menghapus Widget Yang Tidak Bisa Dihapus Atau Terkunci
Gambar Diambil Dari bagiilmubermanfaat

5. Setelah ketemu,lihat pada bagian kode widget ini pada bagian locked ganti true menjadi false. Hal ini untuk membuka widget yang terkunci tersebut, jika sudah klik Simpan template.
Cara Menghapus Widget Yang Tidak Bisa Dihapus Atau Terkunci
Gambar Diambil Dari bagiilmubermanfaat
 6. Setelah selesai, kembali lagi ke tataletak. cari widget tadi lalu hapus
Cara Menghapus Widget Yang Tidak Bisa Dihapus Atau Terkunci
Gambar Diambil Dari bagiilmubermanfaat
Sekian Info Yang Mengulas Cara Menghapus Widget Yang Tidak Bisa Dihapus Atau Terkunci Semoga Bermanfaat Bagi Kalian Semua.. Salam Dari Admin Script Sampah

Sunday, February 14, 2016

Cara Mudah Membuat Sitemap Keren Di Blog

Cara Mudah Membuat Sitemap Keren Di Blog - Kali ini Script Sampah akan membahas Cara Mudah Membuat Sitemap Keren Di Blog. Daftar isi merupakan suatu hal penting untuk sebuah blog, karena dengan daftar isi para pengunjung/visitor mudah mencari artikel yang sudah di publishkasikan sebelumnya.

Sitemap berpengaruh penting bagi blog anda, selain mempercantik blog daftar isi juga mempengaruhi cara mendapatkan SITELINK Gooogle.

Ikuti Caranya Sebagai Berikut :

Cara Mudah Membuat Sitemap Keren Di Blog

1. Buka Blogger Kalian
2.Ke Menu Dashboard > Klik Laman
3.Klik"Laman Baru"
4. Ada Compose Dan Html Pilih HTML
5. Paste Code Di Bawah ini Ke HTML



 <style type="text/css">

#toc{

width:99%;

margin:5px auto;

border:1px solid #2D96DF;

-webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);

-moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);

box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);

}

.labl{

color:#FF5F00;

font-weight:bold;

margin:0 -5px;

padding:1px 0 2px 11px;

background:-moz-linear-gradient(right,#C2EAFE 0%,#055A85 40%);

background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#055A85),color-stop(1,#C2EAFE));

border:1px solid #2D96DF;

border-radius:4px;-moz-border-radius:4px;

-webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;

-moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;

}

.labl a{

color:#fff;

}

.labl:first-letter{t

ext-transform:uppercase;

}

.new{

color:#FF5F00;

font-weight:bold;

font-style:italic;

}

.postname{

font-weight:normal;

background:-moz-linear-gradient(right,#C2EAFE 0%,#fff 40%);

background:-webkit-gradient(linear,left 80,right 10,color-stop(0.60,#fff),color-stop(1,#C2EAFE));

}

.postname li{

border-bottom: #ddd 1px dotted;

margin-right:5px

}

</style>

<div id="toc">

<script src="https://googledrive.com/host/0ByNodV_m9cVLR0pmWFgwZ1NmdW8/" type="text/javascript"></script>

<script src="http://www.script-sampah.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">

</script></div> 

Note : Ganti Url Script Sampah  Menjadi Url Anda

6. Beri Judul Seperti"Sitemap' Atau "Daftar Isi"
7. Klik Publishkasi
8. Lihat Hasilnya

Sekian Info Sepitar Cara Mudah Membuat Sitemap Keren Di Blog Semoga Bermanfaat Untuk Kalian Semua.... :D

Saturday, February 13, 2016

Cara Membuat Efek Rating Bintang Di Popular Post

Cara Membuat Efek Rating Bintang Di Popular Post - hallo sob,, kali ini Script Sampah Akan memberikan Cara Membuat Efek Rating Bintang Di Popular Post.
Cara Membuat Efek Ranting Bintang Di Popular Post
Pastinya kalian sudah tau Fungsi Dari Widget ini bukan ? Widget ini berfungsi untuk para visitor atau pengunjung blog kita memberikan ranting pada blog kita. Baiklah, bagi yang ingin mencoba trik ini agar widget Ranting Bintang lebih menarik silakan ikuti langkah sederhana tersebut : Cara Membuat Efek Rating Bintang Di Popular Post Widget ini Menggunakan Font Awsome,Silakan Pastekan Link CSS Berikut Di Atas </head> 
<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css' rel='stylesheet'/>
Catatan : Jika Link Diatas sudah Terpasang,Silakan Dilewati Langkah Ini
1. Login Ke Blogger>Buka Template Editor>Tambahkan Kode Dibawah Ini Sebelum ]]></b:skin> Atau </style> Style 
 /* Popular Post */
.PopularPosts ul{background:#fff;list-style:none;margin:0;padding:5px 5px 0;overflow:hidden;border-top:none}
.PopularPosts li,.PopularPosts li img,.PopularPosts li a,.PopularPosts li a img{margin:0;padding:0;list-style:none;border:none;background:none;outline:none}
.PopularPosts ul{margin:0;list-style:none;color:#64707a}
.PopularPosts ul li img{background:#fafafa;display:block;margin:0 10px 0 0;width:60px;height:60px;overflow:hidden;float:left;}
.PopularPosts ul li{position:relative;background-color:#fff;margin:0;padding:.7em 0!important;border:0;position:relative;border-bottom:1px dotted rgba(0,0,0,0.2)}
.PopularPosts ul li:before{font-family:fontawesome;content:'\f005\f005';display:inline-block;position:absolute;color:#f39c12;text-align:center;bottom:0;right:0;margin:9px 0;font-size:11px;padding:0;font-weight:normal;line-height:normal;transition:all .3s}
.PopularPosts ul li:nth-child(1):before{font-family:fontawesome;content:'\f005\f005\f005\f005\f005';}
.PopularPosts ul li:nth-child(2):before{font-family:fontawesome;content:'\f006\f005\f005\f005\f005';opacity:.9}
.PopularPosts ul li:nth-child(3):before{font-family:fontawesome;content:'\f006\f006\f005\f005\f005';opacity:.85}
.PopularPosts ul li:nth-child(4):before{font-family:fontawesome;content:'\f006\f006\f006\f005\f005';opacity:.8}
.PopularPosts ul li:nth-child(5):before{font-family:fontawesome;content:'\f006\f006\f006\f006\f005';opacity:.75}
.PopularPosts ul li:hover:before{opacity:1}
.PopularPosts ul li:first-child{border-top:none}
.PopularPosts ul li:last-child{border-bottom:none}
.PopularPosts ul li .item-title a,.PopularPosts ul li a{color:#333;font-size:13px;}
.PopularPosts ul li a:hover{color:#2476e0;}
.PopularPosts .item-thumbnail{margin:0;}
.PopularPosts .item-snippet{display:none}
.PopularPosts .item-title{font-weight:700;padding-bottom:.2em;padding:0 5px}
Style 2  
 /* Popular Post */
.PopularPosts ul{background:#fff;list-style:none;margin:0;padding:5px 5px 0;overflow:hidden;border-top:none}
.PopularPosts li,.PopularPosts li img,.PopularPosts li a,.PopularPosts li a img{margin:0;padding:0;list-style:none;border:none;background:none;outline:none}
.PopularPosts ul{margin:0;list-style:none;color:#64707a}
.PopularPosts ul li img{background:#fafafa;display:block;margin:0 10px 0 0;width:60px;height:60px;overflow:hidden;float:left;}
.PopularPosts ul li{position:relative;background-color:#fff;margin:0;padding:.7em 0!important;border:0;position:relative;border-bottom:1px dotted rgba(0,0,0,0.2)}
.PopularPosts ul li:before{font-family:fontawesome;content:'\f005\f005';display:inline-block;position:absolute;color:#f39c12;text-align:center;bottom:0;right:0;margin:9px 0;font-size:11px;padding:0;font-weight:normal;line-height:normal;transition:all .3s}
.PopularPosts ul li:nth-child(1):before{font-family:fontawesome;content:'\f005\f005\f005\f005\f005';}
.PopularPosts ul li:nth-child(2):before{font-family:fontawesome;content:'\f005\f005\f005\f005\f006';opacity:.9}
.PopularPosts ul li:nth-child(3):before{font-family:fontawesome;content:'\f005\f005\f005\f006\f006';opacity:.85}
.PopularPosts ul li:nth-child(4):before{font-family:fontawesome;content:'\f005\f005\f006\f006\f006';opacity:.8}
.PopularPosts ul li:nth-child(5):before{font-family:fontawesome;content:'\f005\f006\f006\f006\f006';opacity:.75}
.PopularPosts ul li:hover:before{opacity:1}
.PopularPosts ul li:first-child{border-top:none}
.PopularPosts ul li:last-child{border-bottom:none}
.PopularPosts ul li .item-title a,.PopularPosts ul li a{color:#333;font-size:13px;}
.PopularPosts ul li a:hover{color:#2476e0;}
.PopularPosts .item-thumbnail{margin:0;}
.PopularPosts .item-snippet{display:none}
.PopularPosts .item-title{font-weight:700;padding-bottom:.2em;padding:0 5px
Style 3 
 /* Popular Post */
.PopularPosts ul{background:#fff;list-style:none;margin:0;padding:5px 5px 0;overflow:hidden;border-top:none}
.PopularPosts li,.PopularPosts li img,.PopularPosts li a,.PopularPosts li a img{margin:0;padding:0;list-style:none;border:none;background:none;outline:none}
.PopularPosts ul{margin:0;list-style:none;color:#64707a}
.PopularPosts ul li img{background:#fafafa;display:block;margin:0 10px 0 0;width:60px;height:60px;overflow:hidden;float:left;}
.PopularPosts ul li{position:relative;background-color:#fff;margin:0;padding:.7em 0!important;border:0;position:relative;border-bottom:1px dotted rgba(0,0,0,0.2)}
.PopularPosts ul li:before{font-family:fontawesome;content:'\f005\f005';display:inline-block;position:absolute;color:#f39c12;text-align:center;bottom:0;right:0;margin:9px 0;font-size:11px;padding:0;font-weight:normal;line-height:normal;transition:all .3s}
.PopularPosts ul li:nth-child(1):before{font-family:fontawesome;content:'\f005\f005\f005\f005\f005';}
.PopularPosts ul li:nth-child(2):before{font-family:fontawesome;content:'\f005\f005\f005\f005';opacity:.9}
.PopularPosts ul li:nth-child(3):before{font-family:fontawesome;content:'\f005\f005\f005';opacity:.85}
.PopularPosts ul li:nth-child(4):before{font-family:fontawesome;content:'\f005\f005';opacity:.8}
.PopularPosts ul li:nth-child(5):before{font-family:fontawesome;content:'\f005';opacity:.75}
.PopularPosts ul li:hover:before{opacity:1}
.PopularPosts ul li:first-child{border-top:none}
.PopularPosts ul li:last-child{border-bottom:none}
.PopularPosts ul li .item-title a,.PopularPosts ul li a{color:#333;font-size:13px;}
.PopularPosts ul li a:hover{color:#2476e0;}
.PopularPosts .item-thumbnail{margin:0;}
.PopularPosts .item-snippet{display:none}
.PopularPosts .item-title{font-weight:700;padding-bottom:.2em;padding:0 5px} 


2. Selanjutnya Simpan Template Dan Lihat Hasilnya :D


Demikian dari trik tentang Cara Membuat Efek Rating Bintang Di Popular Post Semoga
Bermanfaat
Subscribe to: Posts (Atom)