Hi Sob! Bagaimana kabar kamu? Semoga semangat menyerupai aku yg lagi postig hari ini. Kali ini sejuta trik blogger akan coba sharing pengacukup laman aku perihal macam-macam tips mem.buat link lebih unik. Macam-macam di posting kali ini aku fokuskan pada singgle link. Singgle link ini artinya link yg kita buat terpisah tanpa dipengaruhi oleh CSS, Script, dan Jquery yg terpasang di template kita.
Ada macam-macam trik memodifikasi link biar kelihatan unik. Berikut beberapa teladan dalam posting aku yg kemudian :
dan masih banyak lagi macam-macam mem.buat link yg belum sempat diposting. Karena saking banyaknya modifikasi link. Sebagai teladan link nuding, link hover, link open new tab, dan masih banyak lagi yg lain. Atau bila masih kurang ya cari saja di google :D
Posting perihal macam-macam mem.buat link ini terinspirasi bagi aku sendiri yg kesulitan mem.buat 1 link saja yg unik tanpa dipengaruhi bawaan template. Nah bagi sahabat sejuta trik yg juga ingin mem.buat link 1 saja yg unik, berikut triknya.
Membuat link memang sangat mudah. Tetapi untuk trik kali ini ialah untuk singgle link atau 1 link yg kita utak-atik. Sebagai teladan tips mem.buat link ialah sebagai berikut :
A. Link Biasa
Sejuta Trik BloggerTriknya ialah :
<a href="https://sejutatrik.blogspot.com/">Sejuta Trik Blogger</a>
B. Link Tebal
Sejuta Trik Bloggerkodenya :
<b><a href="https://sejutatrik.blogspot.com/">Sejuta Trik Blogger</a></b>
atau
<strong><a href="https://sejutatrik.blogspot.com/">Sejuta Trik Blogger</a></strong>
C. Membuat Link Membuka Tab Baru
Sejuta Trik Bloggerkodenya :
<a href="https://sejutatrik.blogspot.com/" target="_blank">Sejuta Trik Blogger</a>
D. Link Italic atau teks miring
Sejuta Trik Bloggerkodenya :
<a href="https://sejutatrik.blogspot.com/"><i>Sejuta Trik Blogger</i></a>
E. Link Berwarna
Sejuta Trik Bloggerkodenya :
<a href="https://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://sejutatrik.blogspot.com//search?q=mem.buat-judul-posting-membuka-tab-baru" id="two">Google Breadcrumb</a>
<a href="https://sejutatrik.blogspot.com//search?q=mem.buat-judul-posting-membuka-tab-baru" id="three">Sitemap</a>
<a href="https://sejutatrik.blogspot.com//search?q=mem.buat-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 bis,a letakkan pada 'HTML' widget atau ketika posting menyerupai milik aku ini.
Nah, bagi teman-teman yg mempunyai trik lebih unik dari macam-macam tips mem.buat link di atas, mari berbagi. Akhir kata, Happy Blogging Friends! Cayo Blogger Indonesia.
