Showing posts with label widget. Show all posts
Showing posts with label widget. Show all posts

Friday, April 8

Cara Masang Widget Breaking News di Blogger

Cara Masang Widget Breaking News di Blogger - widget ini sangat cocok untuk blog yang ber thema kan berita tapi bisa juga di terapkan untuk blog lainnya untuk keperluan menyampaikan info penting ke pengjung blog.
oke lah kita langsug ajha ya
  • login ke blog seperti biasa
  • pilih blog yang akan di pasangin widget (klo memiliki banyak blog)
  • setelah itu pilih template >> Edit HTML
  •  copy paste code di bawah ke tempat sebelum  ]]></b:skin> atau
    </style>
/* CSS News Ticker */
.ticker-wrap{display:block;text-align:center;margin:0 20px 20px 20px;padding:2px;background:#fefefe;border:1px solid rgba(0,0,0,0.1);border-left:5px solid #3cc091}
.ticker-wrap>span{display:inline-block;background:#fefefe;padding:0;font:700 13px 'roboto',sans-serif}
.ticker-wrap>span>a{color:#222;text-decoration:none}
#ticker{height:45px;overflow:hidden;background:#fefefe;text-align:left}
#ticker ul{padding:0;margin:0;list-style:none}
#ticker ul li{height:45px;white-space:nowrap}
#ticker ul li img{float:left;width:35px;height:35px;margin:5px 7px 5px 5px}
#ticker ul li h3{margin:0;font:700 16px 'roboto',sans-serif}
#ticker ul li h3 a{color:#333;text-decoration:none;line-height:25px!important}
#ticker ul li .tickermeta{font:400 13px 'roboto',sans-serif;line-height:20px!important;color:#999}
jangan lupa di sesuaikan font, warna dan lainnya sesuai dengan blog kalian ya.
  • selanjutnya copy paste lagi script di bawah dan letakkan di antara <body> dan </body>

<div class='ticker-wrap' data-domain='freethemes.com'>
<div id='ticker'>
</div>
</div>
 jangan lupa gnati nama domain atau blog sesua dengan alamat blog kalian, good luck guys

Baca selengkapnya

Sunday, February 28

Cara Memasang Widget Recent Post by Label di Blog

Setelah sebelumnya saya berbagi Cara Memasang Pop Up About Us Ala Arlina Design, kali ini saya berbagi tutorial Cara Memasang Widget Recent Post by Label di Blog.

Tutorial ini saya bagikan untuk memenuhi request sobat blogger di blog Arlina Design. Fungsi dari widget ini tidak jauh berbeda dengan widget recent post seperti pada tutorial Cara Memasang Widget Recent Post dengan Tanggal dan Komentar yang menampilkan daftar dari postingan terbaru di blog, namun pada widget ini kita bisa menentukan artikel yang akan ditampilkan berdasarkan Label yang ditentukan.

Cara Memasang Widget Recent Post by Label di Blog

Bagi yang ingin memasang widget recent post by label ini di blognya, silakan ikuti tutorial berikut ini :

Cara Memasang Widget Recent Post by Label di Blog

Selengkapnya »
Baca selengkapnya

Saturday, February 27

Cara Memasang Widget Komentar Terbaru dari Disqus

Seperti yang kita tahu, Disqus merupakan salah satu platform sistem komentar terpopuler saat ini. Selain dengan tampilan yang profesional, Disqus juga menawarkan fitur-fitur yang menarik diantaranya adalah sistem moderasi dan edit komentar yang dimana komentar dapat kita edit jika ada salah satu pengunjung yang berkomentar dengan menyisipkan link atau menyebutkan salah satu kata yang sudah disaring di pengaturan Disqus.

Cara Memasang Widget Komentar Terbaru dari Disqus

Masih banyak keunggulan lain yang ditawarkan Disqus, namun di sini saya akan berbagi bagaimana Cara Memasang Widget Komentar Terbaru dari Disqus di blog Anda.

Fungsi widget komentar terbaru dari Disqus ini adalah untuk menampilkan komentar terbaru baik dari pengunjung maupun admin yang mengomentari artikel di blognya. Bagi yang tertarik, Silakan disimak langkah berikut :
Selengkapnya »
Baca selengkapnya

Cara Memasang Widget Random Post di Blog

Cara Memasang Widget Random Post di Blog - Widget random post merupakan salah satu fitur penting dalam meningkatkan pageview pada sebuah blog. Widget tersebut, berguna untuk menampilkan artikel pada blog secara acak. Sehingga, artikel lama yang belum terlihat oleh pengunjung secara maksimal berpotensi dapat dibuka kembali.

Cara Memasang Widget Random Post di Blog
Selengkapnya »
Baca selengkapnya

Memasang Pop Up About Us Ala Arlina Design

Memasang Pop Up About Us Ala Arlina Design - Kali ini Arlina Design akan berbagi sebuah tutorial Memasang Pop Up About Us Ala Arlina Design. Tutorial ini saya bagikan untuk memenuhi request sobat blogger di blog Arlina Design dan kebetulan juga saya lihat yang intip page source di blog Arlina Design kemudian kode dari widget About Us ini dibagikan olehnya menjadi sebuah artikel tutorial di blognya (saya tidak perlu menyebutkan siapa, nanti dikira pencemaran nama baik.. cukup tahu saja :D), daripada seperti itu lebih baik saya bagikan saja.

Memasang Pop Up About Us Ala Arlina Design

Widget Pop Up About Us ini berfungsi untuk menampilkan deskripsi atau biodata dari admin di blog dengan tambahan link Sosial Media serta dilengkapi dengan tampilan jumlah postingan yang telah diterbitkan. Kode yang ditambahkan hanya menggunakan HTML, CSS dan sedikit script, agar tidak menghambat kecepatan loading blog.
Selengkapnya »
Baca selengkapnya