iFrames Side-by-Side
Δύο διαφορετικές ιστοσελίδες σε μία ανάρτηση. . .
Αντιγράψτε το παρακάτω κώδικα στο Settings >> Code Injection >> Site Header ή στο Post >> Settings >> Code Injection >> Site Header. . .
Αφορά μόνο τα Ghost blog στο Wordpress γίνετε με άλλο τρόπο
<style>
iframe {
box-shadow: -1px 3px 28px -4px rgba(0,0,0,0.76);
float: left;
width: 100%;
height: 800px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-style: inset;
border-color: initial;
border-image: initial;
}
</style>
Κατόπιν συμπεριλάβετε το παρακατω σε ένα HTML block στην σελίδα που θέλετε να εμφανιστεί το iFrame
<div>
<span style="float:right; width:50%; height:850px">
<iframe src="https://thecodebee.com"></iframe>
</span>
<span style="float:right; width:50%; height:850px">
<iframe src="https://droneblog.gr"></iframe>
</span>
</div>
Και δείτε το αποτέλεσμα