oO-Follow my blog-Oo
oO-Don't forget to COMMENT Thank's-Oo

This is featured post 1 title

Replace these every slider sentences with your featured post descriptions.Go to Blogger edit html and find these sentences.Now replace these with your own descriptions.This theme is Bloggerized by Lasantha - Premiumbloggertemplates.com.

This is featured post 2 title

Replace these every slider sentences with your featured post descriptions.Go to Blogger edit html and find these sentences.Now replace these with your own descriptions.This theme is Bloggerized by Lasantha - Premiumbloggertemplates.com.

This is featured post 3 title

Replace these every slider sentences with your featured post descriptions.Go to Blogger edit html and find these sentences.Now replace these with your own descriptions.This theme is Bloggerized by Lasantha - Premiumbloggertemplates.com.

This is featured post 4 title

Replace these every slider sentences with your featured post descriptions.Go to Blogger edit html and find these sentences.Now replace these with your own descriptions.This theme is Bloggerized by Lasantha - Premiumbloggertemplates.com.

Tampilkan postingan dengan label Tip's N Trik blogger. Tampilkan semua postingan
Tampilkan postingan dengan label Tip's N Trik blogger. Tampilkan semua postingan

Jumat, 10 Juni 2011

Cara Membuat Semua Link Terbuka di Tab Baru

Posted by HerdianX 06.20, under | No comments

  • Log in ke blog anda
  • Klik Rancangan


  • Klik Edit HTML


  • Masukkan kode berikut di bawah kode <head>

<base target='_blank'/>
  • Selanjutnya Simpan Template
  • Silahkan klik salah satu link atau daftar isi dari artikel anda, nantinya akan terbuka di jendela baru. 
  • Selamat mencoba dan sukses selalu

Menampilkan Facebook Share di posting blog

Posted by HerdianX 05.53, under | No comments

Menampilkan Facebook Share di posting blog
Pada postingan kali ini, saya akan membahas bagaimana cara membuat sebuah tombol share ke Facebook, karena pada saat iniFacebook sudah menempati salah satu posisi rating teratas padasearch engine, maka dari itu kita bisa mengajak pengunjung Facebook untuk mengunjungi blog kita, adapun alasannya agar traffic rank blog kita dapat naik dengan mudahnya, sehingga lebih mudah dilacak oleh search engine.
oke...langsung ke tahap pembuatan.

1. Tahap pertama pastinya Login dulu ke BLOGGER
2. Pada dashboard, langsung menuju Tata Letak/Layout. 
3. Kemudian masuk ke Edit HTML

4. Centang Expand Widget Template di pojok kanan atas box.
5. Cari Kode <div class='post-header-line-1'/> 
    oleh karena kode setiap template berbeda-beda
    maka, jika tidak ketemu, anda bisa cari kode ini <data:post.body/> 
6. Jika sudah ketemu, anda pilih salah satu kode dibawah ini sesuai keinginan anda.
    Dan Paste Sebelum kode diatas tadi

Contoh 1 : 
Menampilkan Facebook Share di posting blog

 Copy Kode dibawah ini untuk contoh 1 :
<div style="float:right;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/>  
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>

Contoh 2 :
Menampilkan Facebook Share di posting blog

Copy kode dibawah ini untuk contoh 2 :
<div style="float:left;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/> 
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>

Contoh 3 :
Menampilkan Facebook Share di posting blog

Copy kode dibawah ini untuk Contoh 3 :
<div style="float:right;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>

Contoh 4 :
Menampilkan Facebook Share di posting blog

Copy kode dibawah ini untuk Contoh 4 :
<div style="float:left;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>
7. Kalau sudah, lalu disimpan

SELAMAT MENCOBA....
Sukses buat semua para blogger...!!!

Mengganti Sidebar Background Dengan Animasi

Posted by HerdianX 05.49, under | No comments

Kali ini saya akan membuat tutorial tentang cara mengganti background sidebar widget. kalo ada yang belum tahu background sidebar widget itu apa ini, adalah contoh background sidebar widget pada blog saya:


mengganti sidebar widget
Nah...sudah tahu kan... Saya akan menerangkan cara mengganti background sidebar widget ini dan menggantinya dengan background lain yang lebih menarik. Untuk menggantinya kita harus sedikitmengotak-atik kode CSS template. Apabila kita akan mengotak-atik CSS template, backup lah templateanda terlebih dahulu...biar aman. Cari aman aja lah....hehehe

Untuk menggantinya kita tidak menggunakan script tetapi dengan gambar biasa dengan format .gif, jadi tidak akan memberatkan blog. Oleh karena itu kita harus menyediakan gambar terlebih dahulu. Dari pada teman-teman bingung cari gambar yang tepat, Saya telah menyediakan gambar yang siap teman-teman gunakan :



sidebar widget



sidebar widget





Ini adalah link image hosting dari gambar diatas:
gambar 1 :http://i560.photobucket.com/albums/ss44/erge32/RGsdbar.gif
gambar 2 :http://i560.photobucket.com/albums/ss44/erge32/EkaSidebar.gif

Okey...kalau teman teman sudah dapat gambarnya, saya akan memulai tutorialnya.


Login dulu ke bloger > Tata Letak > Edit HTML > Kemudian cari Kode seperti di bawah ini (pake ctrl + fsupaya cepet nyari kemudian isikan .sidebar h2)


.sidebar h2, .middlecol h2, .bottom h2{
color: $sidebarcolor;
text-transform: capitalize;
font-size: 14px;
font-family: Arial, Tahoma, Verdana;
font-weight: bold;
margin: 0px 0px 5px 0px;
padding: 0px 0px 2px 0px;
border-bottom:1px solid $bordercolor;
}


Nah kalo udah ketemu sobat tinggal tambahin aja Background nya seperti dibawah ini:


background:#f7f7f7 url(http://i560.photobucket.com/albums/ss44/erge32/RGsdbar.gif?imgmax=800)repeat;

atau



background:#f7f7f7 url(http://i560.photobucket.com/albums/ss44/erge32/EkaSidebar.gif?imgmax=800)repeat;


terserah yang mana dipakai image nya ... jadi kodenya seperti di bawah ini :


.sidebar h2, .middlecol h2, .bottom h2{
color: $sidebarcolor;
text-transform: capitalize;
font-size: 14px;
font-family: Arial, Tahoma, Verdana;
font-weight: bold;
margin: 0px 0px 5px 0px;
padding: 0px 0px 2px 0px;
border-bottom:1px solid $bordercolor;
background:#f7f7f7 url(http://i560.photobucket.com/albums/ss44/erge32/RGsdbar.gif?imgmax=800)repeat;
}


Simpan. Kalau sudah selesai, insyaAllah sidebar anda telah berganti dengan sidebar yang disertai lampu berjalan yang inda

Tips dan Trik Facebook yang Mungkin Belum Anda Ketahui (Part I)

Posted by HerdianX 05.45, under | No comments

Anda pengguna Internet pastinya sudah tau dan juga menggunakan jejaring sosial Facebook. Di sini saya tidak akan menuliskan apa dan bagaimana Facebook tersebut serta sejarahnya. Di sini saya akan membagikan beberapa tips dan trik Facebook yang mungkin anda belum ketahui. Okey, kita langsung saja pada topik kita kali ini.
1. Membuat chatingan lebih bervariasi
Saat anda chatingan dengan teman, anda bisa melakukan beberapa trik ini sehingga membuat chatingan yang anda kirimkan lebih menarik.
- membuat teks chat bergaris bawah, caranya tambahkan tanda ( _ ) pada awal dan akhir kata. Misalnya: _tulisanandadisini_  maka hasilnya akan menjaditulisanandadisini
- membuat teks chat tebal (bold), caranya tambahkan tanda ( * ) pada awal dan akhir kata. Misalnya: *tulisan anda disini* maka hasilnya menjadi tulisan anda disini.
- membuat teks chat miring (italic) belum dapat caranya.
- coba tuliskan kode berikut ini pada kolom chat :42: dan lihat apa yang dihasilkan
2. Anda pasti sering update status bukan? Nah jika anda ingin menautkan link urlteman anda pada status anda, anda ketikkan simbol “@” (tanpa tanda kutip) diikuti nama teman yang ingin anda tautkan ke status anda. contoh:
Anda tuliskan pada status anda “bla…bla…bla…bla…..@sulaiman lase bla…bla…bla” maka hasilnya akan menjadi ““bla…bla…bla…bla…..sulaiman lase bla…bla…bla”
3. Coba anda buka profil teman anda (atau profil anda sendiri) dan perhatikan padaaddresbar. Misalnya http://www.facebook.com/profile.php?id=100000067022*** –> teks warna merah adalah ID dari profil yang anda lihat. Nah coba anda ketikkan link berikut http://facebook.com/profil.php?=73322363. Apa yang anda lihat? Anda melihat profil anda sendiri bukan? Nah dengan ini anda bisa mengerjai teman anda dengan menuliskannya pada status anda. Misalnya:
“mau lihat user facebook paling gila, paling dekil, paling bloon sedunia, paling aneh, paling jelek minggu ini, pokonya semua yang jelek-jelek dah…. ====>> klik ini http://facebook.com/profile.php?=73322363″
”yang Mau tahu orang yang paling jelek didunia klik saja disini http://facebook.com/profile.php?=73322363”
“User Facebook paling jelek minggu ini =>> http://facebook.com/profile.php?=73322363 Apakah itu kalian? silahkan dilihat kawan!!! “
Atau anda bisa membuat sesuai dengan yang anda inginkan…

Rabu, 08 Juni 2011

Floating Box Cocok Untuk Adsense

Posted by HerdianX 06.40, under | No comments

Oh betapa kangenya Saya untuk mengupdate blog Saya yang agak gak keurus ini, dikarenakan minimnya ide-ide untuk menulis sebuah artikel untuk memperbarui posting di blog ini. Eh kok malah curhat ya, he. . he . . *Back To Topic* Membuat Floating Box yang biasanya dipasang di blogger yang biasanya diisi content Ads ini. Coba lihat deh Shoot layar yang aku ambil dari blog Saya yang Saya buat dengan niat iseng-iseng ini.



Coba kita lihat box yang berwarna kuning diatas, itulah element box floating yang akan tetap di pojok kanan atas jika scroll di geser-geser kebawah atau keatas.

Saya menemukan script ini bermula dari browsing-browsing untuk tips yang cocok untuk memasang adsense di blog dan akhirnya Saya menemukan script ini di Dynamicdrive dan saya akan mengulas ulang di blog Saya ini agar Anda dapat menggunakanya dengan mudah. Monggo..

Pertama yang Anda lakukan adalah Log In ke blogger lalu masuk menu "Layout" Kemudian Masuk bagian "Edit HTML"

Pasang code ini dibawah code <head> atau sebelum code </head>


<script src='http://sites.google.com/site/anasprod/adse.js' type='text/javascript'/>

Dan pasang Code CSS dibawah ini diatas code ]]></b:skin>


#topbar{
position:absolute;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
width: 620px;
visibility: hidden;
z-index: 100;
}

(Edit code CSS diatas untuk menentukan style dari box)


Kemudian di Save dulu ukkay kawan.


Dan masuk pada bagian "Layout -> Page Elements"


Pilih tempat Gadget yang kamu ingini (terserah karena box ini akan melayang) dan klik "Add a gadget" Masukkan code dibawah ini



<div id="topbar">

MASUKKAN CODE SCRIPT ADS / LAINYA DISINI 

<a href="" onclick="closebar(); return false"><img src="http://sites.google.com/site/anasprod/close.gif" border="0" /></a>

</div>


Ingat ganti code yang berwarna merah diatas dengan code gadget yang kamu ingini.


Kalau sudah. . . SAVE deh...


Selesai..

Highlight Post Dengan Tombol Select All

Posted by HerdianX 06.28, under | No comments


Ingatkah kau...
Waktu kamu berbohong kepadaku
dan aku memaafkanya..

Ingatkah kau
Akan perjuanganku terhadapmu
walau aku tak bisa tetap ku perjuangkan

Ingatkah kau akan perhatianku terhadapmu
yang setiap waktu datang menyelimutimu

Tapi kini kau membalasnya dengan senyum pahitmu...

Hehehe hanya sekedar contoh gak perlu di artikan ya..

Okelah kita beranjak ke cara pembuatanya

1. Masuk Edit HTML pada blog Anda lalu taruh code javascript dibawah ini dibawah code <head>






<script type="text/javascript">
function fnSelect(objId)
{
fnDeSelect();
if (document.selection)
{
var range = document.body.createTextRange();
range.moveToElementText(document.getElementById(objId));
range.select();
}
else if (window.getSelection)
{
var range = document.createRange();
range.selectNode(document.getElementById(objId));
window.getSelection().addRange(range);
}
}
function fnDeSelect()
{
if (document.selection)
document.selection.empty();
else if (window.getSelection)
window.getSelection().removeAllRanges();
}
</script>

4. Masih pada Edit HTML lalu masukkan code CSS berikut diatas code ]]></b:skin>




/*__Style_copy_area__*/
.copybox { /* -- Style Box dalam --*/
padding:5px;
border:1px solid #FFC71F;
background:#FFFFCC;
}
.kopiaer { /* -- Style Box Luar --*/
background:red;
padding:7px;
}
.cangkirkopi { /* -- Style Tombolnya --*/
background:#B88A00;
border:1px solid #FFC71F;
color:#FFD65C;
padding:2px;
font-weight:bold;
}

Anda bisa mengunah tampilan code CSS diatas sesuai selera Anda lalu SAVE

5. Setelah itu pada posting editor gunakan code dibawah ini untuk menonjolkan textnya


<div class="kopiaer">
<input class="cangkirkopi" type="button" value="Select All" onClick="fnSelect('kopihangat')"/>
<div class="copybox" id="kopihangat">

INI TEKS YANG INGIN DITAMPILKAN

</div>
</div>

> Ingat ganti text yang berwarna biru berbeda setiap 1x penggunaan dan keduanya harus sama
> Ganti teks yang berwarna merah diatas dengan teks Anda

6. Publish dehh dan lihat hasilnya

Membuat Link Warna-warni

Posted by HerdianX 06.21, under | No comments

  • Cari Kode <head>

  • kemudian taruh kode dibawah tepat dibawah kode <head>
    <script src='http://anas.ku93.googlepages.com/rainbow.js'>
    </script>

  • Kurang lebih jadinya

    <head>
    <script src='http://anas.ku93.googlepages.com/rainbow.js'>
    </script>

  • Semudian Save dan Lihat hasilnya ok!

    • Tags

    Follower's

    Blog Archive