Widget Breaking News Untuk Blog

Widget Breaking News Untuk Blog

Widget Breaking News Untuk Blog

Tentunya sudah tau portal berita terbesar seperti detik.com, dan banyak yang menyanyakan bagaimana membuat Widget Breaking News Untuk Blog seperti itu. Nah, kalau ini admin tulisanguru.com akan membagikan tutorial nya, dan untuk di ingat disini ini hanya khusus untuk tema wpberita versi 2.0.0 ke bawah yang di rilis oleh kentooz.com dan adapun tutorial nya sebagai berikut :

Download dan copy CSS di bawah ini

Read More
.entry-content-single{user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none}
.gmr-big-headline .post-thumbnail:before {content: "BERITA";top: 10px;left: 15px;display: inline-block;position: absolute;color: #FFF;font-weight: 800;padding: 0 5px 0 5px;border-bottom: 1px solid red;transform: skewX(-15deg);}
.gmr-big-headline .post-thumbnail::after{content: "UTAMA";top: 10px;left: 72px;display: inline-block;position: absolute;color: #FFF;background: red;font-weight: 800;border-bottom: 1px solid red;padding: 0 10px 0 10px;transform: skewX(-15deg);}
.gmr-big-headline:hover img {transform: unset;}

Setelah itu pada menu custom CSS seperti gambar di bawah ini :

widget breaking news untuk blogKemudian pilih menu additional CSS:

Paste code CSS tadi disini :

Dan lihat hasilnya. Cukup mudah bukan? Itulah tutorial bagaimana cara membuat  Widget Breaking News di WordPress, dan adapun untuk Blogger banyak tutorial yang bertebaran di internet. Semoga bermanfaat.

Dukung Owner Dengan berdonasi Apabila Artikel Aini Bermanfaat
Klik tombol merah untuk donasi apabila merasa terbantu dengan artikel ini!


Related posts