Macam-Macam Cara Menciptakan Link Lebih Unik

 Semoga semangat menyerupai aku yang lagi postig hari ini Macam-macam Cara Membuat Link Lebih Unik
Hi Sob! Bagaimana kabar kamu? Semoga semangat menyerupai aku yang lagi postig hari ini. Kali ini sejuta trik blogger akan coba sharing pengalaman aku perihal macam-macam cara menciptakan link lebih unik. Macam-macam di posting kali ini aku fokuskan pada singgle link. Singgle link ini artinya link yang kita buat terpisah tanpa dipengaruhi oleh CSS, Script, dan Jquery yang terpasang di template kita.
Ada macam-macam trik memodifikasi link supaya kelihatan unik. Berikut beberapa pola dalam posting aku yang kemudian :
dan masih banyak lagi macam-macam menciptakan link yang belum sempat diposting. Karena saking banyaknya modifikasi link. Sebagai pola link nuding, link hover, link open new tab, dan masih banyak lagi yang lain. Atau jika masih kurang ya cari saja di google 😀
Posting perihal macam-macam menciptakan link ini terinspirasi bagi aku sendiri yang kesulitan menciptakan 1 link saja yang unik tanpa dipengaruhi bawaan template. Nah bagi sahabat sejuta trik yang juga ingin menciptakan link 1 saja yang unik, berikut triknya.
Membuat link memang sangat mudah. Tetapi untuk trik kali ini yakni untuk singgle link atau 1 link yang kita utak-atik. Sebagai pola cara menciptakan link yakni sebagai berikut :

A. Link Biasa

Sejuta Trik Blogger
Triknya yakni :
<a href=”http://sejutatrik.blogspot.com/”>Sejuta Trik Blogger</a>

B. Link Tebal

Sejuta Trik Blogger
kodenya :
<b><a href=”http://sejutatrik.blogspot.com/”>Sejuta Trik Blogger</a></b>
atau
<strong><a href=”http://sejutatrik.blogspot.com/”>Sejuta Trik Blogger</a></strong>

C. Membuat Link Membuka Tab Baru

Sejuta Trik Blogger
kodenya :
<a href=”http://sejutatrik.blogspot.com/” target=”_blank”>Sejuta Trik Blogger</a>

D. Link Italic atau teks miring

Sejuta Trik Blogger
kodenya :
<a href=”http://sejutatrik.blogspot.com/”><i>Sejuta Trik Blogger</i></a>

E. Link Berwarna

Sejuta Trik Blogger
kodenya :
<a href=”http://sejutatrik.blogspot.com/” target=”_blank”><span style=”color: blue;”>Sejuta Trik Blogger</span></a>
 

F. Link Menu Hover CSS 3

kodenya :

<style>
.coollinks a {
 display: inline-block;
 padding: 4px;
 outline: 0;
 color: #3a599d;
 -webkit-transition-duration: 0.35s;
 -moz-transition-duration: 0.35s;
 -o-transition-duration: 0.35s;
 transition-duration: 0.35s;
 -webkit-transition-property: -webkit-transform;
 -moz-transition-property: -moz-transform;
 -o-transition-property: -o-transform;
 transition-property: transform;
 -webkit-transform: scale(1) rotate(0);
 -moz-transform: scale(1) rotate(0);
 -o-transform: scale(1) rotate(0);
 transform: scale(1) rotate(0);
}
.coollinks #one:hover, #three:hover, #five:hover{
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
 -o-border-radius: 6px;
 border-radius: 6px;
 -webkit-transform: scale(1.01) rotate(-1.1deg);
 -moz-transform: scale(1.01) rotate(-1.1deg);
 -o-transform: scale(1.01) rotate(-1.1deg);
 transform: scale(1.01) rotate(-1.1deg);
}
.coollinks #two:hover, #four:hover {
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
 -o-border-radius: 6px;
 border-radius: 6px;
 -webkit-transform: scale(1.01) rotate(1.1deg);
 -moz-transform: scale(1.01) rotate(1.1deg);
 -o-transform: scale(1.01) rotate(1.1deg);
 transform: scale(1.01) rotate(1.1deg);
}
.coollinks #one:hover{
 background: #815782;
 text-decoration: none;
 color: #fff;}

.coollinks #two:hover {
 background: #62946d;
 text-decoration: none;
 color: #fff;
}
.coollinks #three:hover {
 background: #824c4a;
 text-decoration: none;
 color: #fff;
}
.coollinks #four:hover {
 background: #825f0c;
 text-decoration: none;
 color: #fff;
}
.coollinks #five:hover {
 background: #823a3a;
 text-decoration: none;
 color: #fff;
}
</style>

kemudian tambahkan isyarat berkut di bawahnya :

<div class="coollinks">
<a href="http://sejutatrik.blogspot.com" id="one">Home</a>
<a href="https://tiarapersadarentalmobil.blogspot.com//search?q=membuat-judul-posting-membuka-tab-baru" id="two">Google Breadcrumb</a>
<a href="https://tiarapersadarentalmobil.blogspot.com//search?q=membuat-judul-posting-membuka-tab-baru" id="three">Sitemap</a>
<a href="https://tiarapersadarentalmobil.blogspot.com//search?q=membuat-judul-posting-membuka-tab-baru" id="four">Ping Service</a>
<a href="http://www.givegoodweb.com/tools/page-check/index.php" id="five">Title H1 Ceck</a>
</div>

Untuk trik ‘F’ sahabat dapat letakkan pada ‘HTML’ widget atau ketika posting menyerupai milik aku ini.
Nah, bagi teman-teman yang mempunyai trik lebih unik dari macam-macam cara menciptakan link di atas, mari berbagi. Akhir kata, Happy Blogging Friends! Cayo Blogger Indonesia. 
Close Menu