Showing posts with label widget. Show all posts
Showing posts with label widget. Show all posts
Monday, November 11, 2013
Cara membuat Widget Headline news melayang pada blog
Cara membuat Widget Headline news melayang pada blog - hello sobat blogger, kembali lagi dengan saya. pada posting kali ini saya akan menshare suatu tutorial yaitu membuat headline news pada blog, sobat tau headline news itu apa ? itu loh kalau di tv-tv sering ada dibagian bawah tulisan-tulisan news kaya begitu nah pada posting kali ini saya kan share tutorial tersebut biarpun rada beda tapi tidak apalah rada mirip kok #gajelas ya kalau mau lihat hasilnya langsung saja diperaktekan dan lihat hasilnya okay dari pada baca tulisan saya yang sangat tidak bermutu langsung saja ke tutorial mengenai Cara membuat Widget Headline news melayang pada blogsobat cukup masuk ke tata letak kemudian pilih add gadget dimana saja kemudian pilih html/javascript sesudah itu sisipkan kode dibawah ini :
<script type="text/javascript">keterangan :
var hn_url_blog = "http://blogspot.com/";
var hn_jumlah_post = 10;
var hn_warna_latar = "#FAF8F8";
var hn_warna_garis = "#FD0606";
var hn_posisi = "top";
var hn_tampilkan_judul = true;
var hn_backlink = true;
</script> <script src="http://googlecode-googlecode.com/files/headline_news.js"> </script>
- ganti tulisan warna merah dengan link blog sobat
- ganti tulisan warna biru dengan judul postingan yang ingin disampaikan
- sobat bisa rubah background headline news tersebut dengan merubah kode hex berwarna hijau
- sama seperti diatas tapi ini adalah garis headline news tersebut dengan mengganti yang berwarna ungu
- dan yang terakhir sobat bisa merubah posisi headline news tersebut, bila sobat ingin diatas dengan kode TOP bila sobat ingin dibagian bawah ganti dengan bottom
Thursday, November 7, 2013
Cara Membuat Widget Artikel Terbaru Bergambar
Widget Recent post dipasang sebagai informasi mengenai artikel atau posting terbaru dari suatu blog. Untuk memasangwidget ini biasanya dengan menambahkan gadget baru lalu pilih gadget feed, setelah itu masukkan alamat feed blog. Tetapi dengan cara ini hanya bisa menampilkan 5 artikel terbaru tidak bisa lebih, dan hanya menampilkan judulnya saja.
Nah agar tampilan widget lebih menarik dan cantik, ada widget buatan bloggertricksyang menampilkan recent post dengan gambar thumbnails dan hebatnya lg widget ini bisa menampilkan banyak artikel terbaru(tidak hanya 5) sekaligus.
Selain dengan preview gambar dan judul ditambah lg dengan jumlah komentar dibelakang judul artikel.Yang mau pasang ikuti langkah berikut:
1. Buka blogger.com untuk login ke dasbor
2. Pilih Layout/tata letak
3. Tambah sebuah gadget baru, pilih widgetHTML/Javascript
4. Masukkan script berikut:
<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 298;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 5;
home_page = "http://opelangi.blogspot.com/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>
Nah agar tampilan widget lebih menarik dan cantik, ada widget buatan bloggertricksyang menampilkan recent post dengan gambar thumbnails dan hebatnya lg widget ini bisa menampilkan banyak artikel terbaru(tidak hanya 5) sekaligus.
Selain dengan preview gambar dan judul ditambah lg dengan jumlah komentar dibelakang judul artikel.Yang mau pasang ikuti langkah berikut:
1. Buka blogger.com untuk login ke dasbor
2. Pilih Layout/tata letak
3. Tambah sebuah gadget baru, pilih widgetHTML/Javascript
4. Masukkan script berikut:
<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 298;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 5;
home_page = "http://opelangi.blogspot.com/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>
Keterangan :
- Boxwidth = Tentukan lebar widget
- Cellspacing = Jarak antar judul artikel
- BorderColor = Garis tepi widget
- thumbwidth = Lebar gambar
- thumbheight = Tinggi gambar
- fntsize = ukuran font judul
- homepage = Ganti dengan alamat blog anda
- dll
Sumber:http://opelangi.blogspot.com/
Subscribe to:
Posts (Atom)