Cara Mendapatkan Uang Gratis dari Internet - Kliksaya

Sore ini ada kabar baik sahabat Cerdas Share, tidak sengaja teman saya membuka-buka email yang saya gunakan, dan dia memberitahu bahwa ada yang transfer. Siapa ya? wah saya pun penasaran. Ketika itu saya langsung cek, dan ternyata kabar baik dari kliksaya.com . Ini adalah bukti nyata yang dikirimkan dari kliksaya. 

Ternyata tidak sia-sia jika kita mempunyai blog ataupun website yang dapat menampilkan iklan-iklan yang menghasilkan duit sendiri. lumayan buat beli bensin sama permen ,, ya tidak sobat cerdas share. 

Ayo sobat Cerdas Share, segera bergabung di kliksaya.com  jangan mau kalah dengan cerdas share.

kita sama-sama saling mengumpulkan duit otomatis dari internet. 

caranya mudah sobat langsung klik saja disini lalu segera daftarkan diri anda.

dan pasang iklan-iklan kliksaya.com di blog anda.

Jangan mau ketinggalan sobat. Is The Best deh buat kalian.

Read More

Cara Cepat Blog Kedeteksi di Search Engine

Selamat pagi bagi pengunjung Cerdas Share. kali ini saya ingin sharing bagaimana cara cepat blog anda terindex di search engine google. Menurut saya hal ini sangat lah sulit, karena untuk blog yang hanya berumur beberapa bulan pasti tergeser sangat jauh untuk di search engine, apalagi seperti menukar nama domain blog dan sering menukar template blog.

Wahh, sangat di sayang kan, awalnya ceredas share ini bernama Desta Sains 17 yang sudah mendapatkan banyak backlink, sitelink, serta nomor satu di pencaharian google, semenjak saya beralih domain ke cerdas share, malah menurun. mungkin karena nama domain yang saya gunakan masih terlalu awal atau baru, tetapi jika agan mencari dengan kata kunci Desta Sains 17 pasti sudah terindeks dan kedeteksi di pencaharian google search engine.

cara yang pasti cepat agar blog anda terindeks di search engine adalah sebagai berikut :

DAFTAR KAN BLOG ANDA DI SEARCH ENGINE MANAPUN

PASTIKAN MENAMBAHKAN SITEMAP.XML

TAMBAHKAN PING SERVICE PADA SETTINGAN BLOG WORDPRESS

PASTIKAN BLOG TERDAFTAR DI GOOGLE WEBMASTER TOOLS

Sharing ke social networking - fb, twitter, pinterest, google+ , DLL

SERING-SERING BLOG WALKING

DAPATKAN BANYAK BACKLINK YANG PAGERANK TINGGI

POSTING YANG TERATUR

JANGAN SERING-SERING GANTI TEMPLATE

UMUR BLOG KURANG LEBIH 3 BULAN

LAKUKAN POSTING BUATAN SENDIRI

YANG PALING PENTING RAJIN-RAJIN AKTIF DAN SELALU ADA POSTINGAN DENGAN KATA-KATA YANG MUDAH TERINDEKS DI GOOGLE

Menurut saya itu saja, mudah-mudahan blog anda cepat terindeks di search engine.

good luck sobat.

Read More

Fanspage Social Terbaru Keren dan Ringan

Memperindah blog terutama blogspot tentu sudah tidak asing lagi bagi sobat blogger, salah satunya yakni menambah widget social Retro. Widget ini akan membuat blog kita makin keren, karena tampil beda dengan widget-widget social network lainnya. Beberapa hari lalu kami juga membuat tutorial Cara Membuat Professional Social Sidebar dan Widget Social Slide Hover Keren, Sobat bisa coba karena selain terlihat profesional juga lumayan ringan.

Seperti yang kita semua sadari fakta bahwa situs Jejaring Sosial memainkan peran penting dalam mengembangkan blog anda terutama untuk menjaring visitor sebanyak-banyaknya, jadi sangatlah penting untuk memiliki widget Follower Sosial yang elegant . Ada beberapa widget sosial yang memiliki fitur yang cukup mengesankan, tapi terlalu berat untuk dimasukkan dalam sebuah blog karena dapat mempengaruhi kecepatan dari sebuah blog. Hari ini di artikel ini, kami akan berbagi Widget Social Retro dengan tampilan lumayan keren.

Sobat bisa lihat di kanan blog yang saya gunakan

Bagaimana sobat, sangat menarik bukan?

Mengapa menggunakan Widget ini untuk Blog Anda?

Selain Ringan widget ini juga dapat membuat blog jadi elegan dgn gaya yang menarik dan membuat pengunjung penasaran untuk mengclicknya dan ini menjadi salah satu keuntungan, karena sedikit tidak mereka akan mengikuti di Jejaring social Anda terutama yakni Google+ | Facebook | Twitter.

Cara Install | Pasang di Blogger?

Ikuti langkah-langkah berikut dengan benar.

Silahkan menuju Blog yang akan ditambahkan Banner

Klik Tata Letak >>Tambah Widget >> HTML/Javasript

Sekarang silahkan Copy dan Paste Kode berikut pada form widget

Beikut kodenya :

<div class='metro-social'>

<li><a class="fb" href="http://www.facebook.com/cerdasshare/" rel="nofollow" target='blank' title='Like Me'></a></li>

<li><a class="tw" href="http://twitter.com/cerdasshare/" rel="nofollow" target='blank' title='Follow Me'></a></li>

<li><a class="gp" href="https://plus.google.com/u/0/101943141618663492666" rel="nofollow" target='blank' title='Follow Me'></a></li>

<li><a class="pi" href="http://www.pinterest.com/cerdasshare" rel="nofollow" rel="nofollow" target='blank' title='Follow Me'></a></li>

<li><a class="in" href="http://www.linkedin.com/pub/hendratno-rian-desta/82/327/88b/" rel="nofollow" rel="nofollow" target='blank' title='Like Me'></a></li>

<li><a class="yt" href="https://www.youtube.com/user/HendratnoRian" rel="nofollow" target='blank' title='Subscribe Channel'></a></li>

<li><a class="fd" href="http://feeds.feedburner.com/cerdasshare" rel="nofollow" target='blank' title='Subscribe'></a></li>

</div>

<style>

.metro-social{width:285px}

.metro-social li{position:relative;cursor:pointer;padding:0;list-style:none}

.metro-social .fb,.tw,.gp,.pi,.in,.yt,.fd{z-index:7;float:left;margin:1px;position:relative;display:block}

.metro-social .fb{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFzbVKecVjkz2yFftGX16AQTYpn0009f2vi-dqTOPLWqA7ZrB_YdDiSN3h30YCCfJZ-t4vdXC2jM6EL7iUZQpSfaWKlUKyRM1b6aSY7KjatS8lPdaR5clbznS2R7vjFfe7KoQ6paCNxe0/s1600/fb%601.png) no-repeat center center #1f69b3;width:140px;height:141px}

.metro-social .tw{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifUIjCt-INX2eSY90DDti8bBfbZacgldOloweqQEE6xQ-KIPReEQ6apCx5T-QnmD1OFlnwUhZBkEmpgHsFluvQuPD9fTS63_kT_OJ7I0e5-CVOLgw0L6HyshSN0wuuE-FukV2a5a4NxYY/s1600/tw1.png) no-repeat center center #43b3e5;width:68px;height:70px}

.metro-social .gp{width:69px;height:70px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQq7FnaWZ5T2MVAbeyyu4y3fgBpzcaaq72MebRNblSRji7TBUu9EOj2-LsKJjONMbujCi-XADg7QxIX7DVmLOZTTedW73MRd_lzuYHSqxcpXg4tFIleD9DWyT3amLZWOSJaK3XwacDRtY/s1600/g+1.png) no-repeat center center #da4a38}

.metro-social .pi{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqiCyUG5GfZtHMWQogj3_WWdx6mLFcoSRf4ev9OEqAnFQnlRz-hkTCCPXnrCo1pWeaKi2vRHqTvpXUIFxFZ9AxYHJ_ITx6zprjzr4X6mFHzFwhgupC-rpKhZj9wAaBj9uSX3P6NImlt9o/s1600/pin1.png) no-repeat center center #d73532;width:68px;height:69px}

.metro-social .in{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6bUgFA6m3QOEGbfEGXcSbX9F2Cekqp2L1PR8_xfdDUa2k3j-KadUbASZSL2gMPLSok2HEgUgwB8a27GhC016tp1xgs-YtI3l15DTR7Q9A6QZyLFoW5ElUcwTAAeEiLbThTXnRN5HUYdY/s1600/Lin1.png) no-repeat center center #0097bd;width:69px;height:69px}

.metro-social .yt{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIL3mr7BTh6pSnQA3nDoFhT7AF3AxMDNFc9Demoorwqj7xvNT6YlB51qeL50jsOtKAHBlqwQZzSCdmq-s-wckNMIEFGCqSA1nHkutK4e0l1m0AMcWe38ddwg_CxLbB6HMYXgDUGqLkW8U/s1600/YT1.png) no-repeat center center #e64a41;width:140px;height:69px}

.metro-social .fd{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJHnGqSj49gPxoqfo45UqOspueMZfISzauLCDoZyJrtcUx2aC2E6WLrFWjRzYsIELgD_JiCgo38LCU3MKQljDuz1_gdA51sCxb7ZgZwbkIrxipPl-NQ98NIWfLEPJQPiNLSdTet4B9i10/s1600/feed1.png) no-repeat center center #e9a01c;width:140px;height:69px}

.metro-social li:hover .fb{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQfNXU60F3VxxEZuXdTrRB2tshnWh3KDk59mHRPt_I_eedOR5lN40_HZP97mBgXkPZLtJtbxogUa4rruCP21RW-KJg3O8DvQMfmHCcximqehyphenhyphenXudnPQWXN9auESLVN7Xgwk5uW0v3Th3E/s1600/fb2.png) no-repeat center center #1f69b3}

.metro-social li:hover .tw{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgat12Dm1kuPnYeLFCnpBt4Nv8WmWdsam1Gh21bJQJ_51SMYMJR0vJ37opf12gduP-DaMxlGy5lZ_k1t_38kV0HzjmmJo0NKVVpiTNFa-JKAguk0FcSMKG4QIM8qmJ0aOL61yutmpiruT4/s1600/tw2.png) no-repeat center center #43b3e5}

.metro-social li:hover .gp{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrstXJT8J1I341raMEXYRippNu_UVUJTc1t_lUWLYNUwLHp9Amc81HGhnCPLJiKl93ngulSJo1hqUrA1lSaB5CdRFpJ0Z9Kx4nDVKsBhQL-aBvTcLR3FQDtF1p_3agSNEV4nR0QYi3MMM/s1600/g+2.png) no-repeat center center #da4a38}

.metro-social li:hover .pi{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfjG_WDdoIW68BKNXjnDMGob6cwalUDAJbK4q3V748GdqUT1U6wZ2WHkiegcMXPTQIFoC6y5xwW9C_Vwdw2WFkVSFz0iVr5ub0FWMozmli0sAi-29fQ-HgtTv-sq6aEdQ6Dp5srl9Koz4/s1600/pi2.png) no-repeat center center #d73532}

.metro-social li:hover .in{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYMBvHkdTaTo0XFyNYVIDpPKwwvml6-j-lfSVQvk5mavrnfFIlX0PZTCfSJgvQLnhhn0N7z_rlZjfOf1mdagAPH2UYi60-nSO-BVZXAXFZwhp6OkzZiJ8wESrvroJeqrho7LiLKNTZAN8/s1600/Lin2.png) no-repeat center center #0097bd}

.metro-social li:hover .yt{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy2tkK5Vm_Z6UhYHGhWKBTKJGN933xkB2N2rBkvibv2M-9V7a0bNCy7syKi37OZigFuYK8VWqrq-_1nWz-05Wx9d1wh-UybCaoh6d1ii_UJhf3wXE8O4Fv4Qy66566FhngBfNH8RBGf3I/s1600/yt2.png) no-repeat center center #e64a41}

.metro-social li:hover .fd{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYVdMcu-B66k8ewv79Bx_mKW7SY7dydGRcAw3s0WsJ6k5gR9MkJoMTGaS2cwuTI-C37zrWHRZ0un-d3jMr322JdUKlsJj4Qmrec50zH0JcmUy4-HBBh49yCmBUSSMmTPrqAhz3XRktADE/s1600/feed2.png) no-repeat center center #e9a01c}

</style>

Keterangan | Silahkan Ganti  : 

http://www.facebook.com/ceddasshare dengan Fanpage Fb masing-masing

http://twitter.com/cerdasshare dengan Id Twitter masing-masing

https://plus.google.com/+cerdasshare dengan Id Gplus masing-masing

http://www.pinterest.com/cerdasshare dengan Id Pinterest masing-masing

http://www.linkedin.com/pub/hendratno-rian-desta/82/327/88b dengan Id Linkedin anda.

http://www.youtube.com/HendratnoRian dengan Channel/saluran Youtube masing-masing

http://feeds.feedburner.com/cerdasshare dengan Id Feedburner masing-masing

Selamat Mencoba, jangan lupa komentar

Read More

Cara Membuat Menu Dropdown

Navigation Menus adalah sebuah alat yang kegunaanya untuk memudahkan Pengunjung untuk mengetahui isi dari web kita. Navigation Menus tidak jauh berbeda dengan daftar isi sebuah web, perbedaannya hanya jika daftar isi maka kita akan di suguhi semua daftar posting yang ada di web tersebut, sementara Navigation Menus kita akan di suguhi apa yang Admin web tersebut pasang pada Navigation Menus  seperti halaman, profil dan lain sebagainya. Untuk perjumpaan kali ini kita akan berbagi tutorial blogger yang membahas tentang Navigation Menus ya itu : Membuat Navigation Menus CSS3 dengan menu dropdown.
Membuat Navigation Menus CSS3 Bergaya Attractive Dark adalah sebuah navigasi bergaya Attractive Dark yang sangat menarik,:

TUTORIAL :

Mengingat akan banyaknya blogger yang kebingungan tentang cara pemasangan maka kali ini Saya akan memberikan Cara Membuat + Memasangnya di Blogger, silahkan ikuti langkah berikut untuk memulainya:

1. Login ke Akun Blogger Anda.
2. Pilih Template > Edit HTML.
3. Sekarang temukan kode ]]></b:skin>
4. Lalu letakkan kode berikut di atasnya

Copy Semua Script:

/* CSS3 Kode untuk menu dimulai di sini cerdasshare.com */ #cs_navs { background:#2c2c2c; margin:0 auto; height:50px; border-bottom:5px solid #cd2122; } #cs_navs .menu-alert{ float:left; padding:18px 0 0 10px ; font-style:italic; color:#FFF; } #top-menu-mob , #main-menu-mob{ display:none; } #cs_navs ul li { text-transform: uppercase; font-family: Oswald,arial,Georgia, serif; font-size:16px; position: relative; display: inline-block; float: left; border:1px solid #222222; border-width:0 0 0 1px; height:50px; } #cs_navs ul li:first-child, #cs_navs ul li:first-child a{border:0 none;} #cs_navs ul li:last-child a{border-right:0 none;} #cs_navs ul li a { display: inline-block; height: 50px; line-height: 50px; color: #ddd; padding:0 14px; text-shadow:0 1px 1px #000; border-left:1px solid #383838; } #cs_navs ul li a .sub-indicator{} #cs_navs ul li a:hover {} #cs_navs ul ul{ display: none; padding:0; position: absolute; top: 50px; width: 180px; z-index: 99999; float: left; background: #2d2d2d !important; -webkit-box-shadow: 0 3px 4px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 4px 1px rgba(0, 0, 0, 0.2); -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } #cs_navs ul ul li, #cs_navs ul ul li:first-child { background: none !important; z-index: 99999; min-width: 180px; border:0 none; border-bottom: 1px solid #222; border-top: 1px solid #383838; font-size:13px; height:auto; margin:0; } #cs_navs ul ul li:first-child ,#cs_navs ul li.current-menu-item ul li:first-child, #cs_navs ul li.current-menu-parent ul li:first-child,#cs_navs ul li.current-page-ancestor ul li:first-child { border-top:0 none !important;} #cs_navs ul ul ul ,#cs_navs ul li.current-menu-item ul ul, #cs_navs ul li.current-menu-parent ul ul, #cs_navs ul li.current-page-ancestor ul ul{right: auto;left: 100%; top: 0 !important; z-index: 99999; } #cs_navs ul.sub-menu a , #cs_navs ul ul li.current-menu-item a, #cs_navs ul ul li.current-menu-parent a, #cs_navs ul ul li.current-page-ancestor a{ border:0 none; background: none !important; height: auto !important; line-height: 1em; padding: 10px 10px; width: 160px; display: block !important; margin-right: 0 !important; z-index: 99999; color: #ccc !important; text-shadow:0 1px 1px #000 !important; } #cs_navs ul li.current-menu-item ul a, #cs_navs ul li.current-menu-parent ul a, #cs_navs ul li.current-page-ancestor ul a{ color:#eee !important; text-shadow:0 1px 1px #222 !important;} #cs_navs ul li:hover > a, #cs_navs ul :hover > a { color: #FFF ;} #cs_navs ul ul li:hover > a, #cs_navs ul ul :hover > a {color: #FFF !important; padding-left:15px !important;padding-right:5px !important;} #cs_navs ul li:hover > ul {display: block;} #cs_navs ul li.current-menu-item, #cs_navs ul li.current-menu-parent, #cs_navs ul li.current-page-ancestor{ margin-top:0; height:50px; border-left:0 none !important; } #cs_navs ul li.current-menu-item ul.sub-menu a, #cs_navs ul li.current-menu-item ul.sub-menu a:hover, #cs_navs ul li.current-menu-parent ul.sub-menu a, #cs_navs ul li.current-menu-parent ul.sub-menu a:hover #cs_navs ul li.current-page-ancestor ul.sub-menu a, #cs_navs ul li.current-page-ancestor ul.sub-menu a:hover{background: none !important;} #cs_navs ul li.current-menu-item a, #cs_navs ul li.current-menu-item a:hover, #cs_navs ul li.current-menu-parent a, #cs_navs ul li.current-menu-parent a:hover, #cs_navs ul li.current-page-ancestor a, #cs_navs ul li.current-page-ancestor a:hover{ background:#cd2122; text-shadow:0 1px 1px #b43300; color:#FFF; height:50px; line-height:50px; border-left:0 none !important; } #cs_navs ul.sub-menu li.current-menu-item,#cs_navs ul.sub-menu li.current-menu-item a, #cs_navs li.current-menu-item ul.sub-menu a,#cs_navs ul.sub-menu li.current-menu-parent, #cs_navs ul.sub-menu li.current-menu-parent a,#cs_navs li.current-menu-parent ul.sub-menu a, #cs_navs ul.sub-menu li.current-page-ancestor,#cs_navs ul.sub-menu li.current-page-ancestor a, #cs_navs li.current-page-ancestor ul.sub-menu a{height:auto !important; line-height: 12px;} #cs_navs ul li.menu-item-home ul li a, #cs_navs ul ul li.menu-item-home a, #cs_navs ul li.menu-item-home ul li a:hover{ background-color:transparent !important; text-indent:0; background-image:none !important; height:auto !important; width:auto; }

5. Simpan template.
6. Sekarang pergi ke Tata Letak > Tambah Gadget.
7. Pilih Elemen HTML/JavaScript.
8. Copy kode berikut dan letakkan di dalamnya.

<nav id="cs_navs"> <div class="container"> <div class="main-menu"> <ul class="menu" id="menu-main"> <li><a href="http://www.cerdasshare.com/">Home</a></li> <li><a href="https://www.blogger.com/blogger.g?blogID=6275404150592048725#">Mode</a> <ul class="sub-menu"> <li><a href="https://www.blogger.com/blogger.g?blogID=6275404150592048725#">Modeling</a></li> <li><a href="https://www.blogger.com/blogger.g?blogID=6275404150592048725#">Kebanyakan Model</a></li> <li><a href="https://www.blogger.com/blogger.g?blogID=6275404150592048725#">Model BonBin</a></li> <li><a href="https://www.blogger.com/blogger.g?blogID=6275404150592048725#">Nggak ada Model</a></li> </ul> </li> <li><a href="https://www.blogger.com/blogger.g?blogID=6275404150592048725#">Downloads</a> <ul class="sub-menu"> <li><a href="https://www.blogger.com/blogger.g?blogID=6275404150592048725#">Template</a></li> <li><a href="https://www.blogger.com/blogger.g?blogID=6275404150592048725#">Software</a></li> <li><a href="https://www.blogger.com/blogger.g?blogID=6275404150592048725#">Social</a></li> <li><a href="https://www.blogger.com/blogger.g?blogID=6275404150592048725#">Video Apa Aja</a></li> </ul> </li> <li><a href="https://www.blogger.com/blogger.g?blogID=6275404150592048725#">Templates</a> <ul class="sub-menu"> <li><a href="https://www.blogger.com/blogger.g?blogID=6275404150592048725#">Authors</a></li> <li><a href="https://www.blogger.com/blogger.g?blogID=6275404150592048725#">Sitemap</a></li> <li><a href="https://www.blogger.com/blogger.g?blogID=6275404150592048725#">Tags</a></li> <li><a href="https://www.blogger.com/blogger.g?blogID=6275404150592048725#">Timeline</a></li> </ul> </li> <li><a href="https://www.blogger.com/blogger.g?blogID=6275404150592048725#">Categori</a> <ul class="sub-menu"> <li><a href="https://www.blogger.com/blogger.g?blogID=6275404150592048725#">Blogger Trick</a></li> <li><a href="https://www.blogger.com/blogger.g?blogID=6275404150592048725#">CSS Trick</a></li> <li><a href="https://www.blogger.com/blogger.g?blogID=6275404150592048725#">Berita Olahraga</a></li> <li><a href="https://www.blogger.com/blogger.g?blogID=6275404150592048725#">Berita Social Media</a></li> <li><a href="https://www.blogger.com/blogger.g?blogID=6275404150592048725#">Social Media</a></li> <li><a href="https://www.blogger.com/blogger.g?blogID=6275404150592048725#">Dan Lain-lain deh</a></li> </ul> </li> <li><a href="https://www.blogger.com/blogger.g?blogID=6275404150592048725#">Layout</a> <ul class="sub-menu"> <li><a href="https://www.blogger.com/blogger.g?blogID=6275404150592048725#">Full Width</a></li> <li><a href="https://www.blogger.com/blogger.g?blogID=6275404150592048725#">Right Sidebar</a></li> <li><a href="https://www.blogger.com/blogger.g?blogID=6275404150592048725#">Left SIdebar</a></li> </ul> </li> <li><a href="https://www.blogger.com/blogger.g?blogID=6275404150592048725#">Social Media</a> <ul class="sub-menu"> <li><a href="https://www.blogger.com/blogger.g?blogID=6275404150592048725#">Google Plus</a></li> <li><a href="https://www.blogger.com/blogger.g?blogID=6275404150592048725#">Facebook</a></li> <li><a href="https://www.blogger.com/blogger.g?blogID=6275404150592048725#">Twitter</a></li> <li><a href="https://www.blogger.com/blogger.g?blogID=6275404150592048725#">Pinterest</a></li> </ul> </li> </ul> </div> </div> </nav></div>

9. Simpan.

Keterangan: Silahkan Anda sesuaikan menu ini dengan menambahkan URL dan Nama Menu.

Read More

Cara Membuat Efek Bintang

Hai, Sobat  Cerdas Share, sebelumnya saya pernah share tentang Cara Membuat Daftar Isi kali ini Penulis share kepada kawan-kawan tentang Cara Membuat Efek Bintang. Para blogger sekarang sudah banyak yang menggunakan Efek salju untuk memperindah halaman blog mereka. Bisa di katakan Efek Bintang merupakan salah satu efek yang sangat populer di web untuk memperindah halaman. Halaman web kita akan nampak seolah-olah dihujani oleh Bintang Berjatuhan yang turun dari atas ke bawah. Anda dapat melihat tampilannya pada halaman ini. Efek Bintang ini dibuat dengan memanfaatkan javascript menggunakan tag DIV tanpa menggunakan gambar (images) sehingga hasilnya akan lebih ringan dan cepat.

Nih ada javascript yang sudah aq upload di google code, silahkan digunakan di blog kamu.

Untuk membuat efek salju ini kita gunakan cara yang sederhana aja. Yang pentingkan hasilnya sama ya..to…!. Biar pemula juga mudah mencoba tips ini.

Langkah-langkahnya sebagai berikut:

1. Sign in di Blogger

2. Kemudian pilih layout ( Tata letak )

3. Tambahkan Elemen HTML / Javascript atau pakai yang sudah ada juga ngak apa2.

4. Copy kode scipt dibawah ini :

<script src="https://accrordcerdasshare.googlecode.com/svn/efekbintang-cerdasshare.js" type="text/javascript"></script>

5. Paste salah sat kode di atas lalu add Elemen HTML / Javascript yang tadi kemudian di Save (simpan). Setelah itu tinggal kita lihat perubahannya.

Gimana mudah kan. Selamat Mencoba.

DEMO

Read More

Cara Membuat Daftar Isi Terbaru Menggunakan Scroll

Cara Membuat Daftar Isi di Blog - Menurut kamus besar bahasa indonesia, daftar isi adalah halaman yang terdapat pada buku yang menjadi pentunjuk isi buku berserta nomor halamannya. Daftar isi berfungsi memudahkan para pembaca untuk menemukan halaman yang ingin ia baca.

Daftar Isi atau yang sering kita sebut sebagai sitemap adalah sebuah halaman yang menampilkan seluruh konten blog kita, tak terlepas dari seo, kabarnya sitemap seperti ini juga dapat mempermudah search engine untuk menemukan keberadaan seluruh konten kita pada saat spider meng-crawl blog kita. Diluar meningkatkan efektifitas SEO, widget daftar isi ini juga dapat menyuguhkan dan menampilkan seluruh postingan yang pernah dipublikasikan kepada pengunjung, pasalnya terkadang jika seseorang menyukai topik suatu blog, maka ia akan terus gencar untuk berburu postingan di blog tersebut, dan ia akan bersifat curious atau ingin mengetahui semua artikel yang setopik dan sejalan dengan minatnya.

Pada kesempatan kali ini, Cerdas Share akan berbagi tutorial Cara Memasang Daftar Isi di Blog. Fungsi daftar isi pada blog sama dengan daftar isi pada Buku yaitu untuk memudahkan pembaca. Membuat daftar isi di blog akan memudahkan para pembaca atau pengunjung untuk menemukan artikel yang dia inginkan. Kadang kala juga, ketika seseorang membuka halaman daftar isi blog, akan muncul niat untuk mengklik artikel yang menurutnya unik, terlebih jika judul postingan bikin penasaran. Tentu itu akan menguntungkan blog Anda yaitu menambah pageviews atau tampilan halaman blog.

Sebenarnya efek jQuery ini bukan buatan saya pribadi, namun saya hanya memiliki ide dan ternyata ada yang sudah membuatnya, maka dari itu saya akan coba membagikanya, namun saya tidak tahu siapa yang "asli" membuatnya, dikarnakan banyak sekali widget ini betebaran luas di Internet, namun saya mengucapkan terimakasih sekali lagi kepada pembuat dari widget ini.

Perbedaan daftar isi pada blog dengan daftar isi buku hanya terletak pada tampilannya. Jika daftar isi pada buku terdapat judul serta nomor halaman, daftar isi pada blog berupa satu halaman yang berisi kumpulan link menuju ke sebuah artikel disusun berdasarkan label. Untuk contoh, Anda bisa melihat halaman daftar isi pada blog ini :  http://www.cerdasshare.com/p/p.html

Cara Membuat Daftar Isi Blog

1. Masuk ke akun blogger Anda, kemudian pilih menu Laman dan klik Laman Baru.
   
   
   
   
   
2. Selanjutnya, klik menu HTML, kemudian paste atau taruh kode berikut didalamnya.
   

<div style="border: 1px solid #000000; height: 450px; overflow: auto; padding: 5px; width: auto;">

<style>
p.labels a {
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
    border-bottom: 1px solid #ddd;
    display: block;
    padding: 8px;
    background: #555;
}
a.post-titles {color: #0000FF;}
ol li{list-style-type:decimal;line-height:25px;}
.sitemap-link{display:none}
</style>
<script type="text/javascript" src="http://yourjavascript.com/7366511402/simplesitemap.js"></script>
<script src="/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=bloggersitemap"></script>

</div>



3. Langkah berikutnya, silahkan Anda beri judul laman daftar isi tersebut. Klik tombol pratinjau jika ingin melihat tampilan halaman daftar isi. Jika sudah sempurna, langsung saja klik Publikasikan.

Selesai, sekarang Anda telah mempunyai laman daftar isi yang didalamnya berisi kumpulan artikel-artikel dari blog Anda. Untuk melihat halaman daftar isi blog Anda tersebut, klik Lihat yang terdapat dibawah judul laman.

Baiklah, cukup sekian artikel lumayan singkat tentang Cara Membuat Daftar Isi di Blog. Semoga dengan adanya daftar isi atau sitemap pada blog Anda, dapat menambah jumlah tampilan laman atau pageviews.

Read More

Cara Membuat Breadcrum Navigation

Apa sih breadcrumb,saya sendiri dulu juga gak tahu apa itu breadcrumb blog,katanya jika blog dipasang breadcrumb akan lebih SEO friendly,dan apakah itu benar? tergantung juga terserah kamu aja juga,tapi aq punya keyakinan juga,bahwa dengan menambah breadcrumb,akan mempermudah pembaca menelusuri blog kita,he he...gak usah aq jelaskan apa itu breadcrumb blog,lihat aja gambar dibawah ini,aq yakin kamu akan langsung faham.

jika masih belum faham juga lihatlah diatas judul postinganku ini,akan ada tulisan browse-label juga judul posting,itulah yang dinamakan breadcrumb blog,jika kamu pengen juga membuatnya pada blog kamu,lihat saja tutorial dibawah ini:

• Login ke blogger.com.
• Klik Tata Letak.
• Pilih tab Edit HTML
• Click Download Full Template and please back up your template first.
• Kemudian beri tanda centangpada kotak kecil di sampingtulisan Expand Template Widget.
• Silahkan cari kode ]]></b:skin>
• letakkan kode dibawah ini tepat diatas kode ]]></b:skin>

---

.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double
#e6e4e3;
}

---

• langkah berikutnya kamu cari kode <div class='post hentry uncustomized-post-template'>
• Setelah ketemu kode diatas,kamu letakkan kode dibawah ini tepat dibawah kode <div class='post hentry uncustomized-post-template'>

---

<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>

Browse &#187; <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'> &#187;
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
&#187; <span><data:post.title/></span>
</b:loop>
</b:if>
</b:loop>

</div>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<div class='breadcrumbs'>
Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; Archives for <data:blog.pageName/>
</div>
</b:if>
<b:else/>
<b:if cond='data:navMessage'>
<div class='breadcrumbs'>
<data:navMessage/>
</div>
</b:if>
</b:if>

---

• Kemudian Save Template,
• Tunggu beberapa saat sampai template anda tersimpan. Setelah selesai lihat pada posting anda tepatnya di atas judul artikel untuk menentukan berhasil tidaknya anda memasang breadcrumb-navigation. Jika berhasil maka breadcrumb-navigation nya akan tampil seperti di atas judul posting ini.

semoga bermanfaat!

Read More

Cara Agar Postingan Cepat Terindex di Google

Mungkin banyak temen-teman yang betanya - tanya "Bagaiman sih membuat halaman posting blog lebih cepat terindeks Google"? 

Nah kali ini Cerdas Share ingin memberi sedikit tips nya, karena ini sangat penting buat blog temen-teman agar dalam optimasi SEO Blog bisa maksimal. OK langsung ke intinya, pertama - tama login dulu ke akun Gmail kamu ya...

Langkah - langkah agar semua halaman posting "Cepat Terindex Google"
1. Daftar dulu ke Webmaster Tool Google dengan akun GMail kamu tadi
2. Jika sudah terdaftar, lalu Login ke Google Webmaster (Login sama dengan buka GMail)
3. Klik Site Configuration ==> Klik Sitemaps

 

4. Lihat gambar dibawah ini yang diberi kotak merah

 

klik  Add/Test Sitemap  dan isikan kotak warna merah dengan URL Sitemap berikut ini secara satu persatu :

1. atom.xml?
2. atom.xml?redirect=false
3. feeds/posts/default?orderby=updated
4. atom.xml?redirect=false&start-index=1&max-results=500

Hasilnya setelah dimasukkan URL sitemap di Webmaster Tool Google

Catatan : 

• Untuk Sitemap yang no.4 anda dimasukkan bila postingan blog mencapai 100 s/d 500 postingan.
• Jika sudah mencapai lebih dari 500 posting, maka masukkan juga Sitemap berikut ini : atom.xml?redirect=false&start-index=501&max-results=500

Memasukan Sitemap tersebut harus disesuaikan dengan jumlah dari banyaknya postingan / artikel blog anda sehingga nantinya Semua Halaman Posting Terindex oleh Google dengan efisien dan lebih maksimal.

Read More

Cara Membuat Fanspage Melayang di blog

Cara Membuat Facebook melayang di blog dengan kata lain Cara membuat fanspage melayang di blog, gimana sih caranya ? tenang sobat kali ini saya akan membahas dan memberi script yang mudah agar sobat tidak bingung. adapun kelebihan dari fanspage ini yaitu dengan tampilan yang modern dan elegan serta dengan tampilan safemode. 

1. Masuk ke akun blogger masing masing.
2. Masuk lagi kebagian tata letak
3. Pilih Tambahkan gadget
4. Pilih lagi HTML/Javascript dan salinlah kode dibawah ini :

Silahkan Dicopy Paste Scriptnya:

<style type='text/css'>
#fade {display: none;background: #000;position: fixed; left: 0; top: 0; z-index: 10;width: 100%; height: 100%;opacity: .80;z-index: 9999;}
.popup_block{display: none;background: #252525;padding: 0 4px; border: 1px solid #333;float: left;position: fixed;top: 50%; left: 50%;z-index: 99999;-webkit-box-shadow: 0px 0px 20px #000;-moz-box-shadow: 0px 0px 20px #000;box-shadow: 0px 0px 20px #000;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
img.btn_close {float: right;margin: -36px -8px 0;}
.popup p {padding: 5px 10px;margin: 5px 0;}
*html #fade {position: absolute;}
*html .popup_block {position: absolute;}
.wrapper {padding:5px; margin: 4px auto; width: 300px; height: 400px;border-radius: 0px;position: relative;z-index: 90;background:#eee;background-image:-moz-linear-gradient(top, #fff, #eee);background-image:-ms-linear-gradient(top, #fff, #eee);background-image:-o-linear-gradient( top, #fff, #eee);background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));background-image:-webkit-linear-gradient(top, #fff, #eee);background-image:linear-gradient(top, #fff, #eee);border:1px solid #ddd;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 1px 0 #9a9a9a;-webkit-box-shadow:0 1px 0 #9a9a9a;box-shadow:0 1px 0 #9a9a9a;padding:10px;}
.inner  {border:1px dashed #ccc;padding:0.5em;-moz-box-shadow:0 0 0 1px #fff;-webkit-box-shadow:0 0 0 1px #fff;box-shadow:0 0 0 1px #fff}
.ribbon-wrapper-green {width: 85px;height: 88px;overflow: hidden;position: absolute;top: -3px;right: -3px;}
.ribbon-green {font: bold 15px Sans-Serif;color: #333;text-align: center;text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform:rotate(45deg);position: relative;padding: 7px 0;left: -5px;top: 15px;width: 120px;background-color: #306EFF;background-image: -webkit-gradient(linear, left top, left bottom, from(#306EFF), to(#3BB9FF));background-image: -webkit-linear-gradient(top, #306EFF, #3BB9FF);background-image: -moz-linear-gradient(top, #306EFF, #3BB9FF);background-image: -ms-linear-gradient(top, #306EFF, #3BB9FF);background-image: -o-linear-gradient(top, #306EFF, #3BB9FF);color: #fff;-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);-moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);box-shadow: 0px 0px 3px rgba(0,0,0,0.3);}
.ribbon-green:before, .ribbon-green:after {content: "";border-top:3px solid #6e8900;border-left:3px solid transparent;border-right: 3px solid transparent;position:absolute;bottom: -3px;}
.ribbon-green:before {left: 0;}
.ribbon-green:after {right: 0;}
</style>
<a href="#?w=auto" rel="popup3" class="poplight"></a>
<div style="display: none; margin-top: -200px; margin-left: -200px;" id="popup3" class="popup_block">
<div class="wrapper"><div class="inner"><div class="ribbon-wrapper-green">
<div class="ribbon-green">Like This</div>
</div>
<br/><center><iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fcerdasshare&amp;width&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:258px;" allowTransparency="true"></iframe></center></div></div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$.fn.popOpen = function(){
popID = $(this).attr('rel'); //Get Popup Name
popURL = $(this).attr('href'); //Get Popup Href To Define Size
//Pull Query & Variables from href URL
query= popURL.split('?');
dim= query[1].split('&');
popWidth = dim[0].split('=')[1]; //Gets The First Query String Value
//Fade In The Popup And Add Close Button
$('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('');
//Define Margin For Center Alignment
var popMargTop = ($('#' + popID).height() + 80) / 2;
var popMargLeft = ($('#' + popID).width() + 80) / 2;
//Apply Margin To Popup
$('#' + popID).css({
'margin-top' : -popMargTop,
'margin-left' : -popMargLeft
});
//Fade In Background
$('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
$('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer
};
//When You Click On A Link With Class Of Poplight And The Href Starts With A #
$('a.poplight[href^=#]').click(function() {
$(this).popOpen(); //Run PopOpen Function On Click
return false;
});
$('a.poplight[href=#?w=auto]').popOpen(); //Run PopOpen Function Once On Load
//Close Popups and Fade Layer
$('a.close, #fade').live('click', function() { //When Clicking On The Close Or Fade Layer
     $('#fade , .popup_block').fadeOut(); //Fade Them Both Out
$('#fade').remove();
return false;
});
popOpen
});
</script></div>

Ganti tulisan bewarna merah dengan nama halaman facebook anda.
Cukup mudah tutorialnyakan. silahkan mencoba

Read More

Cara Membuat Subscribe Email - Feedburner

 Di sidebar kanan blog ini Anda bisa menemukan "formulir" (form) Subscribe via Email. Itu form untuk berlangganan posting blog ini via email. Tentu, gratis! Meski namanya "berlangganan". Agar tampilan lebih menarik subscribe yang dari feedburner kita rubah sedikit tampilannya seperti di gambar.

Jika Anda memasukkan email Anda, nanti Anda akan menerima permintaan konfirmasi dari FeedBurner (milik Google).

Setelah dikonfirmasi, maka update atau posting terbaru dari blog ini akan Anda terima di inbox email, tanpa harus membuka blog ini.

Cara Membuat Subscribe via Email (Feeds Blog) seperti di blog ini sangat mudah.

1. Daftarkan dulu RSS Feeds blog di FeedBurner.
2. Aktifkan Email Subscription di menu Publicive.
3. Catat Feed Address blog Anda, misalnya http://feeds.feedburner.com/cerdasshare 

4. Buka Dashboard blog Anda
5. Klik Layout/Tata Letak --> Klik "Add Gadget" --> Klik "HTML/Javascript"
6. Masukkan kode di bawah ini setelah mengubah "cerdasshare" dengan ID Feedburner Anda yang tertera di bagian akhir Feed Adress (lihat nomor 3)

<style>
.hl-email{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii9CsU5bkpCAEz6ac505kpeCN71l3zYtL04T256tEiPlcjV_OSdpuW-RaCDRFBJoKXtDT47ztLFK1-jIsMHDplk1zrk6tPR2XGlhV_6xDOKmfEk8uhy2MJgUhKhvnaU7RCLL9YIlJ1QEU/s1600/mail.png) no-repeat 0px 12px ;
width:300px;
padding:10px 0 0 55px;
float:left;
font-size:1.4em;
font-weight:bold;
margin:0 0 10px 0;
color:#686B6C;
}
.hl-emailsubmit{
background:#9B9895;
cursor:pointer;
color:#fff;
border:none;
padding:3px;
text-shadow:0 -1px 1px rgba(0,0,0,0.25);
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
font:12px sans-serif;
}
.hl-emailsubmit:hover{
background:#E98313;
}
.textarea{
padding:2px;
margin:6px 2px 6px 2px;
background:#f9f9f9;
border:1px solid #ccc;
resize:none;
box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); font-size:13px;
width:180px;
color:#666;}
</style>
<div class="hl-email">
Subscribe via Email <form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=cerdasshare', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter email address here&quot;;}" onfocus="if (this.value == &quot;Enter email address here&quot;) {this.value = &quot;&quot;;}" value="Enter email address here" type="text" />
<input type="hidden" value="cerdasshare" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="hl-emailsubmit" value="Submit" type="submit" />
</form>
</div>

Kita juga bisa menggunakan kode "Subscribe via Email" yang disediakan FeedBurner.

Katanya sih, makin banyak pengunjung yang berlangganan via email, maka popularitas blog kita makin OK dan Google akan meranking blog kita dengan lebih baik. Good Luck!

Read More

Cara Pasang Kotak Komentar Facebook-FB di Blog

Cara memasang kolom atau Kotak Komentar Facebook (Facebook Comment Box) di Blog Blogspot sangat mudah. Kodenya sudah disediakan Facebook.

Ini cara paling mudah menampilkan kolom komentar yang bisa dishare langsung ke Facebook oleh Anda atau pengunjung.

sekadar buat contoh dan bukti sukses :)

Cara Mudah & Cepat Pasang Kotak Komentar Facebook di Blog Blogspot

1. Dashboard --> Template -->Edit HTML

2. Cari (CRTL+F) kode <body> atau yang semisalnya. Soalnya ada juga template yang kode body-nya ity kaya gini <body exp.... bla bla.... > .

3. Copy + Paste kode berikut ini di bawah kode <body> tadi.

<div id='fb-root'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>

4.  Copy kode berikut ini dan simpan (Paste) tepat di bawah kode <div class='post-footer-line post-footer-line-3'> atau di bawah kode  <div class='comments' id='comments'>. Jika ada dua kode begitu di template blog Anda, simpan di bawah kode yang kedua.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='margin-top:20px'>
<div class='fb-comments' data-num-posts='5' data-width='600' expr:data-href='data:blog.url'/>
</div>
</b:if>

Catatan:

• Angka 600 di atas adalah lebar kotak komentar Facebook. Sesuaikan dengan lebar text area blog Anda.
• Bisa juga kode tersebut diletakkan di bawah kode yang digunakan untuk Related Posts (<div class='related posts'> ... dst.. sampai kode penutup </div>)

SELAMAT MENCOBA

Tags :

cara pasang kotak komentar facebook diblog, kotak komentar fb, komentar facebook, memasang kotak komentar diblog, cara mudah pasang komentar facebook, fb, agar komentar facebook tampil diblog, agar facebook tampil diblog, buat komentar facebook diblog

Read More

Cara Menyembunyikan Postingan atau Gambar Menggunakan Spoiler

Sebagian orang pastinya sudah tahu apa itu spoiler, apalagi kalau sering bermain di forum. Spoiler sudah pasti sering digunakan. Lalu bagaimana kalau mau menerapkan atau membuat spoiler di blog? Sebelumnya kalau ada yang belum tahu apa itu spoiler. saya jelasin singkat saja. Spoiler adalah tombol yang diguanakan untuk menyingkat tempat atau menyembunyikan konten (teks, foto atau video) dengan buka tutup. Contohnya bisa dilihat di bawah halaman ini.

Spoiler bisa juga dibuat di blog, lebih khusus dipostingan. Biasanya digunakan untuk membuat penasaran si pembaca dengan menyembunyikan terlebih dahulu. Untuk melihatnya dengan mengklik tombol spoiler itu. Selain itu juga untuk menghemat tempat, ya karena buka tutup itu (spoiler). Lalu bagaimana cara membuat spoiler di blog? Langsung simak yang berikut ini.

Cara Membuat Spoiler di Blog
1. Login ke Blogger
2. Pilih New Post atau Entri Baru seperti membuat postingan biasa
3. Pilihlah pada mode Edit HTML saat membuat postingan
4. Gunakan kode script berikut ini untuk membuat spoiler:

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Judul Spoiler</b>: <input value="Buka" style="margin: 0px; padding: 0px; width: 55px; font-size: 12px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">

Letakkan teks atau kode script (gambar atau video) di sini

 <br>
</div>
</div>
</div>

Contoh Spoiler :

Facebook www.cerdasshare.com:

Read More

Barter Link Yuk !! | Tips dan Manfaatnya

Apakah anda sudah bertukar link? Bagi sobat yang belum barteran link,, disini saya buka untuk sobat blogger semua.. banyak sekali keuntungan yang anda dapatkan . Jika belum mengapa tidak segera? Apakah anda masih ragu? Janganlah ragu karena dengan bertukar link banyak manfaat yang bisa kita peroleh. 

Beberapa manfaat tukar link (link exchange) yaitu:

1. Anda akan mendapatkan banyak link partner untuk blog anda.
2. Ranking blog anda di search engine akan semakin meningkat
3. Anda kan mendapat banyak anchor text dari blog lain
4. dapat meningkatkan pagerank blog anda
5. Pengunjung blog andapun akan bertambah
6. Blog anda bisa mendapat back link dari banyak blog
7. Mempererat pertalian antar sesame blogger

Begitu banyak manfaat yang diberikan dalam bertukar link, jadi tunggu apa lagi, ayo tukar link.  


<a href="http://desta17.blogspot.com/" target="_blank"><img style="width: 80px; height: 15px;" alt="Image" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrAS5Pdzt552Ck2BtbqUHEwcXv8jSOfy5n00zceoG6MrrAQ5481kQFzma36IX3HEBwFgYrvAFi2zWhSatVsmfnLmfrMaRmG7fzG91q7y7c2EW1N0emT6lW9aPxsBfemRDtJrBxI8QOCvY/h67/desta-17.png" border="0" /></a> Tukar Link (Link Exchange) memang banyak manfaatnya. Selain dapat meningkatkan PageRank blog juga dapat sebagai senjata untuk mendapatkan peringkat tinggi di mesin pencari Google. Namun jangan asal dalam bertukar link, karena bisa saja usaha kita tidak membawa dampak apapun pada blog kita.
Berikut tips yang perlu diperhatikan dalam bertukar link:

1. Blog PR tinggi
Usahakan bertukar link dengan blog yang pagerank nya sama atau lebih tinggi dari blog anda sendiri. Jika blog itu lebih tinggi maka akan semakin lebih baik untuk diajak bertukar link.

2. Bedakan antara blog utama dan blog palsu
Misalnya begini, kita ingin tukar link dengan blog lain yang pageranknya tinggi, dan kita sudah menaruh link mereka rib log utama kita, namun mereka memberikan link blog kita dib log lain yang namanya serupa bukannya pada blog utama mereka yang ber-PR tinggi. Jadi waspadalah pada sindikat ini,

3. Tukar link di sidebar dan di postingan
Search engine Google biasanya akan meng-crawl suatu blog menurut metatag. Yaitu dari h1 ke h2, lalu h2 ke h3 dan seterusnya.
Karena h1 lebih bernilai dari h2 dan h2 lebih bernilai dari h3, maka Google akan lebih mementingkan tulisan pada sidebar setelah itu baru ke postingan. Dan keuntungan lain bila link kita berada di sidebar yaitu besarnya peluang klik yang terjadi.

Demikian tips bertukar link dari saya semoga bermanfaat.
Jika link ini sudah terpasang diblog sobat segera coment agar saya tahu bahwa link saya telah terpasang diblog sobat sekalian. Yang Ingin bertukar link silahkan coment di bawah sini dengan memberi Alamat URL dan Nama Blog Sobat sekalian , , terimakasih :)

Read More