Cara pasang BuzzCity di Mywapblog
Posted by
Yulio Adi Candra on Thursday, June 7, 2012
Cara Pasang BuzzCity di Mywapblog- Udah lama nich enggak posting tentang mywapblog
tapi kali ini saya akan posting tentang mywapblog, pada posting posting sebelumnya saya juga pernah posting tentang mywapblog seperti "Cara Pasang Meta Tag Dari Bing di Mywapblog", "cara pasang feed di buzzcity". "cara pasang iklan adsense google di mywapblog". "cara pasang iklan smaato di mywapblog". "cara pasang iklan smaato,admob,inmob,mobgold dan adSense google mobile", "cara pasang mobgold di mywapblog", dan "cara pasang webmaster tool di mywapblog"
Tapi kali ini saya akan menjelaskan bagaiman cara pasang buzzcity di mywapblog, oke langsung aja kita simak sama-sama caranya:
1.Pertama masuk dulu ke akun BuzzCity kalian masing-masing kalau belum punya klik di sini
2.Lalu ambil partner ID nya yang ada di pojok kanan atas
3.Setelah mengambil ID partner lalu masuk ke akun mywapblog
4.Setelah masuk dasbor klik ads
5.Lalu pilih AD NETWORK sesuai iklan yang akan di pasang
6.Lalu masukan ID partner tadi yang telah kalian ambil
7.Lalu klik SAVE, jika ada tulisan seperti gambar di bawah ini maka iklan telah aktif...
Selamat Mencoba........
Read More → Cara pasang BuzzCity di Mywapblog
Cara Buat Entri Populer Lebih Menarik
Posted by
Yulio Adi Candra on Tuesday, June 5, 2012
Cara Buat Entri Populer Lebih Menarik- Pada kesempatan yang baik ini saya akan memberikan tutorial bagaimana membuat entri populer lebih menarik, pada kesempatan sebelumnya saya juga pernah posting tentang Cara Buat Entri Populer Keren dan Widget Entri Populer dengan Gambar Berputar oke langsung aja saya beri tahu caranya, simak baik-baik ya
1.Pertama pasti masuk dulu ke akun blogger kalian masing-masing, ya iyalah masak masuk akun blogger saya hehehe
2.Klik Rancangan -> Edit HTML
3.Jangan lupa centang Expand Widget Template atau backup dulu templatenya
4.Cari kode ]]></b:skin> untuk mempermudah pencarian tekan CTRL+F
5.Setelah ketemu Letakkan kode berikut di bawah kode ]]></b:skin>.
1.Pertama pasti masuk dulu ke akun blogger kalian masing-masing, ya iyalah masak masuk akun blogger saya hehehe
2.Klik Rancangan -> Edit HTML
3.Jangan lupa centang Expand Widget Template atau backup dulu templatenya
4.Cari kode ]]></b:skin> untuk mempermudah pencarian tekan CTRL+F
5.Setelah ketemu Letakkan kode berikut di bawah kode ]]></b:skin>.
<style type='text/css'>
.PopularPosts .item-title{display:yes}
.PopularPosts ul li {
border-radius:50px 0px 0px 50px;
float: left;list-style: none outside none;margin: 1px !important;padding: 1px !important;
border: 1px solid #444;
overflow: hidden;
box-shadow: 0px 0px 1px #333;
font-style: normal;
font-weight:bold;
width: 100%;
height:60px;
border-radius:35px 5px 5px 35px;
}
.PopularPosts ul li:hover{
background: -moz-linear-gradient(top, #FFFFFF 1%, #5c5c5c 50%);
overflow: hidden;
color: #414141;
width: 100%;
height:60px;
border: 1px solid #ffffff;
box-shadow: 0px 0px 2px #ffffff;
}
.PopularPosts ul li img {
padding:1px ;
margin:1px;
margin-top:3px;
border-radius:35px 35px 35px 35px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
border: 1px solid #333;
height: 50px;width:50px;
overflow: hidden;
}
.PopularPosts ul li img:hover {
border:1px solid #ffffff;
border-radius:25px 25px 25px 25px;
background: -moz-linear-gradient(top, #FFFFFF 1%, #5c5c5c 50%);
box-shadow: 0px 0px 10px #ffffff;
}
</style>
.PopularPosts .item-title{display:yes}
.PopularPosts ul li {
border-radius:50px 0px 0px 50px;
float: left;list-style: none outside none;margin: 1px !important;padding: 1px !important;
border: 1px solid #444;
overflow: hidden;
box-shadow: 0px 0px 1px #333;
font-style: normal;
font-weight:bold;
width: 100%;
height:60px;
border-radius:35px 5px 5px 35px;
}
.PopularPosts ul li:hover{
background: -moz-linear-gradient(top, #FFFFFF 1%, #5c5c5c 50%);
overflow: hidden;
color: #414141;
width: 100%;
height:60px;
border: 1px solid #ffffff;
box-shadow: 0px 0px 2px #ffffff;
}
.PopularPosts ul li img {
padding:1px ;
margin:1px;
margin-top:3px;
border-radius:35px 35px 35px 35px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
border: 1px solid #333;
height: 50px;width:50px;
overflow: hidden;
}
.PopularPosts ul li img:hover {
border:1px solid #ffffff;
border-radius:25px 25px 25px 25px;
background: -moz-linear-gradient(top, #FFFFFF 1%, #5c5c5c 50%);
box-shadow: 0px 0px 10px #ffffff;
}
</style>
6.Setelah selesai mengedit klik SIMPAN
7.Lalu kembali ke RANCANGAN pilih tambah gadget lalu pilih entri populer
8.Setelah itu Konfigurasi entri Populer sesuai keinginan kalian
Itu saja yang dapat saya sampaikan, semoga artikel yang saya buat bermanfaat
good luck................!!!!!!!!!
Read More → Cara Buat Entri Populer Lebih Menarik
Cara Buat Status Terbalik di Facebook dan Twitter
Posted by
Yulio Adi Candra on Saturday, June 2, 2012
Cara buat tulisan Terbalik di Facebook dan Twitter- kalian pernah melihat tulisan seperti bukan "ʇǝʍoʇ-ʇǝʍoʇ"
iya tulisan terbalik, biasanya tulisan seperti ini hanya untuk iseng-isengan sajadi jejaring sosial seperti facebook dan twitter, oke saya akan tunjukan bagaimana cara membuat tulisan terbalik
Widget by: Yulio Adi Candra
semoga bermanfaat..
Read More → Cara Buat Status Terbalik di Facebook dan Twitter
Cara Membuat Label Dengan Gambar/Thumbnail Hover
Posted by
Yulio Adi Candra on Thursday, May 31, 2012
Hallo Para Blogger Ketemu lagi nich sama saya
Pada kesempatan kali ini saya akan membuat tutorial tentang bagaimana membuat label dengan gambar Hover, Pada sebselumnya saya juga pernah posting tentang cara buat label dropdown
dengan widget ini label kita bisa lebih rapi dan enak di pandang dan kelihatanya elgant gitu hiihihihihihi.
waaaah kok malah cerita sendiri jadi kelamaan nanti nungunya
oke langsung aja kita ke topik pembicaraan
Pertama masuk dulu ke akun Blogger kalian masing-masing
Lalu klik RANCANGAN klik Edit HTML
jangan lupa centang Expand Widget Template atau backup template,
Lalu cari kode ]]></b:skin> agar lebih mudah mencari kode tekan ctrl+f
Setelah ketemu letakan kode dibawah ini dan letakan sebelum kode ]]></b:skin>
img.label_thumb {
float:left;
background:#CCC;
border:1px solid #A4A4A4;
width:100px;
height:75px;
margin-right:10px;
margin-top:10px;
padding:3px
}Berikut ini keterangan mengenai kode CSS di atas dan sesuaikan dengan blog Anda agar sesuai.
float:left; => Posisi widget (left, center, right)
background:#CCC; => Warna latar belakang
border:1px solid #A4A4A4; => Ukuran bingkai dan warna
width:100px; => Lebar widget
height:75px; =? Tinggi widget
<script type='text/javascript'>
//<![CDATA[
function labelthumbs(json){document.write('<div>');for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}
if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}
var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error)
{s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl=d;}
else thumburl='';}
document.write('<a href="'+posturl+'" title="'+posttitle+'"><img class="label_thumb" src="'+thumburl+'"/></a>');
if(i!=(numposts-1))
document.write('');}
document.write('</div>');}
//]]>
</script>
//<![CDATA[
function labelthumbs(json){document.write('<div>');for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}
if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}
var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error)
{s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl=d;}
else thumburl='';}
document.write('<a href="'+posturl+'" title="'+posttitle+'"><img class="label_thumb" src="'+thumburl+'"/></a>');
if(i!=(numposts-1))
document.write('');}
document.write('</div>');}
//]]>
</script>
- Simpan Template.
- Selanjutnya letakan kode script pemanggilnya di bawah ini
<script type='text/javascript'>var numposts = 6;</script>
<script type="text/javascript" src="/feeds/posts/default/-/template?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>
<script type="text/javascript" src="/feeds/posts/default/-/template?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>
Read More → Cara Membuat Label Dengan Gambar/Thumbnail Hover
Read latest headlines in your favorite news reader
 |
 |
 |
 |
Sign up for our email news letter
Artikel Terbaru
Tidak ada komentar:
Posting Komentar