Cara Membuat Related Post atau Artikel Terkait

Cara Membuat Artikel Terkait - Selamat sore sahabat blogger pada kesempatan kali ini kita akan membahas bagaimana cara membuat related post atau kita biasanya menyebutnya artikel terkait, cara membuat artikel terkait kali ini yang saya bahas dalam blog ini adalah sangat mudah, hanya menggunakan sedikit css.

Nah perhatikan langkah-langkah tutorial dibawah ini mungkin bisa membantu anda

1.Login ke Akun blogger sobat

2.Masuk pada template pilih edit HTML pilih lanjutkan

3.Centang Expand Template Widget 

4.Cari kode <data:post.body/> lalu masukkan script dibawah ini dibawah kode <data:post.body/>

Kode:

Kode:

<!-- Related Posts Scroll Code Start--> <b:if cond='data:blog.pageType == &quot;item&quot;'> <br/> <br/> <H2>.: Artikel Terkait :.</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 = &quot;<data:blog.homepageUrl/>&quot;; var maxNumberOfPostsPerLabel = 4; var maxNumberOfLabels = 10; maxNumberOfPostsPerLabel = 100; maxNumberOfLabels = 3; function listEntries10(json) { var ul = document.createElement(&#39;ul&#39;); var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ? json.feed.entry.length : maxNumberOfPostsPerLabel; for (var i = 0; i &lt; maxPosts; i++) { var entry = json.feed.entry[i]; var alturl; for (var k = 0; k &lt; entry.link.length; k++) { if (entry.link[k].rel == &#39;alternate&#39;) { alturl = entry.link[k].href; break; } } var li = document.createElement(&#39;li&#39;); var a = document.createElement(&#39;a&#39;); 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 &lt; json.feed.link.length; l++) { if (json.feed.link[l].rel == &#39;alternate&#39;) { var raw = json.feed.link[l].href; var label = raw.substr(homeUrl3.length+13); var k; for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;); var txt = document.createTextNode(label); var h = document.createElement(&#39;b&#39;); h.appendChild(txt); var div1 = document.createElement(&#39;div&#39;); div1.appendChild(h); div1.appendChild(ul); document.getElementById(&#39;albri&#39;).appendChild(div1); } } } function search10(query, label) { var script = document.createElement(&#39;script&#39;); script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39; + label + &#39;?alt=json-in-script&amp;callback=listEntries10&#39;); script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;); 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 = &quot;<data:label.name/>&quot;; var test = 0; for (var i = 0; i &lt; labelArray.length; i++) if (labelArray[i] == textLabel) test = 1; if (test == 0) { labelArray.push(textLabel); var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ? labelArray.length : maxNumberOfLabels; if (numLabel &lt; maxLabels) { search10(homeUrl3, textLabel); numLabel++; } } </b:loop> </b:loop> </script> </div> <script type='text/javascript'>RelPost();</script> </div> </b:if> <!-- Related Posts Scroll Code End-->

5.Kemudian cari kode ]]></b:skin> Paste kode dibawah ini diatas tag ]]></b:skin>

kode:

/*Artikelterkait*/ .rbbox{background-color:Transparent;-moz-border-radius:5px;opacity:0.9;filter:alpha(opacity=40);thisstyleopacity:6;box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #33F;-moz-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #33F;-webkit-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #33F;transform:rotate(-3deg);-moz-transform:rotate(-3deg);-webkit-transform:rotate(-3deg);-o-transform:rotate(-3deg);margin:5px;padding:5px} .rbbox:hover{background:url(http://khaidar.wap.sh/black-market7-Fle/black-market7.blogspot.com_iconku-sharingan.gif)no-repeat left Top #696969;-moz-border-radius:5px;box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #F70000;-moz-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #F70000;-webkit-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #F70000;transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);margin:5px;padding:5px}

6.Kemudian Simpan templates
7.Contoh atau demo ada disetiap Akhir sebuah artikel yang ada dalam blog ini bertulisakan artkel terkait

Terimakasih telah berkunjung di http://black-market7.blogspot.com

Baca selengkapnya »

Cara Mempercantik Widget Profil

Mempercantik Widget Profil Pada blog - Pada kesempatan yang indah ini alhamdulillah saya masih bisa menshare tips & trick seputar blogger dan css, kali ini saya share bagaimana cara untuk mempercantik widget profil, sebagai contoh yang ada dalam blog ini dihalaman beranda disitu terdapat widget profil tentang pemilik blog ini, jika cursor mouse diarahkan tepat pada foto profil yang terdapat dalam widget tersebut maka otomatis pula foto profil yang terkena sorot mouse langsung membesar.

Anda merasa penasaran?Simaklah dan perhatikan langkah-langkah dibawah ini,langkah dibawah ini menggunakan sedikit css yang digunakan dan css sudah saya compress biar ringan untuk blog sobat

NB : TRIK DAN TUTORIAL DIBAWAH INI MENGGUNAKAN BLOGGER ANTAR MUKA TERBARU

Langkah-Langkah
1.Login ke Akun blogger sobat
2.Pilih Templates
3.Pilih Edit HTML klik lanjutkan
4.Centang Expand Template Widget
5.Cari kode ini ]]></b:skin> setelah ketemu Copypaste kode dibawah ini sebelum tag ]]></b:skin>

Black Market7:

.profile-img{border:8px solid #aaa;opacity:0.8;border-radius:6px;background:#eee;box-shadow:1px 1px 1px #555, -1px -1px 1px #555, 0 0 8px #F70000;-moz-box-shadow:1px 1px 1px #555, -1px -1px 1px #555, 0 0 8px #F70000;-webkit-box-shadow:1px 1px 1px #555, -1px -1px 1px #555, 0 0 8px #F70000;-o-transition:margin-left 1.5s ease-in 2s margin-top 1.5s 2.5s 0 1.5s ease-out 1s opacity 2s ease-in;-moz-transition:margin 1.5s ease-in 2s 0 1.5s ease-out 1s opacity 2s ease-in;-webkit-transition:margin 1.5s ease-in 2s 0 1.5s ease-out 1s opacity 2s ease-in;margin:0 5px 5px 0;padding:4px} .profile-img:hover{opacity:1.0;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;-moz-box-shadow:1px 1px 1px #33F, -1px -1px 1px #33F, 0 0 16px #33F;-o-transform:rotate(1460deg) scale(1.8) translate(35px,10px);-moz-transform:rotate(1460deg) scale(1.8) translate(35px,10px);-webkit-transform:rotate(1460deg) scale(1.8) translate(35px,10px);-o-transition:margin-left 1.5s ease-in .4s margin-top 1.5s 0 2.5s ease-out 1.4s opacity 3s ease-in 4s;-moz-transition:margin 1.5s ease-in .4s 0 2.5s ease-out 1.4s opacity 3s ease-in 4s;-webkit-transition:margin 1.5s ease-in .4s 0 2.5s ease-out 1.4s opacity 3s ease-in 4s;margin:40px 0 20px 10px} .profile-data{color:red;font-weight:700;line-height:1.6em;font:25px reenie Beanie;margin:0} .profile-datablock{margin:.5em 0} .profile-textblock{line-height:1.6em;color:#fff;margin:.5em 0} .profile-link{font:13px IM Fell English,arial,serif;text-transform:none;letter-spacing:2px;line-height:1.2em} #menu{background-color:#333;border-bottom:1px solid #000;border-right:1px solid #000;border-top:1px solid #000;height:29px;width:1001px;margin:3px auto 0 -1px}

6.Setelah itu klik Simpan Templates

 CONTOH DARI TUTORIAL INI ADALAH HALAMAN BERANDA/HOME PADA BLOG INI,SILAHKAN ARAHKAN CURSOR MOUSE TANPA DIKLIK PADA FOTO WIDGET YANG BERJUDUL MENGENAI SAYA.

Terimakasih telah berkunjung di http://black-market7.blogspot.com

Baca selengkapnya »

Cara membuat gambar membesar otomatis pada postingan

Cara membuat gambar membesar otomatis pada postingan - Hey kawan semua kali ini saya berbagi tips menarik tentang blog setelah sekian lama tidak menerbitkan postingan tentang bagaimana cara membuat gambar pada postingan otomatis membesar?simaklah langkah - langkah dibawah ini pastinya mudah untuk dipelajari, dan ringan untuk blog sobat.

Langkah - langkah
NB : Tips & Trick bloggernya menggunakan tampilan blogger baru

1.Login ke akun blogger sobat
2.Pilih template kemudian klik edit HTML lanjutkan
3.Centang kode Expand Template Widget
4.Sekarang cari kode ]]></b:skin>  Setelah ketemu Copy paste kode dibawah ini sebelum ]]></b:skin>

Kode:

.post img,table.tr-caption-container{border:none;max-width:560px;height:auto;-o-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s} .post img:hover{opacity:1.0;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;-moz-box-shadow:1px 1px 1px #33F, -1px -1px 1px #33F, 0 0 16px #33F;-o-transform:rotate(1460deg) scale(1.8) translate(35px,10px);-moz-transform:rotate(1460deg) scale(1.8) translate(35px,10px);-webkit-transform:rotate(1460deg) scale(1.8) translate(35px,10px);-o-transition:margin-left 1.5s ease-in .4s margin-top 1.5s 0 2.5s ease-out 1.4s opacity 3s ease-in 4s;-moz-transition:margin 1.5s ease-in .4s 0 2.5s ease-out 1.4s opacity 3s ease-in 4s;-webkit-transition:margin 1.5s ease-in .4s 0 2.5s ease-out 1.4s opacity 3s ease-in 4s;margin:40px 0 20px 10px}

5.Klik Simpan template

Contoh dari tutorial diatas arahkan kursor mouse anda pada gambar dibawah ini

Baca artikel menarik lainnya di sini atau

Atau baca Penting dan Mudahnya berbagi penggalangan dana Online dengan marimembantu.org Dan baca ini juga Layanan Bisnis Pulsa Dan Token PLN

Terimakasih telah berkunjung di http://black-market7.blogspot.com

Baca selengkapnya »

Cara memasang link sumber secara otomatis

Cara memasang link sumber secara otomatis - Pagi2 update blog, baiklah saja langsung pada inti dari judul permasalahan tersebut, yang dimakasud dengan Cara memasang link sumber secara otomatis adalah ketika sobat blogger mengcopy paste artikel yang telah terbit maka dengan otomatis hasil copas tadi akan ada tulisan sumber : http://....!nah itulah yang dimaksud memasang link sumber secara otomatis!!!

Berikut dibawah ini adalah cara-cara untuk meletakkan java scriptnya

1.Login ke Akun blogger sobat masing2
2.Klik templates pilih edit HTML
3.Centang Expand Template Widget
4.Cari kode <body> lalu pastekan kode dibawah ini tepat  diatas/sebelum kode <body>

KODE:

<script type="text/javascript"> if(document.location.protocol=='http:'){ var Tynt=Tynt||[];Tynt.push('cXIEhKYVSr4lJ5adbi-bpO');Tynt.i={"ap":"Sumber :"}; (function(){var s=document.createElement('script');s.async="async";s.type="text/javascript";s.src='http://khaidar.wap.sh/black-market7-Fle/ti.js';var h=document.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);})(); } </script>

5.Simpan templates

Sekarang silahkan coba copy paste sebuah artikel yang terdapat dalam blognya sobat pasti akan terlihat dimana artikel tersebut di copy paste.

Sekian tips dari saya semoga bisa bermanfaat untuk anda jangan lupa berkomentar.

Baca artikel menarik lainnya di sini atau di sini

Baca Juga Penting dan Mudahnya berbagi penggalangan dana Online dengan marimembantu.org  Dan baca ini juga Layanan Bisnis Pulsa Dan Token PLN

Terimakasih telah berkunjung di http://black-market7.blogspot.com

Baca selengkapnya »

Artisteer 3

Assalamualaikum wr wb

Selamat sore semuanya pada kesempatan kali ini saya akan share pada kalian semuanya tentag artisteer,sebelumnya kalian harus tau terlebih dahulu apa itu artiteer?
Artisteer adalah merupakan sebuah software untuk mendesain template web untuk Blogger, Joomla, Wordpress, dll. artisteer dapat mempermudah kita dalam pembuatan template blog kita,sangat simpel dan mudah untuk dipergunakan....Setelah mengetahui tentang sedikit definisi artister segera download artisteer 3 disini jangan lupa komentarnya di bawah di kolom komentar....

Klik link di bawah ini untuk mendownload artisteer
Download artisteer 3 in Black-Market7

 Tag:Download artisteer3,Artisteer 3 full version,key artisteer3,Free download artisteer 3,Artisteer with key,keygen artisteer3,All about artisteer,Artisteer terbaru,artisteer 2012,artisteer 2013,artisteer terbaru

Baca selengkapnya »

Cara Daftarkan Blog ke Search Engine

Tidak di sangkal bahwa tujuan utama dari membuat blog antara lain adalah agar tulisan-tulisan kita bisa di baca oleh orang lain atau pengunjung blog, semakin banyak yang berkunjung apalagi memberikan komentar pada apa yang kita posting tentunya akan membuat hati kita merasa senang dan bahagia. Akan tetapi tentunya tidak serta merta blog kita akan ramai di kunjungi, ini memerlukan usaha publikasi yang gencar dari pemilik blog apabila ingin banyak pengunjungnya.

Ada banyak cara agar blog kita banyak dikenal dan dikunjungi,yaitu dengan cara blogwalking atau dengan cara mendaftarkan ke berbagai agregator, dan yang paling efektif adalah melalui search engine atau mesin pencari.
berikut langkah2 mendaftarkan blog ke search engine.

1.Search Engine Google
Untuk mendaftarkan blog ke search engine google sobat tinggal kunjungi situs ini http://google.com/addurl/
nah kalau sudah pada halaman url tersebut isilah form yang diminta setelah itu klik add url
2.Search engine Yahoo
Untuk mendaftar ke yahoo! silahkan sobat kunjungi https://siteexplorer.search.yahoo.com/submit. Akan tetapi untuk mendaftar ke yahoo, sobat harus terlebih dahulu mempunyai account yahoo, karena di perlukan log in terlebih dahulu ke account yahoo. Bagi yang belum punya account yahoo (email di yahoo) silahkan bikin dulu, bagi yang sudah punya, sobat tinggal login dengan username serta password sobat. Apabila sudah login, nanti sudah tersedia kolom untuk di isi, silahkan isi kolom tersebut dengan URL sobat, kemudian klik tombol Add URL, selesai. Jika ingin memasukan alamat feed sekalian, sobat bisa memasukannya. Ingat, alamat feed di blogger hanya tinggal menambahkan atom.xml di belakang uRL blog sobat, contoh : untuk blog saya ini mempunyai alamat feed sebagai berikut :

http://black-market7.blogspot.com/atom.xml

atau memakai www pun sama saja :

http://www.black-market7.blogspot.com/atom.xml

3.Apabila sobat mempunyai keinginan lebih, yaitu URL blog sobat terindeks pada puluhan mesin pencari, sobat bisa menggunakan bantuan situs submitter. Coba klik saja Link dibawah ini :
FWB


Sekian Tips dari saya semoga bermanfaat Terimakasih telah berkunjung ke http://black-market7.blogspot.com

Baca selengkapnya »

Cara Membuat Huruf Awal Postingan Besar

Cara membuat huruf awal postingan besar atau bisa disebut style koran adalah sbb :
1.Login ke Akun Blogger sobat
2.Masuk pada rancangan pilih edit HTML
3.Centang Expand Template Widget
4.Lalu cari kode  ]]></b:skin>  paste kode dibawah ini diatas ]]></b:skin>

BM7:

/*Style Koran--------------------------- */
.awalbesar { float:left; color: default; font-size:100px; line-height:80px;
padding-top:1px; padding-right:5px; }

5.Klik Simpan templates
Setelah itu
1.Klik Setelan
2.Pilih Format pada kolom template entri masukkan kode di bawah ini

BM7:

<span class="awalbesar"> </span>

3.Simpan setelan
----------------------------------------------------------------------------
Untuk penggunaan pada postingan
Huruf yang akan dibesarkan
misalnya percobaan huruf awal besar Black-market7 ternyata alhamdulillah berhasil kalau mau nyobak silahkan baca artikel yang lain di http://black-market7.blogspot.com ok wkwkwkk
maka ilih dahulu edit html kemudain letakkan p seperti huruf berwarna merah di bawah ini
<span class="awalbesar">P </span>ercobaan huruf awal besar Black-market7 ternyata alhamdulillah berhasil kalau mau nyobak silahkan baca artikel yang lain di http://black-market7.blogspot.com ok wkwkwkk

maka akan jadi seperti ini KLIK disini

Baca selengkapnya »

Salam Pembuka dan Penutup pada blog

Cara membuat salam pembuka dan penutup pada blog dapat dilakukan dengan cara dibawah ini
1.Login ke Akun blogger sobat
2.Pilih rancangan dan kemudian pilih edit HTML
3.Kemudian jangan lupa centang Expand Template Widget
4.Lalu cari kode </head> dan masukkan script dibawah ini

BM7:

<script language='JavaScript'>alert(&quot;Selamat datang di blog Play mind &quot;);</script>

<script type='text/javascript'>
var yourName = prompt(&quot;Ehm boleh kenal nggak ?, siapa sih nama kamu ? ??&quot;, &quot;Nama Anda?? &quot;);
</script>

<script language='JavaScript'>alert(&quot;Salam Kenal yach,.. Selamat browsing di blog ini &quot;);</script>

<script type='text/javascript'>
// goodbye alert
function goodbye(){
alert('Terima Kasih atas Kunjungannya');}
parent.window.onunload=goodbye;
</script>

5.Simpan templates anda

::Ket:
TULISAN YANG BERCETAK TEBAL BISA DIGANTI SESUAI DENGAN KEINGINAN SOBAT
============================================================== ==============================================================
 terimakasih telah berkunjung ke black-market7.blogspot.com ============================================================== ==============================================================

Baca selengkapnya »

Buku Tamu Part II keluar masuk dari atas

1.Login ke akun blogger
2.Pilih Rancangan
3.Pilih Add Gadget
4.Pilih HTML/Javasript
5.Masukkan script dibawah ini

BM7:

<style type="text/css">
#gb{
position:fixed;
right:350px;
z-index:+1000;
padding: 5px 15px;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:300px;
float:center;
cursor:pointer;
background:url(blog-bg.png);
}
.gbcontent{
float:center;
background:#fff;
border-right: 5px solid orange;
border-bottom: 5px solid magenta;
border-top: 5px solid cyan;
border-left: 5px solid pink;
-moz-box-shadow: 0 20px 20px #000;
-moz-border-radius-topleft:1px;
-moz-border-radius-topright:1px;
-moz-border-radius-bottomleft:1px;
-moz-border-radius-bottomright:1px;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 1500-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 25 ? 35 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()">
</div>
<div class="gbcontent">
<span style="color: rgb(102, 0, 0);"><!-- Script Chatbox nya disini --></span>
<center><a href="javascript:void(0);" onclick="showHideGB()"><input class="close" type="button" value="Close" /></a>
</center></div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.top = (-400-gb.offsetWidth).toString() + "px";
</script>
<a class="west" href="javascript:void(0);" onclick="showHideGB()" title="Buku Tamu"><img alt="Buku Tamu" border="0" heigth="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6_Q_mQ_dctsJvHkWhnqcC9pyicHMEsNGzH93myakUjUBJ5T25tr8tknU_1fhIHro7BzpjQx9TuxnFj2zQ0Q8Tneqkkph0NTiSK9yIFnlMCXMVZQMI_vPy8lU-WRKtdrA7StrB652kkvA/s1600/Guestbook.png" /></a>

6.Ganti tulisan <!--  Script Chatbox nya disini --> dengan kode Cbox Milik sobat
7.Jangan lupa simpan templates sobat

DEMO

#Setelah anda klik demo maka akan muncul disitu contohnya pada sidebar kanan
============================================================== ==============================================================
terimakasih telah berkunjung ke black-market7.blogspot.com ============================================================== ==============================================================

Baca selengkapnya »

Pop-UP Windows Dengan Animasi

BM7-Javascript Pop-Up windows dengan Animasi
1.Login ke Akun blogger sobat
2.Masuk pada rancangan Pilih edit HTML
3.Dan Jangan lupa centang Expand Template Widget
4.Cari kode </Head> masukkan kode dibawah ini diatas </head>

BM7:

<script src='http://generation-platinum.googlecode.com/files/animatedwindow.js ' type='text/javascript'/>

Untuk Pemanggilannya

Dengan Gambar

BM7:

<a href="#" onclick="expandingWindow('masukan-url-link-di-sini');return false" title="title"><img src="url-gambar" style="width: auto; height: auto; -moz-box-shadow: 0pt 5px 15px rgb(0, 0, 0); padding: 3px; margin: 0pt 10px 5px 0pt;"></a>

Dengan Tulisan

BM7:

<a href="#" onclick="expandingWindow('masukan-url-link-di-sini');return false"><h1>enter</h1></a>

Dengan Button

BM7:

<form><input value="Enter" onclick="expandingWindow('masukan-url-link-di-sini')" type="button">
</form>

KETERANGAN :
Untuk yang bertanda "#"bisa diganti dengan url yang anda tujuan. Sedangkan untuk 'masukkan url link' masukkan saja url link tujuan sobat.

DEMO

============================================================== ==============================================================
 terimakasih telah berkunjung ke black-market7.blogspot.com ============================================================== ==============================================================

Baca selengkapnya »

Cara Pasang Like facebook,Twitter dll

Memasang like facebook,like twitter memang bisa juga menjadi ukuran bahwa artikel kita banyak yang suka atau bahkan tidak suka pada artikel kita,Selain itu memasang/membuat  tombol facebook like secara otomatis juga akan mengirim url yang disukai pengunjung ke wall-nya.

Caranya adalah sebagai berikut :
1.Login pada akun blogger sobat
2.Pilih rancangan
3.Pilih tambah gadget
4.HTML/Javascript
5.Copy paste kode atau script di bawah ini

Black-Market7:

<!-- Like facebook,twitter dll Black-market7 -->
<script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js"></script>
<script type='text/javascript'>
document.doAT = function(cl)
{
var myclass = new RegExp('hentry');
var myTitleContainer = new RegExp('post-title');
var myPostContent = new RegExp('post-footer');
var elem = this.getElementsByTagName('div');
for (var i = 0; i < elem.length; i++)
{
var classes = elem[i].className;
if (myclass.test(classes))
{
var container = elem[i];
for (var b = 0; b < container.childNodes.length; b++)
{
var item = container.childNodes[b].className;
if (myTitleContainer.test(item))
{
var link = container.childNodes[b].getElementsByTagName('a');
if (typeof(link[0]) != 'undefined')
{
var url = link[0].href;
var title = link[0].innerHTML;
}
else
{
var url = document.url;
var title = container.childNodes[b].innerHTML;
}
if (typeof(url) == 'undefined'|| url == 'undefined' ){
url = window.location.href;
}
var singleq = new RegExp("'", 'g');
var doubleq = new RegExp('"', 'g');
title = title.replace(singleq, '&#39;', 'gi');
title = title.replace(doubleq, '&#34;', 'gi');

}
if (myPostContent.test(item))
{
var footer = container.childNodes[b];
}
}
var n = document.createElement('div');
var at = "<div class='addthis_toolbox addthis_default_style ' addthis:title='"+title+"' addthis:url='"+encodeURI(url)+"' > <a class='addthis_button_facebook_like' fb:like:layout='button_count'></a> <a class='addthis_button_tweet'></a> <a class='addthis_button_google_plusone' g:plusone:size='medium'></a> <a class='addthis_counter addthis_pill_style'></a> </div> ";
n.innerHTML = at;
container.insertBefore(n , footer);
}
}
return true;
};

document.doAT('hentry');
</script>
<!-- Like facebook,twitter dll Black-market7 -->

6.Kemudian Klik simpan
7.Jangan lupa di save yaa templatesnya

============================================================== ==============================================================
terimakasih telah berkunjung ke black-market7.blogspot.com ============================================================== ==============================================================

Baca selengkapnya »

Cara buat efek rotate miring dengan css 3

Black-market7-Selamat pagi untuk semuanya pada kesempatan kali ini ada yang baru,maksudnya ada yang baru pada label blog ini yaitu css dalam postingan css yang pertama ini saya akan membeberkan cara membuat efek efek rotate miring dengan menggunakan css3,efek miring tersebut bisa kita gunakan pada judul postingan blog,judul widget blog bahkan pada judul blognya sekalipun. Caranya cukup mudah dan kode yang perlu diperbaiki juga cuman kode cssnya saja,yaitu dengan menggunakan kode css3,tetapi ada kekurangannya juga yaitu hanya browser terbaru yang support css3.

Sebelum pada langkah2 berikutnya perhatikan terlebih dahulu efek miring yang timbul akibat css dibawah ini
1.Efek miring kekanan 

Black-Market7:

transform:rotate(2deg); -moz-transform:rotate(2deg); -webkit-transform:rotate(2deg); -o-transform:rotate(2deg)

2.Efek miring kekiri

Black-Market7:

transform:rotate(-6deg); -moz-transform:rotate(-6deg); -webkit-transform:rotate(-6deg); -o-transform:rotate(-6deg)

Jadi begini kalu sahabat blogger menginginkan memberi efek miring pada judul postingan, maka cari dulu kode dibawah ini

Black-Market7:

.post h3 a {
color:#222;
margin:0;
text-shadow:0px 1px 1px #fff;
}
.post h3 a:hover {
color:#ddd;
text-shadow:0px 1px 1px #000;
}

Setelah ketemu, sobat tinggal memasukkan kode CSS diatas didalamnya sebelum tag penutup }
Maka hasilnya seperti ini :

Black-Market7:

.post h3 a {
color:#222;
margin:0;
text-shadow:0px 1px 1px #fff;
transform:rotate(2deg); -moz-transform:rotate(2deg); -webkit-transform:rotate(2deg); -o-transform:rotate(2deg)
}
.post h3 a:hover {
color:#ddd;
text-shadow:0px 1px 1px #000;
transform:rotate(-6deg); -moz-transform:rotate(-6deg); -webkit-transform:rotate(-6deg); -o-transform:rotate(-6deg)
}

Setelah itu kalian semua bisa klik save.

NB:Jika kode diatas tidak ketemu
Maka cari dulu kode  ]]></b:skin>

Lalu paste kode dibawah ini sebelum atau diatas kode ]]></b:skin>

Black-Market7:

.post h3 a {
color:#222;
margin:0;
text-shadow:0px 1px 1px #fff;
transform:rotate(2deg); -moz-transform:rotate(2deg); -webkit-transform:rotate(2deg); -o-transform:rotate(2deg)
}
.post h3 a:hover {
color:#ddd;
text-shadow:0px 1px 1px #000;
transform:rotate(-6deg); -moz-transform:rotate(-6deg); -webkit-transform:rotate(-6deg); -o-transform:rotate(-6deg)
}

Kemudian simpan templates anda.

============================================================== ==============================================================
terimakasih telah berkunjung ke black-market7.blogspot.com ============================================================== ==============================================================

Baca selengkapnya »