Software House Production

Home » All posts

Cara Membuat Tombol Back To Top Blogger

Tombol Back to Top berguna untuk mempercepat pembaca artikel blog supaya tidak direpotkan dengan scroll keatas. Tapi sebelumnya udah baca kan artikel mengenai tentang info blogger yang selumnya tentang Musik Template Untuk Blogger Gratis kalau belum monggo..

Mungkin artikel tentang membuat tombol float back to top atau kembali keatas ini sudah banyak yah, tapi kali ini admin memutuskan untuk tetap membuat artikel ini, siapa tahu ada sahabat Media Infonetku yang belum tahu, dan mungkin juga suka dengan tombol yang admin sediakan disini.
Contoh demonya itu seperti blog ini nih, sebelah kiri bawah..

Windows 8 Cursor Untuk Windows 7, Vista Dan XP: Terimakasih buat semua sahabat Media Infonetku yang masih setia... bit.ly/XskOBp
Udut Simarmata (@doet_pudlian) January 4, 2013

Langkah-Langkah Mengaplikasikan Tombol Back To Top Blogger.

Edit HTML Template

Centang Expand Template Widget

Kemudian carilah kode dibawa, gunakan Ctrl + F supaya lebih cepat.

</body>

Untuk tombol warna biru copy paste code dibawah tepat diatas code yang tadi

 <a href='#' style='position: fixed;bottom:5px;right:0px;' title='Back to  Top'><img    src='https://sites.google.com/site/marudutsimarmata/backtotop_48x48x32.png?  attredirects=0' style='border: none;'/></a>

Untuk tombol warna oranges copy paste code dibawah tepat diatas code yang tadi

 <a href='#' style='position: fixed;bottom:5px;right:0px;' title='Back to  Top'><img    src='https://sites.google.com/site/marudutsimarmata/back-to-top1_48x48x32.png?attredirects=0' style='border: none;'/></a>

Untuk tombol warna hijau copy paste code dibawah tepat diatas code yang tadi

 <a href='#' style='position: fixed;bottom:5px;right:0px;' title='Back to  Top'><img    src='https://sites.google.com/site/marudutsimarmata/back-to-top2_48x48x32.png?attredirects=0' style='border: none;'/></a>

Untuk tombol warna Coklat copy paste code dibawah tepat diatas code yang tadi

 <a href='#' style='position: fixed;bottom:5px;right:0px;' title='Back to  Top'><img    src='https://sites.google.com/site/marudutsimarmata/back-to-top4_48x48x32.png?attredirects=0' style='border: none;'/></a>

Notes :

jika ingin menampilkan tombol Back To Top disebelah kiri , sahabat tinggal ganti right menjadi left
Selamat Mencoba yah, Salam...

09.49 | 0 komentar | Read More

Cara Membuat Random Post Blogger

Setelah kemarin infonetku sudah share tentang membuat Related Post, nah sekarang infonetku akan share tentang Random Post. Random Post itu maksudnya adalah kita membuat link dengan artikel yang dipilih secara acak, sedangkan related post itu dimana link yang kita buat untuk menautkan artikel yang terkait dengan postingan yang sedang dibaca. oke langsung saja yah..

1. Masuklah dasbor blog sobat.
2. Kemuadian Add Gadget/ Widget dimana sobat mau letakkan.
3. Setelah itu pilihlah widget HTML/Javascript.
4. Kemudian copy paste code scrip dibawah ini.

5.Kemudian Buatlah judul widget & jangan lupa untuk di save.

Selesai sudah kita membuat Random Post di Blog.
Semoga Bermanfaat yah.Salam Infonetku

09.47 | 0 komentar | Read More

Cara Mudah Download MP3 Dari YouTube

Kepengen download music dari YouTube, lagi lihat-lihat video musik yang lagi trend di youtube tapi nggak mau download videonya, terlalu besar filenya, lagi mau irit kuota modem. Setelah berpikir, gimana kalau download videonya tapi yang resolusi videonya kecil terus di convert deh ke Mp3, tapi tetap saja filenya besar, udah gitu suara atau audio dari video yang resolusinya kecil nggak bagus.

Akhirnya admin coba lihat lihat extensions untuk chrome yang bisa convert langsung video musik YouTube ke Mp3 tapi kualitas suaranya yang bagus dan sekalian bisa download Mp3 langsung trus yang penting aplikasi gratis, hahaha, banyak permintaan yah .

Dan akhirnya admin dapat juga, namanya Music Clip , extension ini bukan cuman untuk chrome tapi juga bisa buat browser yang lainnya, seperti Safari, Mozilla dan Opera. Admin udah pake extension ini di setiap browser admin, semuanya berjalan dengan baik, nah saatnya ini admin bagikan infonya buat sahabat Media Infonetku.

? Music Clip Extension Untuk Chrome

Buat sahabat media infonetku pengguna chrome sobat bisa cari extension ini di Chrome Web Store.
Tapi untuk lebih mudahnya sobat bisa langsung download dan install extensionnya di sini.
atau copy link ini di search bar sobat http://goo.gl/TgDYB.
Tunggu beberapa saat waktu download extensionnya lalu install. Setelah itu coba buka video music YouTube dan bukan music yang sobat mau download mp3-nya, lihat tombol dibawah tombol Upload ada tombol Mp3 Download, klik disana, nanti sobat dibawa ke jendela baru terus klik deh tombol dowload.

? Music Clip Extension Untuk Mozilla

Untuk sahabat media infonetku pengguna Mozilla, extension di mozilla dinamakan add-on, jadi sahabat media infonetku bisa cari Music Clip di add-on mozilla atau untuk gampangya sahabat bisa download add-on nya di sini, atau copy paste link berikut di search bar mozila sobat http://goo.gl/XRgAX.
caranya install sama halnya seperti chrome tadi, untuk dowmload dari youtube juga sama.

? Music Clip Extension Untuk Opera

Sahabat penggguna Opera Browser bisa juga menikmati extension ini. Bagaimana caranya, hampir sama dengan Mozilla dan Chrome, sahabat tinggal download extensionnya disini

sini
Setalah itu ikutin pentunjuknya, untuk cara download mp3 dari video youtube sama halnya dengan kedua browser diatas.

? Music Clip Extension Untuk Safari

Sahabat pengguna safari, nggak ketinggalan juga, extension untuk safari browser juga tersedia, apalagi sekarang safari sudah tersedia untuk Windows, sahabat bisa mungkin sudah lihat artikel admin sebelumnya tentang download safari browser di windows, kalau belum silahkan kunjungi.
Extension music clip untuk safari sahabat bisa download di sini.
Caranya semuanya sama dengan browser yang lain, jadi apapun browser sobat silahkan di di install deh extensionnya.

? Kenapa Music Clip ?

Oke, apa sebernya keunggulan extension atau add-on music clip ini?, admin udah coba ini sahabat media infonetku dan sampai sekarang admin masih pakai.
Yang membuat admin masih mempertahankan add-on music clip ini adalah, selain gampang, convert video ke mp3 cepat, dan tidak pernah terjadi kegagalan convert selama admin pakai, semua proses convert berhasil udah gitu cepat dan hasil convertnya sama dengan aslinya, dan yang penting benar-benar gratis dan tidak perlu upgrade segala.
Bagaimana sahabat tertarik? monggo silahkan di install, selamat mencoba.
Informasi lebih jelasnya silahkan di tinjau di web resminya Music Clip
Tinggalkan komentar , like atau share postingan ini kalau sobat suka yah...SALAM BLOGGER.

23.07 | 0 komentar | Read More

Cara Download MP3 Dari SoundCloud

Buat sahabat-sahabat Media Infonetku yang pada gaul sudah nggak asing dong yang namanya SoundCloud, Apa itu SoundCloud ? SoundCloud ada aplikasi sound/audio streaming berbasis web yang sekarang ini sangat populer digunkan para artis, dan penyanyi untuk mempromosikan karyanya. Walaupun aplikasi audio atau sound streaming ini bukan satu satunya yang kita jumpai di internet karena ada lagi aplikasi yang saya jumpai seperti http://grooveshark.com tapi https://soundcloud.com masih tetap yang lebih populer.

Pada SoundCloud sebenarnya ada beberapa audio file atau yang biasa kita sebut dengan MP3 yang bisa kita download, itu karena yang punya lagu atau MP3 mengijinkan para pendengarnya untuk download file yang dia punya, biasanya mereka yang mengijikan untuk download itu adalah orang-orang biasa yang bukan artis yang ingin menyimpan lagu favoritnya di SoundCloud.

Nah bagaimana dengan MP3 atau audio file yang tidak ada tombol downloadnya? itulah yang akan kita bahas disini, bagaimana caranya ? sebelumnya saya ada tips dan cara download lagu MP3 dari video youtube

Disini kita akan menggunakan bantuan yang Offliberty silahkan cek di websitenya langsung http://offliberty.com/

Langkah Awal.

Silahkan sahabat masuk dulu ke SoundCloud terus mainkan lagu MP3 yang mau sahabat download, kemudian setelah lagunya menyala, copy url yang ada di browser sahabat, coba perhatikan gambar berikut untuk lebih jelasnya.

Langkah Kedua

Langkah selanjutnya buka lah http://offliberty.com/ di tab yang baru di browser sahabat, lalu paste url yang tadi sahabat copy, selanjutnya klik OFF

Langkah Ketiga.

Tunggu beberapa saat karena sedang dalam conversi, nah selajutnya jika conversinya telah berhasil, klik kanan pada tulisan "Right-click here & Save Link as" salu save as link-nya.
Pada proses save as link, gantilah nama filenya sesuai dengan judul lagu yang sahabat download tapi pastikan jangan file extension mp3 atau tulisan " .mp3 " jangan samapi terhapus atau hilang

Kemudian klik Save, dengan demikian lagu favorit sahabat yang ada di soundcloud akan terdownload.
Mudahkan? Selamat mencoba dan semoga bermanfaat, sialahkan beri komentarnya yah? atau like jika sahabat suka tips dan cara dowwload lagu mp3 dari SoundCloud ini.

23.05 | 0 komentar | Read More

Cara Membuat Script Bookmark Site

Selamat Siang semuanya... Maaf lama tak update dan posting seputar tips blogging. Soalnya belakangan ini saya bantu teman bikin blog, dan saya juga bikin blog baru, yaitu Articel-Gratis.blogspot.coM (promosi nih, hehehe...), jangan lupa visit ya...

Nha, untuk tips pembuka setelah beberapa lama vakum yaitu cara membuat script bookmark site. Anda mungkin sudah pernah melihat blog atau situs yang di bagian atasnya terdapat link bertuliskan "Bookmark this, Bookmark this site, dll". Fungsi dari link itu adalah untuk mememerintahkan browser kita untuk menyimpan alamat blog atau situs tersebut di daftar bookmark browser kita itu. Sebagai contoh, coba anda klik link di bagian kanan atas blog saya ini yang bertuliskan Bookmark Blog Ini. Gimana hasilnya? Ada tampilan pop-up yang yang berfungsi untuk menyimpan bookmark baru kan?

Keuntungan dari script ini adalah untuk memudahkan pengunjung untuk mengakses blog kita secara cepat dan bisa selalu mengingatnya, jadi kita bisa mempertahankan kunjngannnya itu untul seterusnya. Ok, daripada memperpanjang muqodimah, mari kta langsung aja masuk ke judul ceramah kali ini, eh cara untuk membuat script bookmark site ini, hehehe...

Berikut Cara Membuat Script Bookmark Site

1. Login ke akun Blogger anda

2. Pilih Layout > Edit HTML

3. Cari kode </head>, lalu paste kode javascript berikut di atasnya:

<script type='text/javascript'>
function bookmarksite(title,url){
if (window.sidebar)
window.sidebar.addPanel(title, url, "");
else if(window.opera && window.print){
var elem = document.createElement('a');
elem.setAttribute('href',url);
elem.setAttribute('title',title);
elem.setAttribute('rel','sidebar');
elem.click();
}
else if(document.all)
window.external.AddFavorite(url, title);
}
</script>

4. Klik Save Template

5. Untuk menampilkan linknya bisa anda buat dengan text link biasa atau dengan gambar, kodenya:
Text link biasa:

<a href="javascript:bookmarksite('Judul Blog', 'URL Blog')">Bookmark Blog Ini!</a>

Link dengan gambar:

<a href="javascript:bookmarksite('Judul Blog', 'URL Blog')"><img src="url-gambar-anda" border="0"/></a>

Note:
Jika judul blog anda terdapat tanda kutip misalnya Zacky's Blog, maka anda harus menambahkan sebuah backslashed di javascript link anda, sehingga menjadi:

<a href="javascript:bookmarksite('Zacky\'s Blog', 'URL Blog')">Bookmark Blog Ini!</a>

Link tersebut bisa anda letakkan di tempat yang anda inginkan.

Gimana? Mudahkan?
Oya, jangan lupa bookmark blog saya ini dan visit blog baru Saya ya.. Makasi...

Selamat mencoba...

05.51 | 0 komentar | Read More

Atasi Loading Blog yang Berat Dengan Google Code

Bagi anda yang memiliki blog yang cukup berat dan memiliki banyak script yang panjang dan belum tersimpan di Google Code boleh mencoba cara ini,
Contoh Code:
<script language='javascript'>
function Barva(koda)
{
document.getElementById("vzorec").bgColor=koda;
document.hcc.barva.value=koda.toUpperCase();
document.hcc.barva.select();
}
function BarvaDruga(koda)
{
document.getElementById("vzorec2").bgColor=koda;
document.hcc.Barva2.value=koda.toUpperCase();
document.hcc.Barva2.select();
}
</script>
Perhatikan Code yang berwarna biru diatas,copy code tersebut,sekarang Buka Notepad Pc anda,paste kan code tersebut dan simpan dengan file dengan nama .js misal jacob.js

Setelah menyimpan file tersebut sekarang silahkan Login ke http://code.google.com/hosting/

Setelah Itu klik Create a new project,

Sekarang anda sudah memiliki acout di Google Code, langkah selanjutnya adalah menyimpan kode javascript yang sudah dibuat diatas di Google Code. Menuju ke tab 'Download' dan klik New download. Kemudian klik Browse dan pilih file javascript yang ingin diupload. Isi informasi yang berhubungan dengan file javascript tersebut kemudian klik Submit file.

File javascript anda sudah diupload ke Google code. Sekarang tinggal memanggilnya dan meletakkanya di template Anda. Klik file yang tadi sudah diupload, setelah itu akan terbuka jendela baru. Untuk mendapatkan direct link dari file yang anda upload. Klik kanan pada nama file tersebut kemudian pilih copy link location (firefox) atau salin alamat tautan (Chrome) seperti gambar dibawah.
Sekarang bagaimana menempatkan direct link tersebut ke dalam template? Perhatikan dua gambar di bawah ini :
Sebelum disimpan di Google code

Sesudah disimpan di Google code

Perhatikan kode block biru pada kedua gambar diatas, gambar atas belum diringkas dan pada gambar bawah kode sudah diringkas dan disimpan di tempat penyimpanan Google Code menjadi seperti ini :

<script src="http://kauman.googlecode.com/files/contoh.js" type="text/javascript"/>

Kode script diatas adalah kode ringkasan dari contoh kode script panjang paling atas dan warna merah adalah direct link file yang kita upload di Google Code pada langkah nomer 4 diatas.

Javascript yang sudah disimpan di Google Code

Nah sekarang bagaimana jika file javascript itu sudah disimpan di Google Code milik akun lain? Saya akan berikan contohnya dibawah :

<script src='http://jamu-martin.googlecode.com/files/related-martin.js' type='text/javascript'/>

URL Javascript warna merah diatas yang harus diganti dengan URL script dari Google Code anda. Caranya copy URL tersebut ke browser Anda seperti gambar dibawah :

Kemudian tekan Enter pada keyboard. Jika muncul pilihan save, Anda tinggal save file tersebut kemudian upload ke Google Code Anda seperti langkah nomer 3 diatas. Tetapi jika setelah tekan enter muncul kode javascript yang berderet-deret banyak sekali deh pokoknya, copy kan kode itu ke notepad kemudian simpan seperti pada gambar paling atas pada artikel ini. Setelah itu upload ke Google Code seperti langkah-langkah diatas. Setelah itu masukkan atau ganti URL warna merah pada javascript diatas dengan URL atau direct link dari google code yang sudah Anda upload.

Kok bisa ya dengan menyimpan javascript di tempat penyimpanan Google Code sendiri bisa meringankan loading blog? Penjelasannya seperti ini, jika Anda memakai sebuah template dengan menggunakan banyak script yang disimpan di Google Code oleh si pembuat template, pastinya tidak hanya Anda yang memakai template tersebut, pasti ada pengguna lain yang memakai template yang sama. Jika kedua blog dengan menggunakan template yang sama loading pada saat bersamaan pasti akan terasa semakin berat, kalau cuma dua atau tiga sih nggak terlalu terasa kalau yang memakai template itu banyak apa tidak semakin berat loadingnya? Disamping itu juga untuk berjaga-jaga jika sewaktu-waktu script si pembuat template rusak atau overload.

Itu tadi satu tips untuk mempercepat loading blog Anda dengan menyimpan file Javascript di Google Code Anda sendiri, silahkan dipahami dan semoga bermanfaat.

05.27 | 0 komentar | Read More

Cara Mendaftar Google Adsense Dengan Hubpages

Cara Mendaftar Google Adsense Dengan Hubpages Diapprove, Mendaftar Google Adsense GA Dengan Hubpages, inilah yang akan saya bahas kali ini,mungkin mendaftar dengan cara ini masih belum atau jarang orang mengetahui, makanya saya share aja. Kebanyakan orang-orang memakai jasa Adsense. Dengan membaca dan menerapkan ilmu yang saya share ini maka anda akan mengerti dan mau mencoba.

Cara Mendaftar Google Adsense Dengan Hubpages Diapprove

Buat terlebih dahulu akun/Registrasi di Hubpages atau http://hubpages.com/user/new/
Kemudian Isi Form registrasi yang diberikan, jika anda sudah teregis dengan lengkap langkah selanjutnya yang anda lakukan adalah :

1. Buat 10 s/d 20 Artikel Unik berbahasa Inggris
2. Usahakan juga anda mempunyai banyak follower di Hubpages
3. Klik My Account pada profil anda, kemudian pilih"affiliate settings"
4. Dan Klik Sign Up pada bagian Google Adsense.
5. Lalu akan muncul tulisan "Do You Already Have Google Adsense Account ?" anda pilih "no"
6. Masukkan email anda, yang nantinya akan digunakan sebagai email loggin akun adsense anda , dan klik tombol "signup for adsense"
7. Setelah memasukkan email, tunggu beberapa saat. Pihak hubpages akan mengirimkan form pendaftaran yang harus anda isi dengan lengkap dan kemudian harus dikirim kembali.

Tunggu sampai beberapa hari untuk menerima jawaban dari pihak Google Adsense.
Semoga Cara Mendaftar Google Adsense Dengan Hubpages Diapprove bermanfaat bagi anda.
Tunggu cara cara yang lain ya

05.26 | 0 komentar | Read More

Membuat Arikel Terkait Di Blog

Membuat Arikel Terkait Di Blog-Mungkin inilah tulisan pertama saya mengenai dunia tips blogging dan pada kesempatan ini saya akan menulis mengenai Cara membuat artikel terkait di blog.

Pasti sebagian diantara anda sekalian sudah mengetahui seperti apa yang disebut dengan artikel terkait atau sering disebut juga related articel.

Dan ini adalah salah satu contoh bentuk dari artikel terkait.

Untuk membuat artikel terkait,pertama-tama masuk ke menu rancangan - edit html - expand template widget lalu cari kode :

<data:post.body/></b:if>

Bila tidak ada,cari kode ini :

<data:post.body/>

Setelah kode diatas ditemukan,copy dan paste script ini dibawah kode tadi.

<b:if cond='data:blog.pageType == "item"'>
<br/>
<br/>
<H2>Related Articel:</H2>
<div class='rbbox'>
<div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 9999;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('albri').appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = "<data:label.name/>";
var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
<script type="text/javascript">RelPost();</script>
</div>
</b:if>

Setelah itu cari kode ]]></b:skin> lalu copy dan paste script dibawah ini diatas kode ]]></b:skin>.

.rbbox{border: 1px solid rgb(192, 192, 192);padding: 5px;
background-color: #f0f0f0;-moz-border-radius:5px; margin:5px;}
.rbbox:hover{background-color: rgb(255, 255, 255);}

Kemudian save template dan artikel terkait sudah nangkring di blog anda.

05.24 | 1 komentar | Read More

Auto Submit Blog

Auto Submit Blog-Currently without submits your blog to sites well known boormark feels very awkward, for that I am trying to share a bit of the science mensumbit automatically without having to submit one by one.

1. OnlyWire.com
OnlyWire really automatic delivery service. This will allow you to bookmark the site on sixteen different places with one account. After you create an account with OnlyWire You then add your login information to a variety of other services. After your account is created and you update your login then you should simply ask the site in one place for it to be bookmarks in all the services they support.

2. SocialPoster.com
SocialPoster work a little differently than OnlyWire in that it does not automatically autopost to other accounts. What is the SocialPoster allow you to add links, tags and comments and then populasikan a list of 42 different bookmarking site for you to submit manually.

To use both of those services at the least you need to submit about 30 minutes using a lightweight and fast browser such as firefox or other browser software.

In using both this site don't submits to the same blog url address because the site only one save socialbookmark blog url only.

3 freewebsubmission.com
This site is different from the above site, this site is exclusively for download on your site/submit Blog to Search engines such as Google, bing, alexa, and much more, please follow the process until it is finished.Click the image below for your blog/

05.22 | 2 komentar | Read More

Cara Membuat Related Post Bergambar/Thumnail

Membuat Artikel Terkait Dengan Gambar/thumbnail Di Bawah Postingan-Lama rasanya sudah tak Update lagi tentang Blogging Tutorial,karna kesibukan kantor yang sangat menguras waktu saya,
Artikel ini saya tulis karna kemarin saya cari Script yang Related Post diGoogle Search,dan rata-rata Script yang dibagikan sudah 90% telah kena banned dan belum di Update oleh pemilik blognya,entah tidak melihat atau memang hanya copast saja aku tidak tau.

Oke to the Point,Caranya cukup simpel Petama masukkan kode berikut tepat diatas kode </head>:

<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
font-size
}

#related-posts h2{
font-size: 1.4em;
font-weight: bold;
color: black;
font-family: Georgia;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}

#related-posts a:hover {
background-color:#E0F8E0;
}
</style>
<script type='text/javascript'>
var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4u-mmr8ALHgz8aoZeaZvuQFEhpjKtwiirtQoVv5dX3gHKOBJygkUCLpL0MDZE86xTlkP78STbI8tJiTQLUUsuM8P_KCVByURKjlifwYr63TLLck0XKr6LZW6oTvTbva4ne7eYixvz2as/s400/noimage.png";
var maxresults=5;
var splittercolor="#d4eaf2";
var relatedpoststitle="";
</script>
<script src='http://javascriptbtsnts.googlecode.com/files/btsnts-related-posts004.js' type='text/javascript'/>
</b:if>

NB:Tulisan berhuruf tebal diatas adalah script terbaru

Next Step:Silahkan Centang Dulu Expand Widget Templates,Lalu Cari kode berikut <div class='post-header-line-1'/> Atau
<div class='post-body entry-content'>
Paste kode dibawah ini tepat di bawah kode tersebut:

<b:if cond='data:blog.pageType == "item"'>

<div id='related-posts'>
<h2>Lihat Lainnya:</h2>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=7"' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs("<data:post.url/>");
</script>
</div><div style='clear:both'/>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://www.helperblogger.com/2012/01/related-posts-widget-with-thumbnail-for_22.html'><img alt='Related Posts Widget For Blogger with Thumbnails' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9njsSujKaGuzS8lobqL2vAkrvi9zKl6wT7vRvkL1Mqf3Fpo7awMboUqyt_bB_D9e9-4L14zzjRcLSpOJvjNQrzQd6yNACJP2gg_HJ_Wpd_pE67YuwU4vsyKBSh7M9Jmmy9pYvBmCkU58/h120/hepler-blogger-related-posts.png' style='border: 0'/></a><a href='http://helperblogger.com/'><img alt='Blogger Tutorials' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZd-5HrOzuX_ANfNwBAjMamMthqWIWNUpIMaXOo-lpdkaENUkzhR4L9F9QkfiMw0bxLtCMQyo6rVP5MBFo289g4ya4FGpjiSwAotjl697SRtcgGCOUt30IfRs6Gi21Y603Iyzs3NBpDkU/h120/helper-blogger-related-posts1.png' style='border: 0'/></a>
</b:if></b:if>

Sekarang thap terkhir,silahkan berdoa dulu ya,ucap Amin mudah-mudahan berhasill,lalu klik save,
The End
hehehehe
Share atau Comment ya,tapi jangan SPAM,pasti saya Approve coment anda

05.21 | 0 komentar | Read More

Cara membuat kotak facebook like disamping blog

Cara membuat kotak facebook like disamping blog-Sore sobat,setelah lama tak update seputar masalah dunia blogging kali ini kita akan bahas mengeni blogging dan widget,widget dulu yq,soalnya kemaren ada teman yang request code tombol facebook yang disamping blog seperti gambar dibawah ini.

Cara membuatnya cukup sederhanya,cukup pastekan kode berikut di widget anda,
CODE:

<script src="http://my-blog-droni.googlecode.com/files/slidboxordinary.js" type="text/javascript"></script>
<div id="fbslidebox" style="position: fixed; width: 310px; overflow: hidden; bottom: 5px; right: 5px; background: url("http://www.scri8e.com/white.gif") repeat scroll 0% 0% transparent; -moz-border-radius: 15px 15px 15px 15px; border: 3px solid rgb(54, 51, 0); display: block;"> <div style="width: 295px; padding: 10px; margin: 0pt auto; overflow: hidden;">
<a id="fbcloseslidebox" style="float: right; color: rgb(153, 153, 153); padding: 0pt 2px; border: 1px solid rgb(102, 102, 102); text-decoration: none; font-size: 9px; font-family: Verdana,Geneva,sans-serif;" href="#">Exit</a> <strong style="color: rgb(0, 0, 0);"><blink>Jangan lupa klik Like/Suka ya..Biar selalu mendapatkan update terbaru..</blink></strong>
<a href="twitter.com/sitonga_com" title="@sitoga_com" class="twitter-follow-button" data-button="grey" data-text-color="#000000" data-link-color="#ffffff">Follow @Nama Akun Twitter Anda</a><script src="//platform.twitter.com/widgets.js" type="text/javascript"></script><iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fsitongacom&width=292&height=290&colorscheme=light&show_faces=true&border_color&stream=false&header=true&appId=208447222525120" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:290px;" allowtransparency="true"></iframe><span style="font-size: x-small;">widget by : <a href="http://sitonga.com/" target="_blank" title="Sitonga.com"><b><span style="color: black;">Sitonga.com</span></b></a></span></div></div>

Catatan:

Ganti tulisan warna merah dengan Twitter Milik anda,dan tulisan warna kuning dengan code facebook anda.
Tahap terakhir yaitu klik save dan lihat haasilnya,

Demikian Cara membuat kotak facebook ini kami update,semoga bermanfaat,trims.

05.20 | 0 komentar | Read More

Bikin Widget Recent Post Maskolis.com

Di kesempatan hari ini yang cukup panas, saya akan berbagi tutorial baru yang lumayan hot juga. Recent post Canggih, kenapa aku bilang canggih? karena recent post yang terlihat bukan seperti widget melainkan seperti recent post asli dari blog, ada nextdan Previous.

Ini merupakan widget garapan dari Creating website mas kolis. Bagi anda yang ingin melihat recent post lainnya di sini juga ada seperti :

Kali ini yang ingin membuat recent post canggih, bingung mau ngasih judul apa, langsung aja ikuti tutorialnya.

1. Login blogger anda

2. Masuk template >> edit html >> lanjutkan (oh iy saya sarankan lebih baik anda backup dulu template anda)

3. Selanjutnya, centang expand widget templates dan cari kode ]]></b:skin>, letakkan kode di bawah ini tepat di atas kode yang anda cari sebelumnya

#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/AVvXsEh8EV9u8ex42aDhJsAeQumCP-AXnnb-170ZcB7EjrjhKKK_seenKcb0nG1vGUj4dJwszN27-rFWP7RCJDBhaA_riUkatBTGK4WzL-mZqIrWqNbMIqnJeuAdr3GhQRv3joCT9rmpRYDb3Co/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}

Keterangan : warna biru merupakan ukuran tinggi dan lebar image

4. Selanjutnya letakkan kode di bawah ini tepat di atas kode </head>

<script type='text/javascript'>
//<![CDATA[
var numfeed = 5;
var startfeed = 0;
var urlblog = "http://wartabeta.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/AVvXsEg-VYdDBENwTIBSHGlRu8xpMtj2jixWlSsihtpFFVBIOycWHFMiMDnRQGzzxU3TTBC3sPpg65h4LpVvrRhvK7PYuCEWKoAJn692osW-FvVpsMg9n1knY1Zan5Eb9YCjNg8NM6tZ6C-zZZzZ/d/noimagethumb.gif";
}
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'>◄ Previous</a>";
} else {
showblogfeed += "<span class='noactived previous'>◄ Previous</span>";
}
if(urlnext) {
showblogfeed += "<a href='javascript:navigasifeed(1);' class='next'>Next ►</a>";
} else {
showblogfeed += "<span class='noactived next'>Next ►</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 :
var numfeed = 5; >> Jumlah Artikel terbaru yang ditampilkan pada widget
var urlblog = "http://wartabeta.com/"; >> ganti dengan URL blog Anda
var charac = 100; >> Jumlah karakter atau huruf pada setiap post.

5. Save template, setelahsave anda masuk di Tata letak blog, Klik add gadget >> HTML/Javascript masukkan kode berikut ini kedalamnya :

<div id="terbaru"></div>
<div id="mas-navigasifeed"></div>

Simpan widget, Dan lihat hasilnya akan seperti di bawah iini, dengan tampilan yang begitu fresh

15.35 | 0 komentar | Read More

Langkah-Langkah Mengaplikasikan Tombol Back To Top Blogger.

Langkah Awal.

Langkah Kedua

Langkah Ketiga.

Popular Posts Today