Pages


Browse : Home » Blogger » Cara Membuat Recent Post Dengan Thumbnail Agar Lebih Keren

Cara Membuat Recent Post Dengan Thumbnail Agar Lebih Keren

cara membuat recent post dengan thumbnail agar lebih kerenCara Membuat Recent Post Dengan Thumbnail Agar Lebih Keren ~ Recent Post atau List Artikel Terbaru banyak sekali digunakan oleh para blogger. Memasang widget recent post juga berperan dalam Optimasi Seo On Page dengan memasang Widget Recent Post di Halaman Blog pengunjung akan lebih mudah mengakses setiap artikel terbaru kamu. Tentunya kemudahan mengakses artikel dihalaman blog akan meningkatkan jumlah page view blog kamu.

Nah buat Sobat Blogger yang tertarik dengan Widget ini, anda bisa memasangnya dengan sedikit melakukan Edit HTML pada halaman blog anda. Berikut cara untuk Membuat Recent Post Dengan Thumbnail Keren :
=>Login terlebih dahulu kehalaman blog 
=>Dari bagian Dashbord blog kamu pilih Template untuk Masuk kehalaman Edit HTML
=>Downlad dulu template lengkap blog kamu untuk mengantisivasi kesalahan Edit HTML
=>Jangan lupa Centang Expand Template Widget
=>Jika sudah cari kode ]]></b:skin> (Gunakan Tombol CTRL + F dan F3 untuk mempermudah pencarian kode)
=>Setelah kode berhasil ditemukan Copy Kode dibawah ini dan paste diatas kode ]]></b:skin>
#mas-terbaru{border:1px solid #585858;width:100%;margin:0 auto}
#terbaru{margin:0px}
.mas-elemen{border:1px solid #ccc;margin:5px 0;padding:5px;height:79px}
.mas-elemen img{background:#999;padding:4px;float:left;height:70px;margin-right:8px;width:70px}
.mas-elemen h6,.mas-elemen h6 a{font-size:12px!important;font-weight:700!important;margin:0;color:#111}
.mas-elemen:hover{background-color:#c3c3c3}
.mas-elemen p{font:14px PT Sans Narrow;text-align:justify;color:#555;line-height:14px;margin:5px 0}
#mas-loading{color:#888;font-family:Tahoma;font-size:100px;letter-spacing:-10px;text-align:center;text-shadow:-5px 0 1px #444;background:#141414 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI9C0BHMr1QLw56dLuwPS1ACj2M-fqmpHsu96g6I_eSZQkoXD3T6Kqa0l5Nz-FXBYOR_c93hjI3tok5-7whskNtEFovzhhF5GCcns9gE2_vQ_HRQ7qKAehUL3ROGDLnL-8y-VmYzNbdPU/s1600/loading.gif) no-repeat 50% 50%;height:470px;border:1px solid #c3c3c3}
#mas-navigasifeed{border:1px solid #c3c3c3;color:#bbb;font-family:Verdana;font-size:12px;text-align:center;margin:0px}
#mas-navigasifeed:hover{background-color:#c3c3c3}
#mas-navigasifeed a{color:#141414!important;font-family:Tahoma!important;font-size:12px!important;font-weight:400!important;display:block;padding:5px 10px}
#mas-navigasifeed span{padding:5px 10px}
#mas-navigasifeed .next{float:right}
#mas-navigasifeed .previous{float:left}
#mas-navigasifeed .home{text-align:center}
#mas-navigasifeed a:hover,#mas-navigasifeed span.noactived{color:transparant!important}
=>Masih di are Edit HTML, sekarang cari kode </head>
=>Copy kode dibawah dan letakan diatas kode </head>
<script type='text/javascript'>
//<![CDATA[
var numfeed = 5;
var startfeed = 0;
var urlblog = "http://dapur-tutorial.blogspot.com/";
var charac = 100;
var urlprevious, urlnext;
function maskolisfeed(johny,banget){
var showfeed = johny.split("<");
for(var i=0;i<showfeed.length;i++){
if(showfeed[i].indexOf(">")!=-1){
showfeed[i] = showfeed[i].substring(showfeed[i].indexOf(">")+1,showfeed[i].length);
}
}
showfeed =  showfeed.join("");
showfeed = showfeed.substring(0,banget-1);
return showfeed;
}
function showterbaru(json) {
var entry, posttitle, posturl, postimg, postcontent;
var showblogfeed = "";
urlprevious = "";
urlnext = "";
for (var k = 0; k < json.feed.link.length; k++) {
if (json.feed.link[k].rel == 'previous') {
urlprevious = json.feed.link[k].href;
}
if (json.feed.link[k].rel == 'next') {
urlnext = json.feed.link[k].href;
}
}
for (var i = 0; i < numfeed; i++) {
if (i == json.feed.entry.length) { break; }
entry = json.feed.entry[i];
posttitle = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
if ("content" in entry) {
postcontent = entry.content.$t;
} else if ("summary" in entry) {
postcontent = entry.summary.$t;
} else {
postcontent = "";
}
if ("media$thumbnail" in entry) {
postimg = entry.media$thumbnail.url;
} else {
postimg = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdQlBy9Hw19Zq03yWEuRiUZsJqaX3C0XUcoVijPUUCmkqwT1IpJfRC-d2EbtFUke5FNy7ZelXgs33LjheBT_5xVGXAOwL1lPsnQwnPgj7sc7TmQBsaGKHHH5WjUpF8cMLqWXCLalkMMac/s1600/no+image.jpg";
}
showblogfeed += "<div class='mas-elemen'>";
showblogfeed += "<a href='" + posturl + "' target='_blank'><img src='" + postimg + "' /></a>";
showblogfeed += "<h6><a href='" + posturl + "'>" + posttitle + "</a></h6>";
showblogfeed += "<p>" + maskolisfeed(postcontent,charac) + "...</p>";
showblogfeed += "</div>";
}
document.getElementById("terbaru").innerHTML = showblogfeed;
showblogfeed = "";
if(urlprevious) {
showblogfeed += "<a href='javascript:navigasifeed(-1);' class='previous'>&#9668; Previous</a>";
} else {
showblogfeed += "<span class='noactived previous'>&#9668; Previous</span>";
}
if(urlnext) {
showblogfeed += "<a href='javascript:navigasifeed(1);' class='next'>Next &#9658;</a>";
} else {
showblogfeed += "<span class='noactived next'>Next &#9658;</span>";
}
showblogfeed += "<a href='javascript:navigasifeed(0);' class='home'>Home</a>";
document.getElementById("mas-navigasifeed").innerHTML = showblogfeed;
}

function navigasifeed(url){
var p, parameter;
if(url==-1) {
p = urlprevious.indexOf("?");
parameter = urlprevious.substring(p);
} else if (url==1) {
p = urlnext.indexOf("?");
parameter = urlnext.substring(p);
} else {
parameter = "?start-index=1&max-results=" + numfeed + "&orderby=published&alt=json-in-script"
}
parameter += "&callback=showterbaru";
incluirscript(parameter);
}
function incluirscript(parameter) {
if(startfeed==1) {removerscript();}
document.getElementById("terbaru").innerHTML = "<div id='mas-loading'></div>";
document.getElementById("mas-navigasifeed").innerHTML = "";
var archievefeed = urlblog + "/feeds/posts/default"+ parameter;
var terbaru = document.createElement('script');
terbaru.setAttribute('type', 'text/javascript');
terbaru.setAttribute('src', archievefeed);
terbaru.setAttribute('id', 'MASLABEL');
document.getElementsByTagName('head')[0].appendChild(terbaru);
startfeed = 1;
}
function removerscript() {
var elemen = document.getElementById("MASLABEL");
var parent = elemen.parentNode;
parent.removeChild(elemen);
}
onload=function() { navigasifeed(0); }
//]]>
</script>
Keterangan :
Kode yang berwarena merah adalah URl blog kamu, ganti dengan URL Kamu. Sedangkan kode yang berwarna Hijau menunjukan jumalah Artikel yang ditampilkan, dan kode yang berwarna kuning adalah jumlah karakter yang ditampilkan
=>Setelah itu Klik pada tombol Save Template
=>Kembali ke Dashbord blog kamu, Pilih Tata Letak
=>Klik Add a Gadget atau Tambah Gadget
=>Pilih Widget HTML Java/Script
=>Copy Kode Berikut  :
<div id="terbaru"></div>
<div id="mas-navigasifeed"></div>
=>Paste kedalam kolom HTML/JavaScript
=>Klik Simpan 
=>Selesai dan Lihat hasilnya

Read More

Browse : Home » Blogger » Cara Membuat Artikel atau Berita Berjalan di Blog | Breaking News

Cara Membuat Artikel atau Berita Berjalan di Blog | Breaking News

cara membuat artikel berita berjalan di blogCara Membuat Artikel atau Berita Berjalan di Blog | Breaking News ~ Bagaimana cara membuat sebuah breaking news atau berita berjalan pada blog seperti berita-berita berjalan di televisi atau cara membuat artekel blog berjalan...???. Kali ini saya akan bagikan bagaimana membuat  sebuah breaking news di blog atau website yang bertujuan selain memperindah blog juga mempermudah memberikan informasi kepada para pengunjung blog, sehingga para pengunjung (visitor) lebih mudah mendapatkan informasi mengenai artikel-artikel terbaru di blog kita. Ini berawal dari kunjungan ke sebuah website yang dipasangi sebuah berita yang dapat berjalan. Setelah dicari-cari ampe’ pening sob, ternyata ketemu juga tutorial bagaimana cara membuat berita berjalan di blognya Bang Vandawablog.

Bagi teman-teman yang tertarik untuk membuat breaking news atau running news (khususnya untuk blog dengan blogspot engine) ikuti langkah-langkah berikut :
=>Seperti biasa masuk dulu ke edit HTML
=>Temukan kode ]]></b:skin>
gunakan ctrl + f untuk mempermudah pencarian
=>Tambahkan kode berikut tepat diatasnya
#running news {
position:fixed;_position:absolute;top:0px; center:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
=>Kemudian temukan kode  <body>
=>Tambahkan kode berikut di bawahnya
<div id=' running news '>
<iframe allowtransparency='true' frameborder='0' height='20' id='NewsWindow' marginheight='0' marginwidth='0' scrolling='no' src='http://www.elshinta.com/v2003a/scrolling.htm' style='background-color: transparent;' width='1200'/>
</div>
=>Langkah terakhir adalah disave

Kalau kita beruntung pasti berita berjalan akan nampak dibagian atas blog kita, he..he...,,, menarik sekali.

Read More

Browse : Home » Software , Windows » Download Driver Gratis Untuk Berbagai Macam Laptop

Download Driver Gratis Untuk Berbagai Macam Laptop

Download Driver Untuk Berbagai Macam Laptop ~ Pada postingan kali ini saya akan membahas tentang berbagai web yang menyediakan driver-driver untuk berbagai macam laptop, seperti : download driver acer, download driver ASUS, download driver Compaq, download driver HP, download driver lenovo, download driver toshiba, dkk. Terkadang karena berbagai hal kita harus mencari driver tersendiri, entah karena tidak disertakan CD/DVD, downgrade ke windows XP atau ketika hanya disertakan driver windows Vista dan lainnya.

Sebelum mencari driver notebook atau laptop hal penting yang perlu diketahui adalah merk dan tipe produk tersebut. Merk biasanya tertulis di dekat layar LCD, di cover depan atau di sekitar keyboard termasuk juga tipe. Sering juga tipe tertera di bagian bawah notebook baik yang dituliskan dalam sticker atau langsung tertulis di laptopnya.

Dengan mengetahui merk dan tipe notebook/laptop, maka coba mencari driver dari venfor resmi sebagai berikut :
=>Acer ( TravelMate, Extensa, Ferrari, Aspire)
http://support.acer-euro.com/drivers/downloads.html
=>ASUS, Asus eee
http://support.asus.com/download/download.aspx?SLanguage=en-us
=>Compaq ( Evo, Armada, Concerto, Mini, LTE, Presario, dll)
http://h20180.www2.hp.com/apps/Nav?h_pagetype=s-002&h_lang=en&h_cc=us&h_product=82710&h_client=S-A-R163-1&h_page=hpcom=en&cc=us
=>HP ( Pavilion, Omnibook, HP Compaq, dll)
http://h20180.www2.hp.com /apps/Nav?h_pagetype=s-002&h_lang=en&h_cc=us& h_product=82710&h_client=S-A-R163-1&h_page=hpcom=en&cc=us
=>Lenovo (ThinkPad, IdeaPad, 3000 series)
http://www-307.ibm.com/pc/support/site.wss/product.do?doctypeind=9&template=/productselection/landingpages/downloadsDriversLandingPage.vm&sitestyle=lenovo
=>Toshiba ( Dynabook, Portege, Tecra, Satellite, Qosmio, Libretto )
http://pc.toshiba-asia.com/Laine/public/driverDownload.action?a=driverDl&currentTab=service
=>Dell ( Inspiron, Latitude, Precision, Studio, Vostro, XPS,Studio XPS)
http://support.dell.com/support/downloads/index.aspx?c=us&l=en&s=gen
=>Sony ( VAIO: FJ Series, UX, TZ, NR, SZ, CR, FZ, dan AR series)
http://www.sony.co.id/section/downloads
=>Axioo ( Zetta, PICO, ORIS, Neon, HDD)
=>Forsa (Carnaval, Debut, TravelPac )
http://www.forsa.co.id/downloads.aspx
=>BenQ (Joybook )
http://www.benq.com/products/joybook/
=>MSI (Micro-Star International)
http://asia.msi.com/index.php?func=downloadindex
=>Advan
http://advandigital.com/download.php
=>BYON
http://www.byon.co.id/support/index.php?act=driver
=>Zyrex
http://www.zyrex.com/site/downloads/Driver/
=>NEC (Versa, LitePad, Classic, LX, SX dll)
Download driver (pilih Notebook yang sessuai terlebih dulu)
=>A*note
http://www.a-note.com/
=>ION
http://ion.co.id/download/index.php

Jika dari link download resmi diatas tidak ditemukan driver laptop yang diinginkan, mungkin masih bisa dicari dari blog atau website lain melalui google.

Read More

Browse : Home » Blogger , Trik SEO » Cara Mengubah Blog Nofollow menjadi Blog Dofollow

Cara Mengubah Blog Nofollow menjadi Blog Dofollow

cara mengubah blog nofollow menjadi blog dofollowCara Mengubah Blog Nofollow menjadi Blog Dofollow ~ Pada posting kali ini saya akan share tentang bagaimana cara menjadikan | membuat blog nofollow menjadi dofollow atau cara agar blog bisa mendapatkan banyak komentar. Blog dofollow merupakan sebuah blog yang mengizinkan semua url yang ada di halaman blog tersebut dirayapi oleh robot search engine. Yang biasanya kata-kata blog dofollow ini sebagai penjelasan kalau semua link yang ada dalam form komentar blog kita dapat diindex oleh search engine.

Untuk blog yang nofollow, link-link komentar yang ada tidak dapat diizinkan untuk dirayapi dan diindex, sedangkan untuk blog yang dofollow kebalikannya, artinya semua link yang ada di bagian komentar tersebut boleh dirayapi dan diindex. Biasanya para visitor blog dofollow ini akan banyak meninggalkan komentar di blog yang dikunjunginya.

Jadi bila anda sudah membuat blog sobat menjadi dofollow, maka bersiap-siaplah untuk kebanjiran komentar dan siap2 capex buat ngebales komentar, hehe.......

Berikut cara merubah blog nofollow jadi dofollow :
=>Login ke dashbor blog sobat.
=>Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).
=>Setelah itu cari kode berikut :
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
=>Untuk mengubahnya menjadi dofollow, silahkan ubah teks nofollow menjadi dofollow atau menghapusnya, jadinya nanti seperti ini :
<a expr:href='data:comment.authorUrl' rel='dofollow'><data:comment.author/></a>
Atau
<a expr:href='data:comment.authorUrl'><data:comment.author/></a>
=>Simpan template sobat.

Read More

Browse : Home » News » Virus Stuxnet Kembali Serang Internet Iran, Diduga dari Israel atau AS

Virus Stuxnet Kembali Serang Internet Iran, Diduga dari Israel atau AS

Virus Stuxnet Kembali Serang Internet Iran, Diduga dari Israel atau AS ~ Kini, virus stuxnet dimana seebuah virus internet menyerang komputer yang dioperasikan oleh industri-industri di selatan Iran. Serangan virus itu diduga bagian dari perang dunia maya yang menargetkan fasilitas nuklir Iran agar dapat dihancurkan. Iran sendiri telah meningkatkan keamanan dunia maya sejak mesin pengayaan uraniumnya dirusak virus Stuxnet computer worm pada 2010 lalu. Teheran yakin, virus tersebut dibuat oleh Israel atau Amerika Serikat.

Unit yang bertugas melawan serangan dari dunia maya, Passive Defence Organisation menyatakan, virus internet itu telah menyerang beberapa situs di provinsi Hormozgan akhir-akhir ini. Namun virus itu telah dinetralisasi.

"Musuh terus menyerang unit industri Iran melalui jaringan internet agar terjadi kerusakan," ujar Ali Akbar Akhavan, Kepala Passive Defence Organisation di Hormozgan, Selasa, (25/12).

Virus stuxnet ini, ujar Akhavan, melakukan penetrasi ke sejumlah industri manufaktur di Hormozgan. Namun sejumlah hackers hebat telah memusnahkannya.

Read More

Browse : Home » News » Indonesia Kembali Raih Penghargaan Di Parade Bunga Pasadena, California, AS

Indonesia Kembali Raih Penghargaan Di Parade Bunga Pasadena, California, AS

indonesia kembali raih penghargaan di parade bunga
Pasadena,03-Januari-2013 | INFOCAblog ~ Indonesia kembali meraih penghargaan President`s Trophy dalam Parade Bunga Mawar di Pasadena, California, yang diikuti oleh 41 kendaraan hias berbagai instansi di negara bagian Amerika Serikat dan beberapa negara di dunia.

"Ini sudah sesuai dengan target kami, untuk mempertahankan President`s Trophy," kata Wakil Delegasi Indonesia dari Kementerian Pariwisata dan Ekonomi Kreatif Noviendi Makalam usai Parade Bunga Mawar ke-124, di Pasadena, California, Amerika Serikat (AS), Senin ( 1/1/2013). Tahun lalu, kata dia, kendaraan hias Indonesia juga mendapat President`s Trophy sebagai penghargaan untuk peserta nonkomersial yang menggunakan bunga paling efektif pada kendaraan hias mereka. "Kami sebetulnya belum puas, seharusnya kita dapat tropi lebih tinggi lagi," kata Novendi.

indonesia kembali raih penghargaan di parade bunga
Pada ajang tahunan itu, Indonesia menampilkan dua kendaraan hias yaitu satu kendaraan hias kecil yang menampilkan obyek wisata stupa dan gamelan di Jawa Tengah, serta kendaraan besar yang menampilan wayang golek dalam wujud Krisna, Arjuna, dan Gatot Kaca. "Kita harus melakukan sinergi untuk mencapai penghargaan lebih tinggi pada Parade Bunga Mawar Pasadena tahun 2014," ujarnya.

Noviendi mengatakan, keikutsertaan Indonesia pada Parade Bunga Mawar di Pasadena dimaksudkan untuk memromosikan pariwisata nasional di Amerika Serikat (AS). "Promosi pariwisata di AS tidak hanya dilakukan lewat penjualan melalui pihak ketiga, tapi juga memperkenalkan Indonesia pada masyarakat luas di negeri itu," kata Noviandi, yang juga Ketua Sekolah Tinggi Pariwisata (STP) Bandung. "Promosi pariwisata di AS tidak hanya dilakukan lewat penjualan melalui pihak ke tiga, tapi juga memperkenalkan Indonesia pada masyarakat luas di negeri itu," ujar Noviandi yang juga Ketua Sekolah Tinggi Pariwisata (STP) Bandung.

Sebelumnya di sela-sela penjurian, Menparekraf Mari Elka Pangestu mengatakan ajang tersebut, disaksikan oleh sekitar satu juta orang yang menonton parade secara langsung di sepanjang jalan, serta 34 juta orang penonton siaran televisi di AS.

Keikutsertaan Indonesia pada Parade Bunga Mawar tahun 2013 merupakan kedua kalinya setelah 16 tahun absen ikut pada kegiatan tersebut sejak 1996. Pada 1992 dan 1995 Indonesia mendapat "Grand Marshall`s Trophy" sebagai kendaraan hias yang memiliki konsep dan desain paling kreatif.

Read More

 
to Top