Tampilkan postingan dengan label Blog Hack. Tampilkan semua postingan

Hilangkan Border Pada Iklan Kumpul Blogger

Indonesia Furniture Handicraft Wholesale Marketplace

Kumpul blogger.Setiap orang yang berbrisnis online asti kenal dengan PPC ini.Ini adalah PPC asli Indonesia.(Hidup made in Indonesia)Jika kamu ikutan kumpul Blogger pasti kamu akan memasang iklan mereka di blog kamu.tapi iklan mereka ada bordernya sehingga merusar keindaha blog,Ya gak??Ok sekarang gua punya solusinya untuk ngilangin tuh border dan membuat iklan lebih menarik dan memperbesar peluang untuk diclick.Berikut tutorial selengkapnya.....

pertama temukan kode ini:<b:skin><![CDATA[
jika sudah ketemu lalau copy dan paste kode berikut dibawah kode diatas:
.garping,.garpinghor {
border: none !important;
}
.garping table,.garpinghor table {
border:#FFFFFF solid 1px !important;
background-color:#FFFFFF !important;
}
.garping td,.garpinghor td{
color:#000000 !important;
background-color:#FFFFFF !important;
font-family:arial !important;
font-weight: !important;
font-style: !important;
}
.garping a,.garpinghor a{
color:#000080 !important;
font-family:arial !important;
font-weight: !important;
font-style: !important;
}
.garping a:hover,.garpinghor a:hover{
color:#FF0000 !important;
}
Kemudian simpan templates dan lihat hasilnya jika berhasil maka iklan akan terlihat seperti gambar berikut:

Kalau punya gua sih hanya berfungsi pada bagian samping dan tidak berfungsi pada bagian posting..Kenapa ya gua gak tau nih.Klo kamu tahu beritahu donk.Bagaimana mudah bukan.Sekarang tampilaniklan di blog kamu lebih menarikan.sekian artike dari Myokezone dan selalu kutunggu comment-mu//kayak judul lagu..he..he..

Indonesia Furniture Handicraft Wholesale Marketplace

Tampil beda Untuk Comment Pemilik Blog

Indonesia Furniture Handicraft Wholesale Marketplace

Ketemu lagi neh dengan Kur setelah sebelumnya kur ngeluarin cara buat Bullet,sekarang kuur mau bikin tutorial tentang cara membuat beda untuk tampilan komentar pemilik blog.Kata-katnya ruwet ya??Mendingan lihat aja langsung disalah satu comment pada posting Gunakan Falsh sebagai RAM.Nah disana komentar kur ada backgroun kuning sedangkan yang lain tidak.Nah itulah yang namanya tampil beda comment untuk pemilik blog.Oke klo temen-temen semua mau bikin berikut ini ada tutorialnya:

Langkah pertama yang harus kamu lakukan adalah Log in ke blogger dan masuk menu Layout kemudian masuk menu Edit HTML dan beri tanda centang pada Expand Widget.

Selanjutnya cari kode berikut ini:]]></b:skin>
Kalau sudah ketemu kemudian copas kode diawah ini tepat diatas kode di atas tadi:

.comment-body-author {
background: #FFFF29; /* Warna Background */
border:1px dotted #FF2929; /*Border*/
margin:0;
padding:0 0 0 20px;
}
Nah kode di atas dapat kawan kawan ubah sesuai dengan selera masing masing.masih di edit html,cari kode berikut ini

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>

<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>

<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>

</b:if>

<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>

Nah,kemudian perhatikan kode berwarna biru di atas.Kode tersebut merupakan tags yang harus kamu cari jika tidak ada maka cari kode yang mirip,karena tergantung jenis templates.Lalu kode merah di atas adalah kode yang harus kamu tambahkan.Ingat letaknya harus sama persis dengan susunan di atas.Kemudian simpad dan lihat hasilnya.OK.Sekian ya info dari myokezone semoga bermanfaat dan terimakasih telah membaca artikel dari myokezone.

Indonesia Furniture Handicraft Wholesale Marketplace

Buat Bullet Dengan Gambar

Indonesia Furniture Handicraft Wholesale Marketplace

Nah pada posting ini kur akan jelasin tutorial tentang buat bullet pada setiap list suatu link.(Bener gak ya nih kalimat..)Klo temen-temen bingung dengan nih kalimat mendingan tema-teman lihat pada menu kategory disamping, nah disana terlihat ada gambar dan border bottom pada setiap listnya..Nha klo temen-temen pengin buat ikutin yuk tutorial berikut:
1. Login ke blog kalian dan masuk ke edit HTML,jaganlupa beri tanda pada expand widget.Blogging Tutorial and Business Stuff
Astaga.net,Life style on the net
2. Cari kode berikut: <b:skin><![CDATA[
3. Copy kode berikut di bawah kode di atas.

ul {
border: 0px solid #none;
margin: 2px;
padding: 2px 2px 2px 23px;
list-style-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0VwORCIfHquFIexq52xUmd394jwWKR-A8dbnKF0mTKAQbAvE59GJCVSvFsoqP-6PRs-YeQ7TW-2_MXsUpxBeAmKdhnSyqOknmv8f-LsAcfHb7PLh0LvjlYMCNpBHwwdeY6y-oE2SIeXA/);
}
li a{
display:block;
color:#ff8d1b;
text-decoration:none;
border-bottom:1px dashed #ff7f00;
padding:2px 2px 2px 2px;
font-family:Georgia, garamond, serif;
}
li a:hover{
display:block;
color:#db6d00;
text-decoration:none;
border-bottom:1px dashed #ff7f00;
background:#ffdfbf;
}

4. Kemudian simpan templates dan lihat hasilnya.
Untuk perhatian alamat gambar dapat diganti ssuai dengan selera masing-masing.Bagamana kalian tertarik?Silahkan dicoba dan semoga berhasil.Terimakasih telah membaca artikel dari myokezone.

Indonesia Furniture Handicraft Wholesale Marketplace

Buat Tukar Link Otomatis

Indonesia Furniture Handicraft Wholesale Marketplace

Mau tahu cara buat form tukar link otomatis kayak punya mayokezone,kalau belum tau lihat disini.Bagaimana berbeda bukan,selain itu kelebihanya adalah anda tinggal masukan nama dan alamat url website anda.Simpel bukan?.Nah berikut ada tips kalau anda mau buat nih form. Ikuti beberapa langka berikut.
1. Buka situs Blenza
2. Pilih Register -->isi datanya yang lengkap -->klik tombol register
Anda buka email anda lihat ada pesan dari Mister Linky...Anda Copy code yang diberikan ke dalam kotak itu atau anda klik link yang ada code dalam pesan mister linky itu....
3. Setelah itu login dengan account yang telah anda buat...
4. Setelah Login completed klik Wizard
5. Step 1. Choose your server...: Pilih Blogger (new or 'upgraded') Step 2. Choose your widget... Pilih Original Auto-Linkies Step 3. Klik tombol Generate code. Pada menu dropdown yang bertuliskan select..tidak usah kamu isi...
6. Ikuti Langkah : Masukkan script berikut di bawah kode <head>

<script src='http://www.blenza.com/linkies/header.js' type='text/javascript'/>

7. Simpan Template!

8.Buat posting baru untuk tempat tukarlink,kemudian Kalian Copy Paste Script yang ada di Blenza (contoh dibawah untuk myokezone):

<script type="text/javascript" src="http://www.blenza.com/linkies/autolink.php?owner=kuryt&postid=06May2009"></script>

8. Simpan dan lihat hasilnya preview click di sini

Sekian info dari Myokezone,seoga bermanfaat dan comment anda saya tunggu.terimakasih

Indonesia Furniture Handicraft Wholesale Marketplace

Memasang Slider di Blog

Indonesia Furniture Handicraft Wholesale Marketplace

Ternyata banyak juga rekan yang ingin mencoba memasang Image Slider/Text Slider seperti yang gua punya,(lihat pada bawah menubar diatas) Slider yang sudah saya terapkan sendiri terinspirasi oleh milik Zinmag primus template.Gadget ini ternyata selain membuat tampilan blog lebih atraktif dan bergaya, sumbangan kunjungan langsung melalui slider ternyata tidak sedikit jumlahnya. Ok, langsung ke cara pasangnya saja ke cara pemasangan.

Letakan kode CSS dibawah ini diatas kode:]></b:skin>

#slider {
background:url(http://img99.imageshack.us/img99/9594/slide.png);
height: 254px;
overflow: hidden;
position: relative;
margin: 5px 0;
}

#mover {
width: auto;
position:absolute;
overflow:hidden;
}

.slide {
padding: 20px 0px;
width: 1000px;
float: left;
position: relative;
height:200px;
}

.slide h2 {
font-family:georgia, Helvetica, Sans-Serif;
font-size: 24px;
color: #ac0000;
padding:0px 0px 0px 30px;
margin:0px 0px;
width:500px;
overflow:hidden;
}

.slide h2 a:link, .slide h2 a:visited {
color:#fff;
background-color: transparent;
}

.slide h2 a:hover {
color: #ddd;
background-color: transparent;
}

span.slmet {
color: #ee0909;
font-size: 10px;
font-family:Tahoma, georgia, Helvetica, Sans-Serif;
line-height: 20px;
width: 500px;
padding:0px 0px 0px 30px;
margin:0px 0px;
text-transform:uppercase;
}
.slide p {
color: #999;
font-size: 12px;
font-family:georgia, Helvetica, Sans-Serif;
line-height: 20px;
width: 500px;
padding:0px 0px 0px 30px;
margin:0px 0px;
}

.slide img {
position: absolute;
top: 20px;
left: 577px;
background:#fff;
padding:10px 10px;
}

#slider-stopper {
position: absolute;
font-family: Georgia, Helvetica, Sans-Serif;
top: 113px;
right: 65px;
color: #AC0000;
padding: 3px 8px;
font-size: 14px;
text-transform: uppercase;
z-index: 1000;
}
Masih di edit HTML,kemudian letakan kode javascript dibawah ini dibawah kode:]></b:skin>

<script src='http://bloggerstyles.com/data/templates/000/Zinmag-Primus/js/jquery-1.2.6.min.js' type='text/javascript'/>
<script src='http://bloggerstyles.com/data/templates/000/Zinmag-Primus/js/slider.js' type='text/javascript'/>
<script type="text/javascript"><![CDATA[//><!]]></script>
Kemudian simpan templates,lalu pindah ke halaman tataletak.Add Gadget,lalu HTML or Java scripts kemudian copy kode dibawah ini:


<div id='casing'>

<div id='slider'>
<div id='mover'>

<div class='slide'>
<span class='slmet'> Posted by Nama Anda </span>
<h2><a href='http://Alamat url posting anda'>Judul Posting</a></h2>
<p>Uraian yang ingin ditampilkan :).</p>
<img alt='' src='http://alamat url gambar yang ingin ditampilkan'/>
</div>
<div class='slide'>
<span class='slmet'> Posted by Nama Anda </span>
<h2><a href='http:Alamat url posting anda'>Judul Posting</a></h2>
<p>Uraian yang ingin ditampilkan.</p>
<img alt='' src='http://alamat url gambar yang ingin ditampilkan'/>
</div>

</div>

</div>

</div>
<div class='clear'/>

Langkah terakhir yaitu ganti tulisan warna merah sesuai dengan nama dan link yang telah ditentuka.Mudah bukan??Sekian dulu dan terimakasih

Indonesia Furniture Handicraft Wholesale Marketplace

Pasang Menu Downlist (2)

Indonesia Furniture Handicraft Wholesale Marketplace

Menu dropdown selalu menarik untuk dipasang di blog. Apalagi blog yang hosting di Blogspot. Blogspot memberi keluasan kepada penggunanya untuk memasukkan aneka kode baik CSS maupun Javascript.

Kali ini saya akan bagikan design menu merupakan hasil pengembangan dari Downlist menu sebelumnya.Salah satu kelebihannya adalah saat menu disorot sampai ke sub menu, menu utama / induk ikut aktif, padahal menu yang saya pasang di blog ini malah ga bisa. Kalau tertarik silahkan ikuti petunjuk selanjutnya. Eh tampilan menunya seperti dibawah ini:

Langsung cara pasang ya..
PERTAMA:
Buka Template ----- Edit HTML ----- Jangan lupa lakukan backup template ----- kemudian beri tanda cek pada 'Expand Widget Templates' kemudian cari kode:

]]></b:skin>

copy code dibawah ini dan letakkan di atas kode yang diatas tadi, simpan template:

/*---------------------
menufs3 myokezone.blogspot.com
------------------------*/
#menufs3-wrapper {width:100%; height:27px; background: #000000 url('http://www.geocities.com/f_415_47/HMenuImage/menufs3bg.gif') repeat-x top left;
border-top:1px solid #333; padding-left:0px; margin-bottom:9px; overflow:hidden}
#menufs3-wrapper h2 {display:none}
#menufs3, #menufs3 ul {padding: 0px; margin: 0; list-style: none; font: normal 0.95em arial; color:#fff;}
#menufs3 a {display: block;text-decoration: none; border-right: 1px solid #000; border-left: 1px solid #202020; color: #fff;
background: #000 url('http://www.geocities.com/f_415_47/HMenuImage/menufs3bg.gif') repeat-x top left;; padding-left:9px; padding-right:9px; padding-top:6px; padding-bottom:7px}
#menufs3 a.awal {padding: 0px; border-left: 0px none;width: 90px; height:27px;
background: #000 url('http://www.geocities.com/f_415_47/HMenuImage/menufs3Awal.gif') no-repeat;}
#menufs3 a.awal:hover{background: #000 url('http://www.geocities.com/f_415_47/HMenuImage/menufs3Awalhvr.gif') no-repeat;}
#menufs3 a.awal em {display:none;}
#menufs3 a.IndukMenu {font-weight:bold; text-transform:uppercase;}
#menufs3 a.akhir {padding: 0px; border-left: 0px none; border-right: 0px none; width: 27px; height:27px;
background: #000 url('http://www.geocities.com/f_415_47/HMenuImage/menufs3logoVisited.gif') no-repeat;}
#menufs3 a.akhir:hover {background: #000 url('http://www.geocities.com/f_415_47/HMenuImage/menufs3logoHvr.gif') no-repeat;}
#menufs3 a.akhir em {display:none;}
#menufs3 li {float: left;width: 9em;}
#menufs3 li.akhir{border-left: 1px solid #202020; height:27px; width: 1px; padding: 0px}
#menufs3 li.akhir em{display:none;}
#menufs3 li.kanan{float: right; border-left: 0px none;}
#menufs3 li ul, #menufs3 ul li {width: 14em;}
#menufs3 ul li a {color: #565656;border-left: 0px none; border-right: 0px none; padding-left:5px; padding-right:10px; padding-top:5px; padding-bottom:5px}
#menufs3 li ul {position: absolute; display: none; background-color: #000000; z-index:200;border-right: 1px solid #141414; border-left: 1px solid

#141414;
border-bottom: 1px solid #141414; margin-left:-1px;text-align: left;}
#menufs3 li:hover a, #menufs3 a:focus, #menufs3 a:active{color: #ffff00; background-color: #000;
background-image:url('http://www.geocities.com/f_415_47/HMenuImage/menufs3hvr.gif'); background-repeat:repeat-x}
#menufs3 li:hover ul{display: block;}
#menufs3 li:hover ul a{color: #fff; border-top:1px solid #141414; background-image:url('none');}
#menufs3 ul a:hover {background-color: #202020!important;color: #ffff00!important;}
#menufs3 li {width: auto;}

KEDUA:
Masuk pada Template --- Elemen halaman --- kemudian buat elemet baru atau klik "Tambahkan sebuah Elemen Halaman" --- tentu saja cari lokasi widget (gadget) yang disebelah atas halaman posisinya. Pilih "HTML/Javascript" --- dan masukkan kode dibawah ini. Sebelumnya kamu edit dengan link menu kamu sendiri.

<div id="menufs3-wrapper">
<ul id="menufs3">
<li><a class="awal" href="http://www.myokezone.blogspot.com/"><em>Home</em></a></li>

<li><a class="IndukMenu" href="#" title="silahkan pilih sub menu dibawah">Games</a>
<ul>
<li><a href="http://www.myokezone.blogspot.com">Tes Pribadimu</a></li>
<li><a href="http://www.myokezone.blogspot.com">Tipuan Mata</a></li>
<li><a href="http://www.myokezone.blogspot.com">File Sulap</a></li>
<li><a href="http://www.myokezone.blogspot.com">Tebak Pikiran</a></li>
</ul>
</li>

<li><a class="IndukMenu" href="www.myokezone.blogspot.com/">Islami</a>
<ul>
<li>
<a href="www.myokezone.blogspot.com">Hikmah</a>
</li>
<li>
<a href="http://www.myokezone.blogspot.com">Kajian Islam</a>
</li>
<li>
<a href="http://www.myokezone.blogspot.com">Kisah Islami</a>
</li>
<li>
<a href="http://www.myokezone.blogspot.com">Kisah Nabi</a>
</li>
<li>
<a href="http://www.myokezone.blogspot.com">Nasihat</a>
</li>
<li>
<a href="http://www.myokezone.blogspot.com">Renungan</a>
</li>
<li>
<a href="http://www.myokezone.blogspot.com">TAFSIR</a>
</li>
</ul>
</li>

<li><a class="IndukMenu" href="http://www.myokezone.blogspott.com">Guest Book</a>
<ul>
<li><a href="www.myokezone.blogspot.com">Contact me via direct email</a></li>
</ul>
</li>

<li class="akhir"><em>Akhir dari li (bullet) menufs1 Induk</em></li>
<li class="kanan"><a class="akhir" href="http://www.myokezone.blogspot.com" target="_blank" title="Menu Design by Myokezone"><em>ateonsoft</em></a></li>
</ul>
</div>

Langkah Ketiga:

Ganti semua kode warna merah dengan alamat blog/situs anda masing-masing.Jangan lupa ganti juga judul link-nya sesuai alamat link anda masing-masing.OK
Mudah bukan? Sekian posting dari saya.Dan terimakasih

Indonesia Furniture Handicraft Wholesale Marketplace

Buat Menu Down List

Indonesia Furniture Handicraft Wholesale Marketplace

Oke sekarang saya akan jelaskan tentang bgaimna car membuat toolbar menu yang soo friendly.Baik sebagai contoh anda sorot salah stu link pada toolbar menu di atas maka akan muncul menu yang lain kebawah.Oke langsung aja kita buat.
Langkah pertama yang harus kamu lakaukan adalah beri tanda centang pada Expand Widget kemudian cari kode berikut.

#header-wrapper {

Jika tidak ketemu maka cari kode yang mirip dengan kode diatas,karena setiap templates berbeda pada style-nya.
Jika sudah maka copy kode Css berikut tepat diatasnya

/* Category menu*/

#catmenucontainer {
height:34px;
background:url() repeat-x;
display:block;
padding:0px 0 0px 0px;
font: 12px Georgia,Century gothic,verdana, Arial, sans-serif;
font-weight:normal;
text-transform:uppercase;
text-decoration:none;
}

#catmenu {
margin: 0px 0px 0px 0px;
padding: 0px 15px;
list-style: none;
height:34px;
text-decoration:none;
}

#catmenu ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px;
list-style: none;
height:34px;
text-decoration:none;
}

#catmenu a {
color: #444;
display: block;
font-weight: normal;
padding: 5px 10px 9px 10px;
text-decoration:none;
}

#catmenu a:hover {
color: #FF0000
;
display: block;
text-decoration: none;
}

#catmenu li {
float: left;
margin: 0px 0px;
padding: 0px 0px;
text-decoration:none;
}

#catmenu li li {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px;
width: 150px;
text-decoration:none;
}

#catmenu li li a, #catmenu li li a:link, #catmenu li li a:visited {
background: #DEDCDD ;
width: 150px;
float: none;
margin: 0px 0px;
padding: 7px 10px 7px 10px;
color:#555;
border:1px dotted #585858;
text-decoration:none;
}

#catmenu li li a:hover, #catmenu li li a:active {
background: #FF0000 ;
width: 150px;
float: none;
margin: 0px;
padding: 7px 10px 7px 10px;
color:#D40404;
text-decoration:none;
}

#catmenu li ul {
position: absolute;
left: -999em;
z-index:200;
background:url(http://i36.photobucket.com/albums/e2/alvaris924/Zinmag%20Primus/menu.png) bottom ;
width:170px;
text-decoration:none;
}

#catmenu li:hover ul {
left: auto;
display: block;
text-decoration:none;
}

#catmenu li:hover ul, #catmenu li.sfhover ul {
left: auto;
text-decoration:none;
}
.buttonreset {
color: #333;
background-color: #f3f3f3;
border: 1px solid #999;
padding: 1px;
}

.buttonsubmit {
color: #333;
background-color: #f3f3f3;
border: 1px solid #999;
padding: 1px;
}

.textinput {
color : #333;
background-color: #ffffff;
border: 1px solid #999;
padding: 1px;
}

Jika sudah simpan templates tersebut,lalu pindah ke tata letak.Kemudian add gadget dan tambahkan kode dibawah ini pada HTML & javascript.

<div id="catmenucontainer">
<div id="catmenu">
<ul>

<li><a href="" title="Home">Home</a></li>

<li><a href="YOUR-LINK-HERE" title="Free Templates">Templates</a>
<ul class="children">
<li><a href="YOUR-LINK-HERE" title="YOUR-LINK-TITLE">Blog Templates</a></li>
<li><a href="YOUR-LINK-HERE" title="YOUR-LINK-TITLE">Wordpress Template</a></li>
<li><a href="YOUR-LINK-HERE" title="YOUR-LINK-TITLE">YOUR-LINK-TITLE</a></li>
</ul>
</li>

<li><a href="YOUR-LINK-HERE" title="YOUR-LINK-TITLE">Blogging</a>
<ul class="children">
<li><a href="YOUR-LINK-HERE" title="YOUR-LINK-TITLE">Blog Edit</a></li>
<li><a href="YOUR-LINK-HERE" title="YOUR-LINK-TITLE">Blog Aksesoris</a></li>
<li><a href="YOUR-LINK-HERE" title="YOUR-LINK-TITLE">Populerkan Blog</a></li>
</ul>
</li>

<li><a href="YOUR-LINK-HERE" title="YOUR-LINK-TITLE">YOUR-LINK-TITLE</a></li>

<li><a href="YOUR-LINK-HERE" title="YOUR-LINK-TITLE">YOUR-LINK-TITLE</a>
<ul class="children">
<li><a href="YOUR-LINK-HERE" title="YOUR-LINK-TITLE">YOUR-LINK-TITLE</a></li>
<li><a href="YOUR-LINK-HERE" title="YOUR-LINK-TITLE">YOUR-LINK-TITLE</a></li>
</ul>
</li>

<li><form action="http://myokezone.blogspot.com/search" method="get">
<input class="textinput" name="q" size="30" type="text"/>
<input value="search" class="buttonsubmit" name="submit" type="submit"/></form></li>

</ul></div>
</div>

Ganti kode merah diatas dengan nama blog kamu,,kemudian simpan dan lihat hasilnya.
sekian dan semoga bermanfaat.

Indonesia Furniture Handicraft Wholesale Marketplace